.time-picker-body{min-width:0}.time-picker-exact{justify-content:center;align-items:flex-end;gap:12px;padding-top:4px;display:flex}.time-picker-exact>label{width:104px;color:var(--muted);text-align:center;gap:8px;font-size:12px;font-weight:600;display:grid}:root .dialog-content.time-picker-dialog .time-picker-exact input{border:1px solid var(--form-border);background:var(--form-panel);width:100%;height:64px;color:var(--form-ink);font-variant-numeric:tabular-nums;text-align:center;border-radius:14px;padding:8px;font-size:32px;font-weight:600}.time-picker-colon{height:64px;color:var(--muted);align-items:center;font-size:28px;display:flex}.time-picker-format-row{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.time-picker-format.segmented>button,.time-picker-period.segmented>button{min-height:36px}.time-picker-period{width:fit-content;margin:14px auto 0;display:flex}.time-picker-period>button{min-width:70px}.time-picker-columns{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.time-picker-options{overscroll-behavior:contain;border:1px solid var(--form-border);background:var(--form-panel);border-radius:14px;flex-direction:column;gap:4px;height:220px;padding:8px;display:flex;position:relative;overflow-y:auto}.time-picker-options>button{min-height:40px;color:var(--form-ink);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:10px;flex-shrink:0;font-size:16px;font-weight:500}.time-picker-options>button:hover:not(:disabled){background:var(--surface);box-shadow:var(--control-selection-shadow)}.time-picker-options>button[aria-pressed=true],.time-picker-options>button[aria-pressed=true]:hover:not(:disabled){background:var(--selection-fill);color:var(--selection-text);box-shadow:var(--control-selection-shadow)}.time-picker-options>button:focus-visible{outline:2px solid var(--accent-fill);outline-offset:1px}.time-picker-options>button:disabled{opacity:.3;cursor:not-allowed}.time-picker-actions>.button{margin-left:auto}.time-picker-seconds{margin-top:16px}@media (width<=600px){.time-picker-format.segmented>button,.time-picker-period.segmented>button{min-height:44px}.time-picker-body{width:100%;max-width:440px;margin-inline:auto}.time-picker-exact>label{width:112px}.time-picker-options{height:min(340px, max(180px, calc(calc(100dvh / var(--interface-scale,1)) - 380px)))}.time-picker-options>button{min-height:44px}}.date-field{vertical-align:middle;width:100%;min-width:0;display:inline-grid;position:relative}.date-field>.date-field-input{border:1px solid var(--form-border,var(--separator));background:var(--surface);width:100%;min-width:0;min-height:44px;font:inherit;caret-color:#0000;cursor:pointer;border-radius:8px;padding:10px 38px 10px 14px;display:block;color:#0000!important}.date-field>.date-field-input::-webkit-datetime-edit{opacity:0}.date-field>.date-field-input::-webkit-calendar-picker-indicator{display:none}.date-field-display{pointer-events:none;font-size:inherit;color:var(--form-ink,var(--text));justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-weight:400;line-height:1.35;display:flex;position:absolute;inset:0}.date-field-display>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.date-field-display>svg{color:var(--muted);flex-shrink:0}.date-field-display[data-empty]{color:var(--muted)}.date-field[data-disabled] .date-field-display{opacity:.5}.date-field[data-disabled]>input{cursor:not-allowed}.date-field.date-field-filter>input{box-shadow:none;background:0 0;border-color:#0000}.date-field.date-field-filter .date-field-display{padding-inline:8px}:root .dialog-content.date-picker-dialog{width:368px;max-width:calc(calc(100vw / var(--interface-scale,1)) - 24px);max-height:calc(calc(100dvh / var(--interface-scale,1)) - 24px);border-radius:18px}:root .dialog-content.date-picker-dialog>.dialog-header{min-height:56px;padding:8px 18px}:root .dialog-content.date-picker-dialog>.dialog-header h2{letter-spacing:-.2px;gap:10px;font-size:18px}:root .dialog-content.date-picker-dialog>.dialog-body{padding:14px}.date-picker-body{min-width:0}.date-picker-navigation{justify-content:space-between;align-items:center;gap:4px;margin-bottom:12px;display:flex}.date-picker-navigation>.icon-button{flex-shrink:0;width:36px;height:36px}.date-picker-heading{justify-content:center;align-items:center;gap:2px;min-width:0;display:flex}.date-picker-heading>button{min-height:36px;color:var(--form-ink);text-transform:capitalize;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 8px;font-size:15px;font-weight:600;display:inline-flex}.date-picker-heading>button:hover{background:var(--form-panel)}.date-picker-calendar{border:1px solid var(--form-border);background:var(--form-panel);border-radius:14px;padding:8px}.date-picker-weekdays,.date-picker-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.date-picker-weekdays{padding:3px 0 8px}.date-picker-weekdays>span{text-align:center;color:var(--muted);font-size:11px;font-weight:600}.date-picker-grid>button{min-width:0;min-height:40px;color:var(--form-ink);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:4px;font-size:14px;font-weight:500;display:flex;position:relative}.date-picker-meeting-dot{background:currentColor;border-radius:50%;flex:none;width:5px;height:5px;display:block}.date-picker-days .date-picker-meeting-dot{position:absolute;bottom:3px;left:calc(50% - 2.5px)}.date-picker-meeting-legend{color:var(--muted);font-size:var(--text-xs);align-items:center;gap:8px;margin:12px 4px 0;line-height:1.4;display:flex}.date-picker-grid>button:hover:not(:disabled){background:var(--surface);box-shadow:var(--control-selection-shadow)}.date-picker-grid>button[aria-current=date]{border-color:var(--accent-fill)}.date-picker-grid>button[data-outside]{color:var(--muted);opacity:.6}.date-picker-grid>button[data-selected=true]{color:var(--selection-text);background:var(--selection-fill);border-color:var(--selection-fill);box-shadow:var(--control-selection-shadow);opacity:1}.date-picker-grid>button[data-selected=true]:hover:not(:disabled){color:var(--selection-text);background:var(--selection-fill)}.date-picker-grid>button:disabled{opacity:.3;cursor:not-allowed}.date-picker-grid>button:focus-visible,.date-picker-heading>button:focus-visible{outline:2px solid var(--accent-fill);outline-offset:1px}.date-picker-months,.date-picker-years{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.date-picker-months>button,.date-picker-years>button{background:var(--surface);text-transform:capitalize;min-height:52px}.date-picker-time{grid-template-columns:1fr 148px;align-items:center;margin-top:14px;display:grid}.date-picker-time>span{align-items:center;gap:8px;display:inline-flex}.date-picker-error{color:var(--danger);margin:10px 0 0;font-size:12px;line-height:1.5}:root .date-picker-dialog>.dialog-footer{padding:12px 18px}.date-picker-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.date-picker-actions>button{min-height:40px}.date-picker-actions>.text-button{padding:8px 4px}.date-picker-actions>.button{padding:8px 14px}@media (width<=600px){:root .dialog-content.date-picker-dialog{width:calc(100vw / var(--interface-scale,1));height:calc(100dvh / var(--interface-scale,1));border:0;border-radius:0;max-width:none;max-height:none;inset:0;transform:none}:root .dialog-content.date-picker-dialog>.dialog-header{min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 10px max(20px, env(safe-area-inset-left))}:root .dialog-content.date-picker-dialog>.dialog-body{padding:24px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left));flex:1}.date-picker-body{width:100%;max-width:440px;margin-inline:auto}.date-picker-navigation{margin-bottom:20px}.date-picker-navigation>.icon-button,.date-picker-heading>button{min-width:44px;min-height:44px}.date-picker-heading>button{font-size:18px}.date-picker-calendar{padding:8px}.date-picker-grid>button{min-height:44px}.date-picker-weekdays>span{font-size:12px}.date-picker-months>button,.date-picker-years>button{min-height:64px}:root .date-picker-dialog>.dialog-footer{padding:16px max(20px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left))}.date-picker-actions>button{min-height:44px}}