.ui-picker-panel{position:fixed;inset:auto;margin:0;z-index:1100;overflow:auto;overscroll-behavior:contain;padding:8px;min-width:min(240px,calc(100vw - 24px));border:1px solid var(--line);border-radius:var(--ui-radius);background:var(--surface);color:var(--ink);box-shadow:0 12px 32px #20232924;font:inherit}
.ui-picker-options{display:grid;gap:3px}.ui-picker-option{text-align:left;white-space:normal;overflow-wrap:anywhere;width:100%;border:0;border-radius:4px;min-height:40px;padding:8px 12px;font:inherit;color:var(--ink);background:transparent}
.ui-picker-option[aria-selected=true]{background:var(--context-selected-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--context-selected-line);font-weight:700}
.ui-picker-option:hover:not(:disabled):not([aria-selected=true]){background:var(--surface-muted)}
.ui-search-select{display:grid;gap:8px;width:360px;max-width:calc(100vw - 44px)}
.ui-search-select>.ui-picker-options{max-height:min(360px,55vh);overflow:auto;overscroll-behavior:contain}
.ui-search-select>.ui-control{box-sizing:border-box;min-width:0;width:100%}
.ui-search-select__group{padding:6px 12px 2px;color:var(--muted);font-size:12px}
.ui-search-select__find,.ui-search-select__more{color:var(--muted);border-top:1px solid var(--line);border-radius:0}
.ui-search-select>[hidden]{display:none!important}
.ui-temporal-picker{width:min(264px,calc(100vw - 44px));display:grid;gap:8px}
.ui-month-picker{width:min(264px,calc(100vw - 44px));display:grid;gap:8px}
.ui-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}
.ui-month-grid button{min-width:0;min-height:40px;padding:4px 2px;border:0;border-radius:5px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-transform:capitalize}
.ui-month-grid button.selected{background:var(--context-selected-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--context-selected-line);font-weight:700}
.ui-month-grid button:hover:not(:disabled):not(.selected){background:var(--surface-muted)}
.ui-month-grid button:disabled{opacity:.45;cursor:default}
@media(pointer:coarse){.ui-month-grid button{min-height:44px}}
.ui-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.ui-calendar-heading strong{text-transform:capitalize}.ui-calendar-heading button{min-width:42px;min-height:42px;padding:2px;font-size:28px;line-height:1}
.ui-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-top:6px}.ui-calendar-grid small{text-align:center}.ui-calendar-grid button{padding:2px;min-height:32px;border:0;color:var(--ink)}.ui-calendar-grid button.selected{background:var(--context-selected-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--context-selected-line);font-weight:700}
.ui-time-fields{display:grid;grid-template-columns:72px 72px;gap:12px;width:156px;justify-self:center;align-self:center}.ui-picker-footer{display:flex;justify-content:space-between;gap:8px}.ui-picker-footer button{font:inherit;min-height:40px}
@media(max-width:540px){.ui-calendar-grid button{min-height:40px}.ui-picker-option{min-height:44px}}
.ui-file-sources{display:flex;gap:8px;flex-wrap:wrap}.ui-file-sources input[hidden]{display:none!important}
.ui-picker-panel{isolation:isolate}
input[data-ui-picker]::-webkit-calendar-picker-indicator{display:none!important;pointer-events:none}
/* One arrow gutter for every enhanced field. Native select chrome otherwise
   paints an opaque area over the chosen text in narrow controls. The gutter
   cannot be removed by feature-specific compact padding. */
:is(input,select).ui-control[data-ui-picker]{background-image:url('./control-chevron.svg');background-position:right 10px center;background-size:16px 16px;background-repeat:no-repeat;padding-inline-end:32px!important}
select.ui-control[data-ui-picker=select]{appearance:none;-webkit-appearance:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ui-time-column{--time-row-height:36px;height:calc(5 * var(--time-row-height));overflow:hidden;overscroll-behavior:contain;touch-action:none;user-select:none;display:grid;grid-template-rows:repeat(5,var(--time-row-height));border-radius:5px;outline-offset:3px}
.ui-time-column-wrap{min-width:0}.ui-time-column-wrap>small{display:block;margin:0 0 8px;color:var(--muted);text-align:center}
.ui-time-column>button{box-sizing:border-box;width:72px;height:var(--time-row-height);min-height:0;padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink);font:inherit;font-size:15px;line-height:1;font-variant-numeric:tabular-nums}
.ui-time-column>button:first-child,.ui-time-column>button:last-child{color:var(--muted)}
.ui-time-column>button[aria-selected=true]{background:var(--context-selected-soft);color:var(--ink);box-shadow:inset 0 0 0 1px var(--context-selected-line);font-weight:700}
.ui-time-column>button:hover:not([aria-selected=true]){background:var(--surface-muted)}
.ui-picker-panel:has(.ui-time-picker){min-width:0}
.ui-time-picker{width:min(184px,calc(100vw - 44px));gap:12px}
.ui-datetime-picker{width:440px;max-width:calc(100vw - 44px);grid-template-columns:minmax(0,264px) 156px;column-gap:20px}
.ui-datetime-picker>.ui-field__error,.ui-datetime-picker>.ui-picker-footer{grid-column:1 / -1}
.ui-temporal-picker>.ui-field__error[hidden]{display:none}
.ui-time-picker .ui-picker-footer button{min-height:34px;padding:5px 8px;font-size:13px}
@media(max-width:510px){.ui-datetime-picker{width:min(264px,calc(100vw - 44px));grid-template-columns:minmax(0,1fr);row-gap:12px}}
@media(pointer:coarse){.ui-time-column{--time-row-height:44px}.ui-time-picker .ui-picker-footer button{min-height:40px}}