.analytics-subnav-stack { display: grid; align-content: start; gap: 14px; }
.analytics-op-report-button { min-height: 52px; border: 1px solid var(--line); background: var(--surface); box-shadow: var(--shadow-soft); }
.op-manager-plans .op-personal-head > span:not(:first-child) { display:flex; flex-direction:column; align-items:flex-end; gap:3px; }.op-manager-plans .op-personal-head > span:not(:first-child) small { display:block; color:var(--text-muted); font-size:9px; font-weight:600; line-height:1.1; white-space:nowrap; }
.op-department-tabs { gap:3px !important; padding:3px !important; border:1px solid color-mix(in srgb,var(--text) 18%,var(--line)) !important; border-radius:12px !important; background:color-mix(in srgb,var(--surface) 90%,transparent) !important; box-shadow:none !important; }.op-department-tabs button { min-height:36px !important; min-width:74px !important; padding:0 15px !important; border:1px solid transparent !important; border-radius:9px !important; color:var(--text-soft) !important; background:transparent !important; font-size:12px !important; font-weight:800 !important; transition:color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease !important; }.op-department-tabs button:hover { color:var(--text) !important; border-color:transparent !important; background:color-mix(in srgb,var(--surface-strong) 72%,transparent) !important; transform:translateY(-1px) !important; }.op-department-tabs button.active { color:#102b3c !important; border-color:color-mix(in srgb,#fff 74%,transparent) !important; background:#eef7fb !important; box-shadow:0 3px 10px color-mix(in srgb,#000 16%,transparent) !important; }
.analytics-content:has(.daily-report) { min-width:0; padding:24px; }.daily-report { min-width:0; }.daily-heading { position:relative; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }.daily-heading h2 { margin:0 0 8px; font-size:27px; line-height:1.2; letter-spacing:-.7px; }.daily-heading p { margin:0; color:var(--text-muted); font-size:12px; }.op-department-tabs { position:absolute; left:50%; top:50%; display:flex; gap:7px; padding:6px; border:1px solid color-mix(in srgb,var(--text) 38%,var(--line)); border-radius:15px; background:color-mix(in srgb,var(--surface-strong) 84%,var(--text)); box-shadow:0 8px 24px color-mix(in srgb,#000 22%,transparent); transform:translate(-50%,-50%); }.op-department-tabs button { min-height:38px; min-width:76px; padding:0 16px; border:1px solid color-mix(in srgb,var(--text) 27%,var(--line)); border-radius:10px; color:var(--text); background:color-mix(in srgb,var(--surface) 70%,var(--text)); font-size:12px; font-weight:900; cursor:pointer; transition:transform .15s ease,background .15s ease,border-color .15s ease; }.op-department-tabs button:hover { border-color:var(--text); background:var(--surface-strong); transform:translateY(-1px); }.op-department-tabs button.active { color:var(--inverse); border-color:var(--text); background:var(--text); box-shadow:0 3px 12px color-mix(in srgb,var(--text) 35%,transparent); }.daily-presets { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:0 0 20px; }.daily-presets button { color:var(--text-soft); background:transparent; border:1px solid var(--line); padding:6px 10px; border-radius:20px; font-size:10px; cursor:pointer; }.daily-presets button:hover { color:var(--text); background:var(--surface-strong); }.daily-presets span { margin-left:auto; color:var(--text-muted); font-size:10px; }.daily-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:22px; }.daily-kpi { min-width:0; padding:14px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(130deg,var(--surface-soft),var(--surface)); }.daily-kpi>span,.daily-kpi>small { display:block; color:var(--text-muted); font-size:10px; }.daily-kpi>strong { display:block; margin:8px 0 5px; font-size:22px; letter-spacing:-.6px; }.daily-table-wrap { max-width:100%; overflow:auto; border:1px solid var(--line-strong); border-radius:15px; }.daily-table { width:100%; min-width:1040px; border-collapse:separate; border-spacing:0; font-size:12px; font-variant-numeric:tabular-nums; }.daily-table th,.daily-table td { min-width:84px; padding:11px 10px; text-align:right; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }.daily-table thead th { position:sticky; top:0; z-index:2; background:var(--surface-soft); color:var(--text-soft); font-size:10px; line-height:1.45; text-align:center; }.daily-table th:first-child { position:sticky; left:0; z-index:3; min-width:178px; background:var(--surface); text-align:left; border-right:2px solid var(--line-strong); }.daily-table thead th:first-child { z-index:4; background:var(--surface-soft); }.daily-table th small { display:block; margin-top:4px; color:var(--text-muted); font-size:10px; font-weight:400; }.daily-table tbody tr:hover>* { background:var(--surface-soft); }.daily-table .daily-total>* { background:var(--surface-strong); border-top:1px solid var(--line-strong); font-weight:800; }.daily-table tr>*:last-child { border-right:0; }.daily-table tbody tr:last-child>* { border-bottom:0; }.daily-note { margin:12px 0 0; color:var(--text-muted); font-size:10px; line-height:1.5; }@media(max-width:1200px) { .analytics-content:has(.daily-report) { padding:16px; }.daily-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }@media(max-width:700px) { .daily-heading { flex-wrap:wrap; }.op-department-tabs { position:static; order:3; width:100%; justify-content:center; transform:none; }.daily-presets span { width:100%; margin:5px 0 0; }.daily-kpis { grid-template-columns:1fr; } }