/* Native calendar/time controls use the same field border and padding everywhere. */
@media screen {
 html:root body :is(input[type="date"],input[type="datetime-local"],input[type="time"],input[type="month"],input[type="week"]):not(:where(.auth-scene input)){
  -webkit-appearance:none;appearance:none;box-sizing:border-box;min-width:0;max-width:100%;height:40px!important;min-height:40px!important;border:1px solid var(--line,#b7cada)!important;border-radius:9px!important;padding:0 11px!important;background:var(--surface,#fff)!important;color:var(--ink,#173858)!important;font-family:inherit;line-height:normal;color-scheme:light;
 }
 html:root body.dark-mode :is(input[type="date"],input[type="datetime-local"],input[type="time"],input[type="month"],input[type="week"]){background:#172231!important;color:var(--ink,#e7edf5)!important;color-scheme:dark}
 html:root body :is(input[type="date"],input[type="datetime-local"],input[type="time"],input[type="month"],input[type="week"]):focus-visible{outline:2px solid var(--blue,#2476d3);outline-offset:2px}
 .ink-head>.ink-header-icon{display:flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border:1px solid #ffffff60;border-radius:8px;background:#ffffff16;color:inherit}
 .ink-header-icon svg{width:38px;height:38px}
 .ink-head>.ink-header-icon+div{flex:1;min-width:0}
 @media(max-width:550px){.ink-head>.ink-header-icon{flex-basis:44px;width:44px;height:44px}.ink-header-icon svg{width:32px;height:32px}}
}

/* Contrôles communs aux formulaires, y compris ceux hors .form-field. */
@media screen{
 html:root body :is(dialog,form,.availability-fields,.settings-section) :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],select,textarea):not(:where(.server-auth *,.auth-scene *)){
 box-sizing:border-box;min-width:0;max-width:100%;border:1px solid var(--line,#dce4ee)!important;border-radius:var(--control-radius,9px)!important;padding:10px 11px!important;background:var(--surface,#fff)!important;color:var(--ink,#172033)!important;font-family:inherit;
 }
 html:root body :is(dialog,form,.availability-fields,.settings-section) :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],select):not(:where(.server-auth *,.auth-scene *)){min-height:var(--control-height,44px)}
 html:root body :is(dialog,form,.availability-fields,.settings-section) :is(input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:2px}
 html:root body.dark-mode :is(dialog,form,.availability-fields,.settings-section) :is(input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],input[type=search],select,textarea):not(:where(.server-auth *,.auth-scene *)){background:#24354b!important;color:#f8fafc!important;border-color:#8093aa!important;color-scheme:dark}
 html:root:not([data-appearance-headers="true"]) body :is(.dialog-head,.server-panel-title,.availability-head){background:linear-gradient(125deg,var(--navy),var(--teal))!important;color:#fff!important}
 html:root body :is(.dialog-head,.server-panel-title,.availability-head) :is(h2,h3,p){color:inherit}
}