/* Team analytics inherit the cloudy glass workspace without changing other roles. */
.team-analytics{margin:0 0 27px;color:#26485F}
.analytics-toolbar{display:flex;align-items:center;gap:20px;margin-bottom:8px}
.analytics-toolbar h2{font-size:17px;letter-spacing:.2px;font-weight:600;margin:3px 0 0}
.analytics-eyebrow{display:block;color:#34546C;font-size:9px;letter-spacing:2px;font-weight:500}
.analytics-period{display:flex;gap:3px;margin-left:auto;padding:4px;border:1px solid #557E9A3a;border-radius:9px;background:#E0EDF573;box-shadow:inset 0 1px 3px #36546F0c}
.analytics-period button{padding:7px 17px;min-height:33px;color:#34546C;background:transparent;border:1px solid transparent;border-radius:6px;font-size:12px;white-space:nowrap}
.analytics-period button:hover{color:#26485F;background:#4F7F9F12}
.analytics-period button[aria-pressed=true]{background:linear-gradient(135deg,#4F7F9F4d,#4F7F9F40);border-color:#557E9A59;box-shadow:inset 0 1px 0 #F2FAFF2a,0 3px 8px #36546F0d;color:#26485F}
.analytics-collapse{background:transparent;border:0;color:#26485F;font-size:12px;min-height:35px;padding:5px 0 5px 7px;white-space:nowrap}
.analytics-collapse:hover{color:#26485F}
.analytics-context{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#34546C;margin:0 0 12px}
.analytics-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:15px}
.analytics-kpi,.analytics-chart{position:relative;border:1px solid #557E9A48;border-radius:13px;background:var(--glass-surface,linear-gradient(125deg,#4F7F9F55,#E0EDF573));box-shadow:var(--glass-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.analytics-kpi::after,.analytics-chart::after{content:"";position:absolute;inset:3px;border:1px solid #557E9A1a;border-top-color:#557E9A33;border-radius:10px;pointer-events:none}
.analytics-kpi{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:17px 21px 14px;min-width:0}
.analytics-kpi-label{font-size:12px;color:#26485F;display:block}
.analytics-kpi strong{display:block;font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin-top:7px;color:#26485F}
.analytics-kpi strong small{font-weight:400;font-size:11px;color:#26485F;margin-left:8px;letter-spacing:0}
.analytics-kpi p{grid-column:1/-1;font-size:10px;color:#34546C;margin:4px 0 0}
.analytics-kpi-symbol{align-self:center;display:grid;place-items:center;width:42px;height:42px;border:1px solid #557E9A48;border-radius:12px;background:#4F7F9F1c;color:#26485F;font-size:24px;box-shadow:inset 0 1px 0 #F2FAFF26,0 4px 12px #36546F11}
.analytics-kpi.valid strong{color:#176A55}.analytics-kpi.valid .analytics-kpi-symbol{color:#176A55;background:#4E9C851c;border-color:#557E9A45}
.analytics-kpi.rate strong{color:#34546C}.analytics-kpi.rate .analytics-kpi-symbol{color:#62508C;background:#9987BC1c;border-color:#557E9A45;font-size:21px}
.analytics-charts{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(0,1.65fr);gap:16px}
.analytics-charts[hidden]{display:none}
.analytics-chart{min-width:0;padding:20px 20px 13px}
.analytics-chart>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.analytics-chart h3{font-size:14px;font-weight:600;letter-spacing:.1px;color:#26485F;margin:5px 0 0}
.analytics-chart h3>span{font-size:10px;margin-left:6px;color:#34546C;font-weight:400}
.analytics-chart-meta{border:1px solid #557E9A37;border-radius:5px;padding:3px 8px;color:#26485F;font-size:10px;background:#4F7F9F0d}
.analytics-donut-layout{display:flex;align-items:center;gap:23px;min-height:216px}
.analytics-donut{position:relative;flex:none;width:178px;height:178px;border-radius:50%;background:var(--donut-fill);padding:18px;box-shadow:0 0 0 5px #F2FAFF12,0 0 0 6px #F2FAFF2d,0 9px 25px #36546F12;transform:rotate(-.001deg)}
.analytics-donut::after{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #557E9A56;pointer-events:none}
.analytics-donut-core{position:relative;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#C4DAE8,#C4DAE8);box-shadow:0 0 0 1px #F2FAFF52,inset 0 5px 15px #36546F12;gap:3px}
.analytics-donut-core>span{font-size:10px;color:#26485F}.analytics-donut-core strong{font-size:29px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.8px;color:#26485F}.analytics-donut-core small{font-size:9px;color:#34546C}
.analytics-legend{flex:1;min-width:0;list-style:none;margin:0;padding:0}
.analytics-legend li{display:grid;grid-template-columns:8px minmax(45px,1fr) auto auto;gap:7px;align-items:center;padding:11px 0;border-bottom:1px solid #557E9A1c;font-size:11px;color:#26485F}
.analytics-legend li:last-child{border-bottom:0}
.analytics-dot{width:7px;height:7px;border-radius:50%;background:var(--dot);box-shadow:0 0 7px color-mix(in srgb,var(--dot) 22%,transparent)}
.analytics-legend strong{font-weight:600;color:#26485F;font-variant-numeric:tabular-nums}.analytics-legend small{font-size:10px;text-align:right;color:#34546C;min-width:40px;font-variant-numeric:tabular-nums}
.analytics-chart-note{margin:8px 0 0;padding-top:10px;border-top:1px solid #557E9A23;color:#34546C;font-size:10px;line-height:1.6}
.analytics-bar-legend{display:flex;gap:13px;align-items:center;font-size:10px;color:#26485F}
.analytics-bar-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.analytics-bar-legend i{width:7px;height:7px;border-radius:2px;display:block}
.intake-dot{background:#D5E6F0}.valid-dot{background:#D5E6F0}
.analytics-plot{height:216px;display:flex;min-width:0;gap:10px;position:relative}
.analytics-y-axis{flex:0 0 29px;display:flex;flex-direction:column;justify-content:space-between;height:182px;text-align:right;font-size:9px;line-height:1;color:#34546C;font-variant-numeric:tabular-nums;padding:0 0 1px}
.analytics-plot-scroll{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 2px;scrollbar-width:thin}
.analytics-plot-scroll:focus-visible{outline-offset:1px}
.analytics-bars{height:210px;display:grid;grid-template-columns:repeat(var(--employee-count),minmax(32px,1fr));gap:4px;min-width:calc(var(--employee-count)*36px);background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#4F7F9F20 calc(25% - 1px),#4F7F9F20 25%);background-size:100% 182px;background-repeat:no-repeat;position:relative}
.analytics-employee-bar{position:relative;min-width:0;border:0;background:transparent;border-radius:5px;padding:0 1px;display:grid;grid-template-rows:182px 28px;text-align:center;color:#26485F}
.analytics-employee-bar:hover,.analytics-employee-bar:focus-visible{background:#4F7F9F0c;outline:1px solid #557E9A59;outline-offset:-1px}
.analytics-bar-pair{display:flex;align-items:flex-end;justify-content:center;height:182px;gap:3px;border-bottom:1px solid #557E9A56;position:relative}
.analytics-bar{display:block;height:var(--bar-height);width:36%;max-width:19px;border-radius:4px 4px 0 0;transform-origin:bottom;animation:analytics-rise .42s ease-out both;box-shadow:inset 1px 0 0 #F2FAFF3d;min-height:0}
.analytics-bar-total{background:linear-gradient(#D5E6F0,#4F7F9F80);border-top:1px solid #557E9A59}
.analytics-bar-valid{background:linear-gradient(#D5E6F0,#4E9C8580);border-top:1px solid #557E9A59}
.analytics-bar[style="--bar-height:0%"]{border:0;box-shadow:none}
.analytics-bar-name{padding-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;max-width:70px;justify-self:center;width:100%}
.analytics-bar-tooltip{display:none;position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:5;width:164px;padding:11px 13px;background:#C4DAE8f5;border:1px solid #557E9A59;border-radius:9px;box-shadow:0 10px 25px #36546F2a;pointer-events:none;text-align:left;color:#26485F;font-size:11px;line-height:1.5;white-space:normal}
.analytics-bar-tooltip>b{display:block;font-weight:600;border-bottom:1px solid #557E9A33;padding-bottom:6px;margin-bottom:6px;overflow-wrap:anywhere}
.analytics-bar-tooltip em{font-style:normal;font-size:9px;color:#865C1B;display:block}
.analytics-bar-tooltip>span{display:flex;justify-content:space-between;padding:2px 0;color:#26485F}.analytics-bar-tooltip strong{font-weight:500;color:#26485F}
.analytics-employee-bar:is(:hover,:focus) .analytics-bar-tooltip{display:block}
.analytics-employee-bar[data-chart-edge=start] .analytics-bar-tooltip{left:0;transform:none}
.analytics-employee-bar[data-chart-edge=end] .analytics-bar-tooltip{left:auto;right:0;transform:none}
.analytics-no-employees{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:216px;color:#34546C;font-size:12px}.analytics-no-employees>span{font-size:30px;color:#34546C}.analytics-no-employees p{font-size:11px;font-weight:400}
.analytics-method{font-size:10px;color:#34546C;margin-top:11px;line-height:1.8}
.analytics-method summary{cursor:pointer;width:fit-content;padding:3px 0;color:#34546C}
.analytics-method p{max-width:1100px;margin:7px 0;line-height:1.8}
.analytics-unavailable{padding:20px;border:1px solid #557E9A41;border-radius:10px;color:#26485F}
.team-members-status{font-size:11px;color:#34546C;margin-left:auto;margin-right:20px;white-space:nowrap}
@keyframes analytics-rise{from{transform:scaleY(.08);opacity:.25}to{transform:scaleY(1);opacity:1}}
@media(min-width:1440px) and (max-height:950px){.team-analytics{margin-bottom:20px}.analytics-kpi{padding:13px 19px 12px}.analytics-kpi strong{font-size:30px}.analytics-chart{padding:16px 17px 12px}}
@media(min-width:1440px){
  .supervisor-shell:has(#analyticsCharts[hidden]) .team-analytics{margin-bottom:14px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-kpi{padding:10px 16px;display:block}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-kpi>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-kpi strong{font-size:25px;margin:0}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-kpi-symbol{display:none}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-kpi p{display:none}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-kpis{margin-bottom:0}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-method{margin-top:5px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .analytics-toolbar .analytics-eyebrow{display:none}
  .supervisor-shell:has(#analyticsCharts[hidden]) .card-main{padding:6px 11px 5px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .card-identity{height:27px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .card-stats{padding-top:6px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .card-stats strong{font-size:19px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .card-stats span{font-size:10px;margin-top:3px}
  .supervisor-shell:has(#analyticsCharts[hidden]) .card-foot{min-height:25px;padding:3px 0}
}
@media(max-width:1439px){.analytics-charts{grid-template-columns:minmax(310px,.9fr) minmax(0,1.4fr)}.analytics-donut-layout{gap:16px}.analytics-donut{width:146px;height:146px;padding:15px}.analytics-donut-core strong{font-size:26px}.analytics-legend li{gap:5px;font-size:10px}.analytics-legend small{min-width:35px;font-size:9px}.analytics-chart{padding:17px 15px 12px}}
@media(max-width:1150px){.analytics-charts{grid-template-columns:1fr}.analytics-donut-layout{min-height:190px;gap:40px;justify-content:center}.analytics-donut{width:170px;height:170px;padding:18px}.analytics-legend{flex:0 1 280px}.analytics-kpi{padding:15px}.analytics-kpi strong{font-size:28px}.analytics-kpi-symbol{width:34px;height:34px;font-size:22px}.analytics-kpi p{line-height:1.5}.analytics-toolbar{gap:12px}.analytics-period button{padding:6px 12px}.team-members-status{margin-right:10px}}
@media(max-width:600px){.analytics-toolbar{flex-wrap:wrap;gap:12px}.analytics-toolbar>div:first-child{flex:1}.analytics-collapse{order:1}.analytics-period{order:2;flex:1 1 100%;margin-left:0}.analytics-period button{flex:1}.analytics-kpis{gap:8px}.analytics-kpi{padding:11px 10px;display:block}.analytics-kpi-symbol{display:none}.analytics-kpi-label{font-size:10px}.analytics-kpi strong{font-size:23px;margin-top:9px;letter-spacing:-.5px}.analytics-kpi strong small{font-size:9px;margin-left:4px}.analytics-kpi p{font-size:9px;margin-top:8px}.analytics-context{font-size:9px;margin-top:10px}.analytics-donut-layout{gap:20px}.analytics-donut{width:145px;height:145px;padding:15px}.analytics-legend{flex:1}.analytics-legend li{grid-template-columns:6px minmax(40px,1fr) auto auto;gap:5px}.analytics-chart{padding:16px 13px 12px}.analytics-legend small{min-width:30px}.team-members-status{flex:1 1 100%;order:3;margin:6px 0 0}.people-board .board-heading{flex-wrap:wrap}.team-analytics{margin-bottom:24px}}
@media(max-width:360px){.analytics-donut-layout{gap:12px}.analytics-donut{width:124px;height:124px;padding:13px}.analytics-donut-core strong{font-size:23px}.analytics-legend li{gap:4px}.analytics-kpi strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.analytics-bar{animation:none}}

/* Mist-blue analytics use the same frosted surface and stronger data colors. */
.team-analytics{color:var(--glass-ink)}.analytics-kpi::after,.analytics-chart::after{border-color:#F3FAFF4D;border-top-color:#F5FBFF8C}
.analytics-period{background:#B2CADC66}.analytics-period button[aria-pressed=true]{background:linear-gradient(135deg,#E8F5FBA6,#CADFEFB3);border-color:#567F9C59;color:#214E6B}
.analytics-donut-core{background:linear-gradient(135deg,#C9DFEC,#BCD5E5);box-shadow:0 0 0 1px #EFF8FF80,inset 0 5px 15px #42698314}
.analytics-kpi.rate strong{color:#45648F}.intake-dot{background:#4D89B1}.valid-dot{background:#31886E}
.analytics-bar-total{background:linear-gradient(#5996BE,#3D7EA3A6);border-top-color:#DDF2FF99}.analytics-bar-valid{background:linear-gradient(#4FA58A,#2D846BA6);border-top-color:#D3F6EA99}
.analytics-bar-tooltip{background:#D9EAF5FA;box-shadow:0 10px 25px #2B4B6633}

/* Daily transfer activity is independent of the intake-date chart filter. */
.workspace .analytics-conversion{margin:26px 0 24px}
.workspace .conversion-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}
.workspace .conversion-heading h3{font-size:20px;color:#2c4362;margin:4px 0 0;line-height:1.5}
.workspace .conversion-date{font-size:13px;color:#607793;background:#e5eefb;border:1px solid #d7e3f3;border-radius:7px;padding:6px 11px;white-space:nowrap}
.workspace .conversion-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:12px}
.workspace .conversion-kpis .analytics-kpi{min-height:152px;padding:22px 20px;gap:7px 10px}
.workspace .conversion-kpis .analytics-kpi strong{font-size:34px;letter-spacing:-.5px}
.workspace .conversion-kpis .analytics-kpi p{font-size:13px;line-height:1.7;margin-top:6px;display:block}
.workspace .conversion-kpis .analytics-kpi-symbol{width:42px;height:42px;font-size:25px;border-radius:12px}
.workspace .conversion-kpis .transfer-today{--accent:#238ab1;--tint:#e4f4fc}
.workspace .conversion-kpis .transfer-cohort{--accent:#19819c;--tint:#e4f6fa}
.workspace .conversion-kpis .conversion-today{--accent:#3267ed;--tint:#edf3ff}
.workspace .conversion-kpis .transfer-total{--accent:#169b6a;--tint:#e8f8f0}
.workspace .conversion-kpis .conversion-total{--accent:#8256db;--tint:#f1edfc}
.workspace .conversion-kpis .conversion-today strong{color:#3267ed}.workspace .conversion-kpis .conversion-total strong{color:#7850c8}
.workspace .conversion-explanation{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;font-size:13px;line-height:1.8;color:#5b7290}
.workspace .conversion-explanation b{color:#375b8e;font-weight:600}
.workspace .conversion-undated{margin:10px 0;padding:10px 14px;background:#fff6e6;border:1px solid #efddb7;border-radius:9px;color:#89621d;font-size:14px;line-height:1.7}
.workspace .conversion-employees{margin-top:12px;border:1px solid #dbe5f1;border-radius:11px;background:#f9fbff}
.workspace .conversion-employees>summary{padding:13px 18px;color:#41638c;font-size:15px;font-weight:600;cursor:pointer}
.workspace .conversion-employees>summary span{font-size:12px;margin-left:8px;color:#6d8099;font-weight:400}
.workspace .conversion-table-scroll{overflow:auto;border-top:1px solid #dfe7f2;border-radius:0 0 11px 11px}
.workspace .conversion-table-scroll table{min-width:820px;border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.workspace .conversion-table-scroll :is(th,td){padding:12px 16px;text-align:right;white-space:nowrap}
.workspace .conversion-table-scroll th:first-child{text-align:left;min-width:145px}
.workspace .conversion-table-scroll tbody th{font-size:15px;background:#f9fbff;color:#3c5675;font-weight:500}
.workspace .conversion-table-scroll .conversion-count{color:#168061;font-weight:650}
@media(min-width:1440px){.workspace:has(#analyticsCharts[hidden]) .conversion-kpis .analytics-kpi{min-height:125px;padding:16px 18px}.workspace:has(#analyticsCharts[hidden]) .conversion-kpis .analytics-kpi>div{display:block}.workspace:has(#analyticsCharts[hidden]) .conversion-kpis .analytics-kpi strong{font-size:30px;margin-top:8px}.workspace:has(#analyticsCharts[hidden]) .conversion-kpis .analytics-kpi p{display:block}}
@media(max-width:1439px){.workspace .conversion-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.workspace .conversion-kpis .analytics-kpi{grid-column:span 2}.workspace .conversion-kpis .analytics-kpi:nth-child(n+4){grid-column:span 2}}
@media(max-width:1000px){.workspace .conversion-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace .conversion-kpis .analytics-kpi:nth-child(n){grid-column:auto}.workspace .conversion-kpis .analytics-kpi:first-child{grid-column:auto}}
@media(max-width:600px){.workspace .conversion-heading{flex-wrap:wrap;gap:8px}.workspace .conversion-heading h3{font-size:19px}.workspace .conversion-kpis{gap:10px}.workspace .conversion-kpis .analytics-kpi{padding:17px 14px;min-height:165px}.workspace .conversion-kpis .analytics-kpi strong{font-size:28px}.workspace .conversion-kpis .analytics-kpi-symbol{display:none}.workspace .conversion-kpis .analytics-kpi-label{font-size:14px}.workspace .conversion-kpis .analytics-kpi p{font-size:12px}.workspace .conversion-explanation{font-size:12px}}
@media(max-width:360px){.workspace .conversion-kpis{grid-template-columns:1fr}}
