.analytics-content:has(.manager-report) { min-width:0; padding:24px; }
.analytics-layout:has(.manager-report) { min-width:0; }
.manager-report { min-width:0; color:var(--text); }
.mr-heading { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; margin-bottom:24px; }
.mr-eyebrow { font-size:10px; letter-spacing:1.8px; color:var(--text-muted); font-weight:800; margin-bottom:9px; }
.mr-heading h2 { font-size:27px; line-height:1.2; letter-spacing:-.7px; margin:0 0 8px; }
.mr-heading p { font-size:12px; color:var(--text-muted); margin:0; }
.mr-live { color:var(--text-soft); font-size:11px; display:flex; align-items:center; gap:7px; white-space:nowrap; padding-top:7px; }
.mr-live i { width:6px; height:6px; background:var(--success); border-radius:50%; box-shadow:0 0 0 4px color-mix(in srgb,var(--success) 10%,transparent); }
.mr-filters { display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; padding:16px; background:var(--surface-soft); border:1px solid var(--line); border-radius:18px; }
.mr-period { display:flex; gap:8px; }
.mr-date { position:relative; }
.mr-date>span { display:block; color:var(--text-muted); font-size:10px; margin:0 0 6px 4px; }
.mr-date>.control { min-width:142px; min-height:40px; display:flex; align-items:center; justify-content:space-between; gap:15px; cursor:pointer; font:inherit; font-size:12px; }
.mr-select { position:relative; min-width:168px; flex:1; }
.mr-select summary { min-height:40px; display:grid; grid-template-columns:minmax(0,1fr) 18px; align-items:center; column-gap:10px; padding:0 14px; background:var(--surface); border:1px solid var(--line); border-radius:12px; cursor:pointer; font-size:12px; list-style:none; }
.mr-select-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.mr-select-chevron { display:grid; place-items:center; width:18px; height:18px; align-self:center; color:var(--text-soft); transition:transform .16s ease,color .16s ease; }
.mr-select-chevron svg { display:block; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.mr-select summary::-webkit-details-marker { display:none; }
.mr-select[open] summary { border-color:var(--line-strong); }.mr-select[open] .mr-select-chevron { color:var(--text); transform:rotate(180deg); }
.mr-menu { position:absolute; left:0; top:calc(100% + 8px); width:280px; max-width:80vw; max-height:360px; overflow:auto; background:var(--surface); border:1px solid var(--line-strong); box-shadow:var(--shadow); border-radius:15px; padding:9px; z-index:45; }
.mr-menu label { display:flex; gap:10px; align-items:center; padding:9px 8px; font-size:12px; cursor:pointer; border-radius:8px; }
.mr-menu label:hover { background:var(--surface-strong); }
.mr-menu input { accent-color:var(--success); width:15px; height:15px; flex-shrink:0; }
.mr-menu>strong { display:block; color:var(--text-muted); text-transform:uppercase; letter-spacing:.8px; font-size:10px; margin:16px 8px 6px; }
.mr-filters>.button { min-height:40px; padding:0 22px; }
.mr-presets { display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin:12px 0 22px; }
.mr-presets button { color:var(--text-soft); background:transparent; border:1px solid var(--line); padding:6px 10px; border-radius:20px; font-size:10px; cursor:pointer; }
.mr-presets button:hover { background:var(--surface-strong); color:var(--text); }
.mr-presets>span { margin-left:auto; color:var(--text-muted); font-size:10px; }
.mr-kpis { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0 0 28px; }
.mr-kpi { border:1px solid var(--line); border-radius:16px; padding:14px; background:linear-gradient(130deg,var(--surface-soft),var(--surface)); min-width:0; }
.mr-kpi>span { display:block; color:var(--text-soft); font-size:11px; }
.mr-kpi .mr-value { font-size:clamp(17px,1.45vw,25px); font-weight:800; letter-spacing:-.8px; padding:10px 0 7px; text-align:left; white-space:normal; }
.mr-kpi>small { display:block; font-size:10px; color:var(--text-muted); }
.mr-kpi:first-child { border-color:color-mix(in srgb,var(--success) 32%,var(--line)); }
.mr-table-head { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin:0 0 14px; }
.mr-table-head h3 { margin:0; font-size:14px; }.mr-table-head h3 span { color:var(--text-muted); font-weight:400; margin-left:6px; }
.mr-table-head>span { color:var(--text-muted); font-size:10px; }
.mr-table-wrap { max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:color-mix(in srgb,var(--text-soft) 56%,var(--line)) var(--surface-strong); border:1px solid var(--line-strong); border-radius:15px; box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 3%,transparent); cursor:grab; user-select:none; }
.mr-table-wrap.is-dragging,.mr-table-wrap.is-dragging * { cursor:grabbing!important; }
.mr-table-wrap .mr-value { user-select:none; }
.mr-table-wrap::-webkit-scrollbar { height:12px; }.mr-table-wrap::-webkit-scrollbar-track { background:var(--surface-strong); border-radius:8px; }.mr-table-wrap::-webkit-scrollbar-thumb { background:color-mix(in srgb,var(--text-soft) 56%,var(--line)); border:3px solid var(--surface-strong); border-radius:8px; }
.mr-table { border-collapse:separate; border-spacing:0; width:100%; font-size:12px; font-variant-numeric:tabular-nums; }
.mr-table th,.mr-table td { border-right:1px solid color-mix(in srgb,var(--line) 82%,var(--text-muted)); border-bottom:1px solid var(--line); padding:10px; text-align:right; min-width:105px; }
.mr-table thead th { position:sticky; top:0; z-index:3; background:var(--surface-soft); font-size:10px; font-weight:600; color:var(--text-soft); text-align:center; line-height:1.5; height:37px; }
.mr-table thead tr:nth-child(2) th { top:37px; height:62px; }
.mr-table th.mr-group { font-size:10px; letter-spacing:.8px; text-transform:uppercase; border-bottom:2px solid var(--line-strong); }
.mr-table .mr-group-funnel { border-bottom-color:#78b8ff; }.mr-table .mr-group-calls { border-bottom-color:#d2b76b; }.mr-table .mr-group-money { border-bottom-color:var(--success); }.mr-table .mr-group-tasks { border-bottom-color:#ac91cd; }
.mr-table .mr-sticky { position:sticky; left:0; z-index:2; min-width:205px; max-width:245px; background:var(--surface); text-align:left; border-right:2px solid var(--line-strong); }
.mr-table thead .mr-sticky { z-index:5; background:var(--surface-soft); }
.mr-table th small { display:block; font-size:10px; color:var(--text-muted); font-weight:400; margin-top:4px; }
.mr-table tbody tr:hover td,.mr-table tbody tr:hover th { background:var(--surface-soft); }
.mr-table .mr-total td,.mr-table .mr-total th { background:var(--surface-strong); font-weight:800; }
.mr-table .mr-department-total td,.mr-table .mr-department-total th { background:var(--surface-strong); border-top:1px solid var(--line-strong); border-bottom:2px solid var(--line-strong); font-weight:800; }
.mr-table .mr-department-total .mr-sticky { color:var(--text); }
.mr-table .mr-department-total small { color:var(--text-soft); }
.mr-table .mr-group-start { border-left:2px solid var(--line-strong); }
.mr-department-divider td { min-width:0; padding:8px 12px; text-align:left; color:var(--text-soft); background:color-mix(in srgb,var(--surface-strong) 82%,var(--success) 8%); border-top:2px solid var(--line-strong); border-bottom:1px solid var(--line-strong); font-size:10px; font-weight:900; letter-spacing:1px; text-transform:uppercase; }
.mr-department-divider span { display:flex; align-items:center; gap:9px; }.mr-department-divider span::after { content:""; height:1px; flex:1; background:color-mix(in srgb,var(--line-strong) 75%,transparent); }
.mr-employee-row th,.mr-employee-row td { background:color-mix(in srgb,var(--surface) 96%,var(--surface-soft)); }
.mr-table tbody tr:last-child>* { border-bottom:0; }.mr-table tr>*:last-child { border-right:0; }
.mr-person { display:flex; align-items:center; gap:10px; font-size:12px; font-weight:600; }
.mr-avatar { position:relative; display:grid; place-items:center; flex:0 0 29px; height:29px; overflow:hidden; background:var(--surface-strong); border:1px solid var(--line); border-radius:50%; font-size:10px; }
.mr-avatar>img { display:block; width:100%; height:100%; object-fit:cover; }
.mr-value { background:none; border:0; padding:7px 4px; color:var(--text); font:inherit; cursor:pointer; border-radius:6px; white-space:nowrap; }
.mr-value:not(:disabled):hover { color:var(--success); text-decoration:underline; text-underline-offset:4px; }
.mr-value:disabled { cursor:default; opacity:1; }.mr-value.mr-zero { color:var(--text-muted); }
.mr-drill { position:relative; display:inline-block; }.mr-drill-menu { position:absolute; z-index:20; top:calc(100% + 5px); left:50%; display:grid; gap:3px; min-width:122px; padding:5px; background:var(--surface); border:1px solid var(--line-strong); border-radius:10px; box-shadow:var(--shadow); transform:translateX(-50%); }.mr-drill-menu.mr-drill-menu-up { top:auto; bottom:calc(100% + 5px); }.mr-drill-menu button { min-height:30px; padding:5px 9px; color:var(--text); background:transparent; border:0; border-radius:6px; font:inherit; font-size:11px; text-align:left; cursor:pointer; white-space:nowrap; }.mr-drill-menu button:hover:not(:disabled) { background:var(--surface-strong); color:var(--success); }.mr-drill-menu button:disabled { color:var(--text-muted); cursor:default; }
.mr-footnote { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; color:var(--text-muted); font-size:10px; margin-top:12px; }
.mr-rules { border-top:1px solid var(--line); margin-top:24px; padding-top:16px; font-size:11px; color:var(--text-soft); }
.mr-rules summary { cursor:pointer; font-weight:600; }.mr-rules p { line-height:1.7; margin:10px 0; }
.mr-error { padding:14px; border-radius:12px; border:1px solid var(--danger); color:var(--danger); margin-bottom:16px; font-size:12px; display:flex; gap:12px; align-items:center; }
.mr-calendar { position:absolute; top:calc(100% + 8px); left:0; width:280px; padding:14px; border-radius:18px; border:1px solid var(--line-strong); background:var(--surface); box-shadow:var(--shadow); z-index:50; }
.mr-calendar-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:12px; font-size:12px; text-transform:capitalize; }
.mr-calendar-head button,.mr-calendar-grid button { background:transparent; border:0; color:var(--text); cursor:pointer; border-radius:50%; width:32px; height:32px; font:inherit; }
.mr-calendar-grid { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; text-align:center; font-size:12px; }
.mr-calendar-grid small { color:var(--text-muted); padding-bottom:9px; }.mr-calendar-grid .outside { color:var(--text-muted); }
.mr-calendar-grid .selected { background:var(--text); color:var(--inverse); }.mr-calendar-grid button:hover:not(:disabled) { box-shadow:inset 0 0 0 1px var(--success); }.mr-calendar-head button:disabled,.mr-calendar-grid button:disabled { cursor:default; opacity:.3; }
.mr-calendar-reset { width:100%; margin-top:12px; font-size:11px; }
.mr-drill-banner { display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:12px 16px; margin-bottom:12px; background:var(--surface); border:1px solid var(--line); border-radius:16px; font-size:12px; }.mr-drill-banner>span { flex:1; min-width:180px; }
@media(max-width:1200px) { .mr-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }.mr-heading { flex-wrap:wrap; }.mr-presets>span { width:100%; margin:6px 0 0; }.analytics-content:has(.manager-report) { padding:16px; } }
@media(max-width:1300px) { .analytics-layout:has(.manager-report) { grid-template-columns:minmax(0,1fr); }.analytics-layout:has(.manager-report)>.settings-subnav { display:flex; flex-wrap:wrap; gap:6px; padding:10px; }.analytics-layout:has(.manager-report) .settings-subnav-title { display:none; }.analytics-layout:has(.manager-report) .settings-subnav-button { width:auto; margin:0; } }
@media(max-width:700px) { .mr-period { width:100%; }.mr-date { flex:1; }.mr-date>.control { min-width:0; width:100%; }.mr-select { min-width:130px; }.mr-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }.mr-kpi { padding:13px; }.mr-table .mr-sticky { min-width:160px; }.mr-calendar { width:260px; }.mr-date:last-child .mr-calendar { left:auto; right:0; } }
