:root { --field-border:#dfe2eb;--field-border-hover:#c5cbd7; }
/* Editable fields stay white; locked controls have a separate neutral treatment. */
:root :is(.main-content,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),textarea,select):not(:disabled):not([readonly]) {
  background-color:#fff;border:1px solid var(--field-border);color:var(--ink);
}
:root :is(.main-content,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),textarea,select):not(:disabled):not([readonly]):hover { border-color:var(--field-border-hover); }
:root :is(.main-content,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),textarea,select):not(:disabled):not([readonly]):focus {
  outline:none;border-color:var(--brand-text);box-shadow:0 0 0 3px var(--brand-soft);
}
:root :is(.main-content,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),textarea,select):disabled {
  background-color:#f1f2f6;border-color:#e3e5ec;color:#858b99;box-shadow:none;cursor:not-allowed;opacity:1;
}
:root :is(.main-content,dialog) :is(input,textarea)[readonly] {
  background-color:#f5f6f9;border-color:#dce0e8;color:#626a7c;box-shadow:none;cursor:default;
}
:root :is(.main-content,dialog) :is(input,textarea)::placeholder { color:#9197a5;font-weight:400;opacity:1; }
:root :is(.main-content,dialog) :is(.ui-select-trigger,.date-trigger,.tp-trigger,.overview-date-trigger,.overview-floor-trigger,.calendar-space-trigger,.attendee-toggle):not(:disabled):not([aria-readonly=true]),
#view-rooms :is(.tp-trigger,.overview-date-trigger,.overview-floor-trigger):not(:disabled) {
  background-color:#fff;border:1px solid var(--field-border);
}
:root :is(.main-content,dialog) :is(.ui-select-trigger,.date-trigger,.tp-trigger,.overview-date-trigger,.overview-floor-trigger,.calendar-space-trigger,.attendee-toggle):not(:disabled):hover,
#view-rooms :is(.tp-trigger,.overview-date-trigger,.overview-floor-trigger):not(:disabled):hover { border-color:var(--field-border-hover); }
:root :is(.main-content,dialog) :is(.ui-select-trigger,.date-trigger,.tp-trigger,.overview-date-trigger,.overview-floor-trigger,.calendar-space-trigger,.attendee-toggle):not(:disabled):is(:focus-visible,[aria-expanded=true]),
#view-rooms :is(.tp-trigger,.overview-date-trigger,.overview-floor-trigger):not(:disabled):is(:focus-visible,[aria-expanded=true]) {
  outline:none;border-color:var(--brand-text);box-shadow:0 0 0 3px var(--brand-soft);
}
:root :is(.main-content,dialog) :is(.ui-select-trigger,.date-trigger,.tp-trigger,.overview-date-trigger,.overview-floor-trigger,.calendar-space-trigger,.attendee-toggle):disabled,
#view-rooms :is(.tp-trigger,.overview-date-trigger,.overview-floor-trigger):disabled {
  background-color:#f1f2f6;border-color:#e3e5ec;color:#858b99;box-shadow:none;cursor:not-allowed;opacity:1;
}
:root :is(.main-content,dialog) :is(.ui-select-trigger,.date-trigger,.tp-trigger,.overview-date-trigger,.overview-floor-trigger,.calendar-space-trigger,.attendee-toggle)[aria-readonly=true] {
  background-color:#f5f6f9;border-color:#dce0e8;color:#626a7c;box-shadow:none;cursor:default;
}
:root .main-content .field-box { background-color:#fff;border-color:var(--field-border); }
:root .main-content .field-box:focus-within { border-color:var(--brand-text);box-shadow:0 0 0 3px var(--brand-soft); }
/* The surrounding field box supplies the border for its inner text control. */
:root .main-content .field-box>input:not(:disabled):not([readonly]) { background:transparent;border:0;box-shadow:none;outline:none; }
:root :is(.main-content,dialog) [aria-invalid=true]:not(:disabled) { border-color:#b4424a; }