.datefield{position:relative}.datefield-trigger{justify-content:space-between;align-items:center;gap:var(--space-3);background:linear-gradient(180deg, var(--surface-2), var(--surface-1));border-radius:var(--radius-md);width:100%;min-width:168px;color:var(--text-primary);letter-spacing:.01em;cursor:pointer;text-align:left;border:1px solid #d9583352;padding:13px 15px;font-family:inherit;font-size:16px;font-weight:600;transition:box-shadow .12s,border-color .12s;display:flex;box-shadow:inset 0 1px #ffffff0d,0 0 12px -6px #d9583380}.datefield-trigger:hover,.datefield-trigger.is-open{border-color:var(--brand-ink);box-shadow:inset 0 1px 0 #ffffff0f, var(--glow-brand)}.datefield-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.datefield-trigger svg{color:var(--brand-ink);filter:drop-shadow(0 0 6px #d958338c);flex:none}.datefield-trigger .is-empty{color:var(--text-muted);font-weight:500}.datefield-pop{z-index:40;width:280px;padding:var(--space-3);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 6px);left:0}@media (width<=520px){.datefield-pop{left:auto;right:0}}.datefield-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.datefield-head strong{color:var(--text-primary);font-size:13px;font-weight:700}.datefield-head button{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:5px 7px;line-height:0}.datefield-head button:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.datefield-head button:disabled{opacity:.35;cursor:not-allowed}.datefield-head button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.datefield-weekdays,.datefield-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datefield-weekdays{margin-bottom:var(--space-1)}.datefield-weekdays span{text-align:center;letter-spacing:.04em;color:var(--text-muted);padding:2px 0;font-size:10px;font-weight:700}.datefield-blank{display:block}.datefield-day{aspect-ratio:1;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;padding:0;font-family:inherit;font-size:12px}.datefield-day:hover:not(:disabled){background:var(--surface-hover)}.datefield-day:disabled{color:var(--disabled);cursor:not-allowed}.datefield-day.is-selected{background:var(--brand);border-color:var(--brand-ink);color:#fff;font-weight:700}.datefield-day:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.daterange-caption{align-items:center;gap:var(--space-2);color:var(--text-secondary);flex:1 0 100%;margin:2px 0 0;font-size:13px;display:flex}.daterange-caption-range{color:var(--text-primary);font-weight:600}.daterange-caption-days{letter-spacing:.04em;color:var(--brand-ink);background:var(--brand-soft);border-radius:var(--radius-pill);padding:2px 9px;font-size:11px;font-weight:600}.controls-fields{gap:var(--space-3);grid-template-columns:minmax(172px,196px) minmax(172px,196px) minmax(180px,208px);align-items:end;display:grid}.controls-fields .daterange-caption{margin:var(--space-1) 0 0;padding-top:var(--space-3);border-top:1px solid var(--border);grid-column:1/3}.controls-fields .date-preset-field select,.controls-fields .datefield-trigger{border-radius:var(--radius-md);background-color:#0000;background-image:linear-gradient(180deg, var(--surface-2), var(--surface-1));width:100%;height:48px;min-height:48px;color:var(--text-primary);letter-spacing:.01em;border:1px solid #d9583352;font-family:inherit;font-size:16px;font-weight:600;transition:box-shadow .12s,border-color .12s;box-shadow:inset 0 1px #ffffff0d,0 0 12px -6px #d9583380}.controls-fields .date-preset-field select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23d95833' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"), linear-gradient(180deg, var(--surface-2), var(--surface-1));background-position:right 15px center,0 0;background-repeat:no-repeat,no-repeat;background-size:14px 14px,100% 100%;padding:0 42px 0 15px}.controls-fields .date-preset-field select:hover,.controls-fields .date-preset-field select:focus{border-color:var(--brand-ink);box-shadow:inset 0 1px 0 #ffffff0f, var(--glow-brand);outline:none}.controls-fields .field label{letter-spacing:.07em;white-space:nowrap;margin-bottom:7px;font-size:11px}@media (width<=820px){.controls-fields{grid-template-columns:1fr 1fr}.controls-fields .date-preset-field,.controls-fields .daterange-caption{grid-column:1/-1}}@media (width<=520px){.controls-fields{grid-template-columns:1fr}.controls-fields .date-preset-field,.controls-fields .daterange-caption{grid-column:auto}}.controls-fields{flex-wrap:wrap;grid-template-columns:none;align-items:center;gap:10px;display:flex}.controls-fields .field{align-items:center;gap:7px;display:flex}.controls-fields .field>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.controls-fields .datefield{width:auto}.controls-fields .date-preset-field select,.controls-fields .datefield-trigger{width:auto;height:34px;min-height:34px;font-size:13px}.controls-fields .datefield-trigger{min-width:124px;padding:0 10px}.controls-fields .date-preset-field{min-width:0}.controls-fields .date-preset-field select{padding:0 30px 0 10px}.controls-fields .daterange-caption{border-top:0;flex:none;grid-column:auto;margin:0;padding-top:0;font-size:12px}.controls-fields .daterange-caption-range{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.controls-fields .daterange-caption-days{padding:2px 8px}.controls-row .status-pill{flex-direction:row;align-items:baseline;gap:6px;padding:4px 10px;font-size:10.5px}.controls-row .status-pill .status-pill-value{font-size:11.5px}.controls-row .controls-actions .button{white-space:nowrap;flex:none;min-height:34px;padding:0 14px}.controls-row .status-pill{white-space:nowrap;flex:none}.controls-row .refresh-hint{text-align:left;flex:0 168px;min-width:0;margin:0;font-size:10.5px;line-height:1.3}@media (width>=1400px){.controls-row{flex-wrap:nowrap}.controls-row>.controls-fields{min-width:0}.controls-row>.controls-actions{min-width:min-content}.controls-fields{flex-wrap:nowrap}}