/* Native labels stay inside controls, including when filled or autofilled. */
label.field-inline{position:relative;display:block;min-width:0;font-weight:400}
label.field-inline>span{position:absolute;top:15px;left:12px;z-index:1;max-width:calc(100% - 24px);color:var(--muted);font-size:.9rem;font-weight:400;line-height:18px;pointer-events:none;transition:top .12s ease,font-size .12s ease}
label.field-inline:focus-within>span,label.field-inline:has(input:not(:placeholder-shown),textarea:not(:placeholder-shown),select,input[type="time"])>span{top:5px;font-size:.65rem;line-height:14px}
label.field-inline>.input,label.field-inline>.textarea{min-height:48px;width:100%;margin:0;padding:19px 12px 5px;font-size:.9rem;line-height:22px;box-sizing:border-box}
label.field-inline>input,label.field-inline>select{height:48px}
label.field-inline>select{appearance:none;padding-right:34px;cursor:pointer}
label.field-inline:has(>select)::after{content:"";position:absolute;right:14px;top:21px;width:7px;height:7px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}
label.field-inline>select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
label.field-inline>select option{font:inherit;background:var(--surface);color:var(--text)}
label.field-inline>textarea{display:block}
.projects-search-field{width:16rem}
label.projects-search-field>span{left:40px}
label.projects-search-field>.input{padding-left:40px}
.admin-list-search>.field-inline{flex:1;min-width:150px;max-width:460px}
.admin-list-search>.field-inline:has(select){flex:0 1 180px}
.admin-contact-details form>.field-inline{flex:1;min-width:160px}
.custom-style-field{height:100%}
.custom-style-field:has([hidden]){display:none}
.preference-style-stage label.custom-style-field>textarea{height:100%;padding-top:30px;margin:0}
@media(max-width:650px){.projects-search-field{width:100%}.admin-list-search>.field-inline{flex-basis:100%;max-width:none}}
/* Keep focused form text large enough to avoid iPhone Safari's automatic zoom. */
@media(max-width:760px){label.field-inline>.input,label.field-inline>.textarea{font-size:max(16px,.9rem)}}
@media(prefers-reduced-motion:reduce){label.field-inline>span{transition:none}}


.business-time-field{position:relative}
.business-time-field input[type="time"]{padding-right:30px}
.business-time-field input[type="time"]::-webkit-calendar-picker-indicator{display:none}

.business-time-field .time-input-hint{display:none}
@supports selector(input::-webkit-datetime-edit){
.business-time-field input[data-empty="true"]::-webkit-datetime-edit{opacity:0}
.business-time-field .time-input-hint{display:block;position:absolute;top:21px;left:12px;pointer-events:none;font-size:.9rem;line-height:22px;color:var(--muted)}
.business-time-field:has(input[data-empty="false"],input:disabled) .time-input-hint{display:none}
}
.business-time-trigger{position:absolute;inset:0;border:0;background:transparent;text-align:right;padding:19px 12px 5px;color:var(--muted);cursor:pointer}
.business-time-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
.business-time-trigger:disabled{cursor:default}
.business-time-picker{position:fixed;inset:auto;margin:0;width:220px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface,#fff);color:var(--text);box-shadow:0 8px 24px #0002}
.business-time-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}
.business-time-column{display:block;min-width:0}
.business-time-column>span{display:block;font-size:.65rem;color:var(--muted);margin-bottom:4px}
.business-time-list{position:relative;height:160px;overflow-y:auto;border-radius:6px;scrollbar-width:none;outline:none}
.business-time-list::-webkit-scrollbar{display:none}
.business-time-list:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.business-time-option{display:block;width:100%;height:32px;padding:0;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:.9rem;text-align:center;cursor:pointer}
.business-time-option:hover{background:var(--surface-subtle)}
.business-time-option[aria-selected="true"]{background:var(--accent-soft);color:var(--accent);font-weight:600}
.business-time-picker>.button{width:100%}