/* Výkonnosť: stránka nesmie byť širšia ako okno — široké tabuľky (tím, zmeškané termíny) sa posúvajú
   vo vlastnom rámčeku, nie celá stránka (predtým vodorovný posuvník na spodku stránky). */
.perf-screen { min-width: 0; max-width: 100%; }
.perf-screen .table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line, #dfe4e0); border-radius: 10px; background: #fff; }
.perf-screen .table-scroll > table { margin: 0; }
.perf-screen .perf-charts { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); }
.perf-screen .perf-charts article { min-width: 0; }
.perf-screen .perf-missed td[title] { white-space: normal; min-width: 220px; }

/* Aktívny čas v REBOS-e — blok vo Výkonnosti. */
.active-time-block { margin-top: 26px; padding-top: 16px; border-top: 1px solid var(--line, #dfe4e0); min-width: 0; }
.at-toolbar h3 { margin: 0 auto 0 0; font-size: 18px; }
.at-summary { margin: 0 0 10px; }
.at-table td.at-top { text-align: left; white-space: normal; min-width: 260px; }
.at-table td.at-top small { color: var(--muted, #6b7772); }
.at-heat { display: grid; gap: 2px; overflow-x: auto; padding-bottom: 4px; font-size: 11px; color: var(--muted, #6b7772); }
.at-heat-row { display: grid; grid-template-columns: 26px repeat(24, minmax(12px, 1fr)); gap: 2px; align-items: center; min-width: 360px; }
.at-heat-head span { text-align: center; }
.at-heat-day { font-weight: 600; }
.at-heat-cell { height: 18px; border-radius: 3px; background: color-mix(in srgb, var(--brand, #1f6f5b) calc(var(--level, 0) * 100%), #eef2f0); }
.at-heat-cell[data-seconds="0"] { background: #f2f5f3; }

/* Nastavenia → Údaje kancelárie. */
.active-time-switch { display: flex !important; align-items: center; gap: 10px; font-weight: 650; margin: 4px 0 6px; }
.active-time-switch input { width: 18px; height: 18px; margin: 0; }

/* Môj účet. */
.account-active-time { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.account-active-time .muted { margin-right: 4px; }

/* Informácia pri prvom prihlásení. */
dialog.active-time-info { width: min(520px, 94vw); padding: 0; border: 0; border-radius: 14px; background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, .35); }
dialog.active-time-info form { padding: 20px 22px; display: grid; gap: 10px; }
dialog.active-time-info h3 { margin: 0; }
dialog.active-time-info p { margin: 0; font-size: 14px; }
dialog.active-time-info .editor-actions { margin-top: 6px; }