/* The week picker uses the same popup, header, days and footer as date pickers. */
.acctual-preview .acctual-week-field { position: relative; display: inline-block; max-width: 100%; }
.acctual-preview .acctual-week-original { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; opacity: 0; pointer-events: none; }
.acctual-preview .acctual-week-display { display: inline-flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; max-width: 100%; background: #fff; color: var(--acctual-ink); cursor: pointer; }
.acctual-preview .acctual-week-display svg { width: 16px; height: 16px; flex-shrink: 0; }
.acctual-preview .acctual-week-display:disabled { opacity: .5; cursor: not-allowed; }
.acctual-preview .acctual-week-calendar .acctual-calendar-weekdays { grid-template-columns: 24px repeat(7, minmax(0, 1fr)); gap: 0; }
.acctual-preview .acctual-week-calendar .acctual-calendar-days { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; }
.acctual-preview .acctual-calendar-week-row { display: grid; grid-template-columns: 24px repeat(7, minmax(0, 1fr)); align-items: center; width: 100%; padding: 1px 0; border: 1px solid transparent; border-radius: 100px; background: transparent; color: var(--acctual-ink); }
.acctual-preview .acctual-calendar-week-row .acctual-calendar-day { display: flex; align-items: center; justify-content: center; }
.acctual-preview .acctual-calendar-week-number { font-size: 10px; color: var(--acctual-muted); }
.acctual-preview .acctual-calendar-week-row.is-selected { background: var(--acctual-action); border-color: var(--acctual-action); color: #fff; }
.acctual-preview .acctual-calendar-week-row.is-selected .acctual-calendar-day,
.acctual-preview .acctual-calendar-week-row.is-selected .acctual-calendar-week-number { color: inherit; }
.acctual-preview .acctual-calendar-week-row:focus-visible { outline: 2px solid var(--acctual-action); outline-offset: 2px; }