/* ERadius — «Відсутності» в мові старту (власник 11.10). Підключається після people.css. Лише токени теми. */

/* ── Плитки стану над календарем: як рядки панелей старту — число, назва, хто ── */
html[data-theme] .abs-today{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin:0 0 var(--space-3)}
@media (max-width:900px){html[data-theme] .abs-today{grid-template-columns:1fr}}
html[data-theme] .abs-tile{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:var(--space-3);align-items:center;
  text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--r-lg);cursor:pointer;font:inherit;
  background:var(--bg-surface);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);color:var(--text-primary);
  transition:border-color 120ms ease,background 120ms ease;position:relative}
html[data-theme] .abs-tile::after{content:'›';position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:20px;color:var(--text-muted);
  transition:transform 120ms ease,color 120ms ease}
html[data-theme] .abs-tile:hover{background:var(--bg-hover);border-color:color-mix(in srgb,var(--accent) 45%,var(--border-strong))}
html[data-theme] .abs-tile:hover::after{color:var(--accent);transform:translate(2px,-50%)}
html[data-theme] .abs-tile:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}
html[data-theme] .abs-tile-n{grid-row:1/3;font-size:28px;font-weight:var(--fw-semibold);line-height:1;font-variant-numeric:tabular-nums;color:var(--text-muted);min-width:1.4ch}
html[data-theme] .abs-tile.has .abs-tile-n{color:var(--text-primary)}
html[data-theme] .abs-tile.has.tone-warn .abs-tile-n{color:var(--warning)}
html[data-theme] .abs-tile.has.tone-accent .abs-tile-n{color:var(--accent)}
html[data-theme] .abs-tile-t{font-weight:var(--fw-semibold);font-size:var(--fs-body)}
html[data-theme] .abs-tile-s{font-size:var(--fs-caption);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:var(--space-4)}

/* ── Календар: панель у мові старту, фільтри — тихий стовпець ── */
html[data-theme] .absence-calendar-panel{padding:0;overflow:hidden;border-radius:var(--r-lg);background:var(--bg-surface);
  border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent)}
html[data-theme] .abs-cal-layout{grid-template-columns:232px minmax(0,1fr);min-height:0}
html[data-theme] .abs-cal-filters{background:none;border-right:1px solid color-mix(in srgb,var(--border-subtle) 85%,transparent);gap:var(--space-3);padding:var(--space-3)}
html[data-theme] .abs-cal-main{padding:var(--space-3) var(--space-4)}
html[data-theme] .abs-filter-group{border:0;margin:0;padding:0;min-width:0}
html[data-theme] .abs-filter-group legend{padding:0;width:100%}
html[data-theme] .abs-filter-fold{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-1) 0;
  background:none;border:0;font:inherit;cursor:pointer;text-align:left;font-size:var(--fs-caption);font-weight:var(--fw-semibold);
  letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}
html[data-theme] .abs-filter-fold::before{content:'›';display:inline-block;margin-right:var(--space-1);transform:rotate(90deg);transition:transform 150ms ease;color:var(--text-muted)}
html[data-theme] .abs-filter-group.is-folded .abs-filter-fold::before{transform:none}
html[data-theme] .abs-filter-fold:hover{color:var(--text-primary)}
html[data-theme] .abs-filter-state{margin-left:auto;font-size:var(--fs-caption);font-weight:var(--fw-regular,400);letter-spacing:0;text-transform:none;color:var(--text-muted)}
html[data-theme] .abs-filter-group.is-folded>:not(legend){display:none}
html[data-theme] .abs-filter-bulk{display:flex;gap:var(--space-2);margin:2px 0 var(--space-1)}
html[data-theme] .abs-filter-item{font-size:var(--fs-body);color:var(--text-primary)}
html[data-theme] .abs-filter-count{margin-left:auto;font-size:var(--fs-caption);color:var(--text-muted);font-variant-numeric:tabular-nums}
html[data-theme] .abs-cal-foot{display:flex;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding-top:var(--space-2);font-size:var(--fs-caption)}
html[data-theme] .abs-legend{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary)}
html[data-theme] .abs-legend i{display:inline-block;width:18px;height:6px;border-radius:3px;background:var(--accent)}
html[data-theme] .abs-legend i.abs-legend-dash{background:none;border:1.5px dashed var(--accent);height:4px}

/* ── Заявки й таблиця доступності — у тій самій мові ── */
html[data-theme] .absence-panel{margin-top:var(--space-3);border-radius:var(--r-lg)}
html[data-theme] .avail-details{margin-top:var(--space-3);border:1px solid color-mix(in srgb,var(--border-strong) 70%,transparent);border-radius:var(--r-lg);background:var(--bg-surface)}
html[data-theme] .avail-details>summary{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);cursor:pointer;list-style:none;border-radius:var(--r-lg)}
html[data-theme] .avail-details>summary::-webkit-details-marker{display:none}
html[data-theme] .avail-details>summary::before{content:'›';color:var(--text-muted);transition:transform 150ms ease;display:inline-block}
html[data-theme] .avail-details[open]>summary::before{transform:rotate(90deg)}
html[data-theme] .avail-details>summary:hover{background:var(--bg-hover)}
html[data-theme] .avail-details .ps-title{font-weight:var(--fw-semibold);color:var(--text-primary)}
html[data-theme] .avail-details .ps-sub{font-size:var(--fs-caption);color:var(--text-muted)}
html[data-theme] .avail-details>article{margin:0 var(--space-3) var(--space-3);border:0}
html[data-theme] [data-view-panel="absences"]>.section-heading .top-actions .button{min-height:40px;padding:0 var(--space-4);font-size:14px}

/* ── Сьогодні в календарі: видно одразу — рамка акцентом, легка заливка, число в акцентному кружку ── */
html[data-theme] .absence-calendar .fc-daygrid-day.fc-day-today{background:color-mix(in srgb,var(--accent) 12%,transparent);
  box-shadow:inset 0 0 0 2px var(--accent)}
html[data-theme] .absence-calendar .fc-daygrid-day.fc-day-today a.fc-daygrid-day-number{display:inline-grid;place-items:center;min-width:26px;height:26px;margin:4px;padding:0 6px;
  border-radius:13px;background:var(--accent);color:var(--cds-on-accent,var(--text-inverse));font-weight:var(--fw-semibold);font-size:var(--fs-body)}
html[data-theme] .absence-calendar .fc-timegrid-col.fc-day-today{background:color-mix(in srgb,var(--accent) 10%,transparent)}
html[data-theme] .absence-calendar .fc-col-header-cell.fc-day-today{box-shadow:inset 0 -2px 0 var(--accent)}
html[data-theme] .absence-calendar .fc-col-header-cell.fc-day-today .fc-col-header-cell-cushion{color:var(--accent);font-weight:var(--fw-semibold)}