/* Shared trading-day picker for the public dashboard and admin forms. */
.trading-date-picker [x-cloak] { display: none !important; }
.trading-date-picker label { font-size: 13px; font-weight: 600; }
.trading-date-picker button, .trading-date-picker select { font: inherit; font-size: 13px; border: 1px solid #dbe1eb; background: #fff; border-radius: 7px; padding: 9px 12px; color: inherit; }
.trading-date-picker button { cursor: pointer; }
.trading-date-picker button:disabled { opacity: .4; cursor: not-allowed; }
.trading-date-picker button:hover:not(:disabled) { background: #eef3fb; border-color: #9caec8; }
.trading-date-picker button:focus-visible, .trading-date-picker select:focus-visible { outline: 3px solid #a2bcef; outline-offset: 2px; }
.trading-date-picker { position: relative; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.trading-date-picker .date-trigger { display: flex; align-items: center; gap: 10px; min-width: 158px; }
.trading-date-picker .calendar-popover {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 30;
    width: min(322px, calc(100vw - 58px));
    padding: 16px;
    background: #fff;
    border: 1px solid var(--line, #dbe1eb);
    border-radius: 12px;
    box-shadow: 0 12px 36px #1c293d24;
}
.trading-date-picker .calendar-heading, .trading-date-picker .calendar-month-controls, .trading-date-picker .calendar-footer { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.trading-date-picker .calendar-heading > button { padding: 3px 9px; font-size: 22px; }
.trading-date-picker .calendar-month-controls select { padding: 5px 2px; border: 0; font-weight: 600; }
.trading-date-picker .calendar-weekdays, .trading-date-picker .calendar-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); text-align: center; gap: 4px; }
.trading-date-picker .calendar-weekdays { margin: 18px 0 8px; color: var(--muted, #64748b); font-size: 12px; }
.trading-date-picker .calendar-day { width: 100%; height: 34px; padding: 0; border: 0; font-variant-numeric: tabular-nums; }
.trading-date-picker .calendar-day:disabled { color: #a4adbc; background: #f8f9fb; opacity: .65; }
.trading-date-picker .calendar-day.is-selected, .trading-date-picker .calendar-day.is-selected:hover:not(:disabled) { background: #243d68; color: #fff; font-weight: 700; }
.trading-date-picker .calendar-footer { border-top: 1px solid var(--line, #dbe1eb); padding-top: 12px; margin-top: 14px; font-size: 11px; color: var(--muted, #64748b); }
.trading-date-picker .calendar-footer button { padding: 4px 0; border: 0; color: #345d94; font-size: 12px; }