@import url("premium-content-20260930.css?v=1");
/* Leads — mesma linguagem visual das demais telas do painel.
 *
 * Nao existe gabarito HTML para esta tela no pacote de referencia; o layout
 * segue o print aprovado, reaproveitando os tokens, o palco 1672x941 e os
 * componentes (KPI, painel, rosca, tabela) ja usados nas outras cinco.
 */
:root{
  --bg:#010910;--panel:#08151d;--panel2:#0a1620;--border:rgba(93,135,151,.19);
  --grid:rgba(126,156,170,.10);--cyan:#12bfc5;--cyan2:#19d0d4;--blue:#3f8cff;
  --purple:#6b5ce7;--green:#2fb673;--orange:#e8873a;--red:#e84449;
  --title:#f2f5f7;--text:#d9e1e5;--muted:#8899a3;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);
  font-family:Inter,Geist,"Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
button{font:inherit}
.viewport{width:100vw;height:100vh;overflow:hidden;background:#000;position:relative}
.stage{width:1672px;height:941px;position:absolute;left:0;top:0;transform-origin:top left;
  background:radial-gradient(1100px 540px at 47% -13%,#09232f 0%,#04131c 42%,#010910 79%);
  display:grid;grid-template-columns:216px 1fr}

/* sidebar */
.sidebar{height:923px;margin:9px 0 9px 10px;border:1px solid var(--border);border-radius:14px;
  background:linear-gradient(180deg,#03121b,#020d15);display:flex;flex-direction:column;overflow:hidden}
.brand{height:78px;padding:14px 14px 0;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border)}
.logo svg{width:34px;height:34px}
.brand-copy strong{display:block;color:#eaf6f8;font-size:15px;letter-spacing:.2px}
.brand-copy small{display:block;color:var(--cyan2);font-size:8.5px;letter-spacing:2.4px}
.side-collapse{margin-left:auto;width:26px;height:26px;border:0;border-radius:50%;background:#10212c;
  color:#dbe4e7;display:grid;place-items:center;font-size:19px;cursor:pointer}
.nav{padding:12px 10px 0;display:grid;gap:2px}
.nav-item{height:44px;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 12px;
  color:#d0d8dc;font-size:12.5px;text-decoration:none;cursor:pointer;transition:background .14s ease}
.nav-item:hover{background:#09222c}
.nav-item.active{background:#063744;color:#fff}
.nav-item svg{width:17px;height:17px;stroke:#9cacb4;fill:none;stroke-width:1.7}
.nav-item.active svg{stroke:var(--cyan2)}
.side-bottom{margin-top:auto;padding:0 10px 12px}
.period-box{border:1px solid var(--border);border-radius:10px;background:#071721;padding:10px 11px;margin-bottom:9px}
.period-head{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;color:#cbd5d9;margin-bottom:8px}
.period-head svg{width:13px;height:13px;stroke:#8fa2ab;fill:none;stroke-width:1.6}
.period-main{font-size:12.5px;color:var(--title)}
.period-sub{font-size:10px;color:#8798a1;margin-top:4px}
.filter-btn{width:100%;height:40px;border:1px solid var(--border);border-radius:9px;background:#0a1a24;
  color:var(--text);display:flex;align-items:center;gap:9px;padding:0 12px;font-size:11.5px;cursor:pointer}
.filter-btn svg{width:15px;height:15px;stroke:#8fa2ab;fill:none;stroke-width:1.6}
.profile{border-top:1px solid rgba(93,135,151,.14);margin-top:11px;padding:12px 4px 0;display:grid;
  grid-template-columns:34px 1fr 16px;align-items:center;gap:9px}
.profile-avatar{width:32px;height:32px;border-radius:50%;background:#273842;display:inline-grid;place-items:center}
.profile-avatar.initials::before{content:attr(data-initials);font-size:11.5px;font-weight:600;color:#bfe9ea}
.profile-name{font-size:11.5px;color:#eef4f6}
.profile-role{font-size:9.5px;color:var(--muted)}
.chev{color:#7d8f98}

/* main */
.main{height:941px;padding:12px 14px 10px 12px;display:grid;
  grid-template-rows:64px 112px 250px 214px 1fr 30px;gap:10px;min-height:0}
.topbar{display:flex;align-items:center;justify-content:space-between}
.titles h1{margin:0;font-size:26px;color:var(--title);letter-spacing:-.4px}
.titles p{margin:4px 0 0;font-size:11.5px;color:var(--muted)}
.controls{display:flex;gap:8px}
.control{height:38px;border:1px solid var(--border);border-radius:10px;background:#0a1a24;color:var(--text);
  display:flex;align-items:center;gap:8px;padding:0 14px;font-size:11.5px;cursor:pointer}
.control svg{width:15px;height:15px;stroke:#8fa2ab;fill:none;stroke-width:1.6}
.control.period{min-width:210px}
.control .push{margin-left:auto;color:#8fa2ab}
.control.export{background:#0d222c}

/* kpis */
.kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.kpi{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#091821,#07141c);
  padding:11px 13px;display:grid;grid-template-rows:auto auto auto;align-content:center;gap:3px;min-width:0}
.kpi-head{display:flex;align-items:center;gap:8px}
.kpi-icon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(63,140,255,.12)}
.kpi-icon svg{width:15px;height:15px;stroke:var(--blue);fill:none;stroke-width:1.7}
.kpi[data-kind="won"] .kpi-icon{background:rgba(47,182,115,.12)}
.kpi[data-kind="won"] .kpi-icon svg{stroke:var(--green)}
.kpi[data-kind="lost"] .kpi-icon{background:rgba(232,68,73,.12)}
.kpi[data-kind="lost"] .kpi-icon svg{stroke:var(--red)}
.kpi-label{font-size:9px;letter-spacing:.7px;color:#93a4ad;text-transform:uppercase}
.kpi-value{font-size:23px;color:var(--title);font-weight:500;line-height:1.1;white-space:nowrap}
.kpi-delta{font-size:9.5px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}
.kpi-delta b{color:var(--green);font-weight:600}
.kpi-delta.bad b{color:var(--red)}
.kpi.is-unavailable .kpi-value{font-size:14px;color:var(--muted)}
.kpi.is-unavailable .kpi-delta{white-space:normal;line-height:1.3;display:block;max-height:none;overflow:visible;overflow-wrap:anywhere}
.kpi.is-unavailable .kpi-icon{background:color-mix(in srgb,var(--analytics-theme-warning) 10%,transparent)}
.kpi.is-unavailable .kpi-icon svg{stroke:var(--analytics-theme-warning)}
.kpi[data-kind="negotiating"][role="button"]{cursor:pointer;transition:border-color .16s ease,background-color .16s ease}
.kpi[data-kind="negotiating"][role="button"]:hover{border-color:var(--cyan);background:#0b2028}
.kpi[data-kind="negotiating"][role="button"]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* paineis */
.panel{border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,#091821,#07141c);
  overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column}
.panel-head{height:38px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}
.panel-head h2{margin:0;font-size:12.5px;color:var(--title);font-weight:500;display:flex;align-items:center;gap:6px}
.info{width:12px;height:12px;border-radius:50%;border:1px solid rgba(93,135,151,.4);display:inline-grid;
  place-items:center;font-size:7.5px;color:#8fa2ab;font-style:italic}
.mini-btn{height:24px;border:1px solid var(--border);border-radius:7px;background:#0a1a24;color:#b9c6cc;
  padding:0 9px;font-size:10px;cursor:pointer}
.static-label{display:inline-flex;align-items:center;cursor:default;pointer-events:none}

.row1{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0}
.row2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;min-height:0}
.row3{display:grid;grid-template-columns:1.55fr 1fr;gap:10px;min-height:0}

/* funil */
.funnel-body{flex:1;display:grid;grid-template-columns:1fr 232px;gap:12px;padding:2px 13px 12px;min-height:0}
.funnel{display:grid;align-content:start;gap:6px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--analytics-theme-scroll-thumb,#2b6472) var(--analytics-theme-scroll-track,#07151e);padding-right:3px}
.funnel-row{display:grid;grid-template-columns:96px 1fr 42px;align-items:center;gap:8px;font-size:10px;color:#bfcbd0}
.funnel-bar{height:26px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:11.5px;
  font-weight:600;background:linear-gradient(90deg,var(--stage-color,var(--blue)),color-mix(in srgb,var(--stage-color,var(--blue)) 72%,var(--panel)));transform-origin:left;animation:barGrow .6s cubic-bezier(.22,1,.36,1) both;
  animation-delay:var(--delay,0ms)}
.funnel-pct{text-align:right;color:#93a4ad;font-size:9.5px}
.stage-rates{border:1px solid var(--border);border-radius:10px;background:#071721;padding:10px;display:grid;
  align-content:start;gap:8px;min-height:0;overflow:hidden}
.stage-rates-title{font-size:10.5px;color:#cbd5d9}
.funnel-note{margin:0;color:#7f959e;font-size:7.6px;line-height:1.35}
.stage-rates-list{display:grid;gap:7px;min-height:0;overflow-y:auto;scrollbar-width:thin}
.rate-row{display:grid;gap:3px;font-size:9px;color:#a9b7bd}
.rate-head{display:flex;justify-content:space-between}
.rate-head b{color:#e6eef0;font-weight:600}
.rate-track{height:5px;border-radius:99px;background:#132a34;overflow:hidden}
.rate-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--purple));
  transform-origin:left;animation:barGrow .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay,0ms)}

/* leads por dia */
.daily-legend{display:flex;gap:14px;padding:0 13px 4px;font-size:9.5px;color:#a9b7bd}
.lg{display:flex;align-items:center;gap:5px}
.sw{width:8px;height:8px;border-radius:50%}
.sw.blue{background:var(--blue)}
.sw.purple{background:var(--purple)}
.chart-wrap{position:relative;flex:1;padding:0 8px 8px;min-height:0}
.daily-svg{width:100%;height:100%;overflow:visible}
.daily-svg:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:6px}
.daily-svg .grid{stroke:var(--grid);stroke-width:1;stroke-dasharray:2 4}
.daily-svg text{fill:#8fa2ab;font-size:8.5px}
.daily-svg .line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1;stroke-dashoffset:1;animation:lineDraw .9s cubic-bezier(.22,1,.36,1) forwards}
.daily-svg .line.blue{stroke:var(--blue)}
.daily-svg .line.purple{stroke:var(--purple)}
.daily-svg .area{fill:url(#leadArea);opacity:0;animation:fadeIn .7s .3s forwards}
.daily-svg .dot{opacity:0;animation:dotIn .3s forwards;animation-delay:var(--delay,0ms)}
.daily-svg .hover-guide{stroke:rgba(126,156,170,.5);stroke-width:1;stroke-dasharray:3 3;opacity:0}
.daily-svg .hover-guide.show{opacity:1}
.daily-svg .active-dot{opacity:0}
.daily-svg .active-dot.show{opacity:1}
.chart-tip{position:absolute;min-width:150px;border:1px solid var(--border);border-radius:9px;
  background:rgba(8,24,32,.97);padding:8px 10px;font-size:9.5px;opacity:0;pointer-events:none;
  transition:opacity .12s ease;z-index:5}
.chart-tip.show{opacity:1}
.chart-tip .date{color:#e6eef0;margin-bottom:5px;font-size:10px}
.chart-tip .tiprow{display:flex;justify-content:space-between;gap:14px;color:#a9b7bd;margin-top:3px}
.chart-tip .tiprow strong{color:#eef4f6}

/* roscas */
.donut-body{flex:1;display:grid;grid-template-columns:132px 1fr;align-items:center;gap:10px;padding:0 13px 12px;min-height:0}
.donut-wrap{position:relative;width:132px;height:132px}
.donut-svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.donut-svg circle{fill:none;stroke-width:17}
.donut-track{stroke:#0d2029;pointer-events:none}
.donut-segment{outline:none}
.donut-segment .donut-visual{animation:leadDonutReveal .78s var(--donut-delay,0ms) cubic-bezier(.22,1,.36,1) both}
.donut-segment.muted{opacity:.42}
.donut-segment:focus-visible .donut-visual{filter:brightness(1.16) saturate(1.08) drop-shadow(0 5px 6px rgba(0,0,0,.42))}
.donut-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}
.donut-center strong{display:block;font-size:20px;color:var(--title);font-weight:500}
.donut-center span{font-size:9px;color:var(--muted)}
.donut-legend{display:grid;gap:5px;align-content:center;font-size:9.5px;min-width:0}
.legend-row{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;color:#b9c6cc;
  border-radius:5px;padding:2px 3px;cursor:pointer;outline:none;transition:background .14s ease,opacity .14s ease}
.legend-row:hover,.legend-row:focus-visible,.legend-row.active,.legend-row.pinned{background:rgba(18,191,197,.07)}
.legend-row.muted{opacity:.42}
.legend-dot{width:9px;height:9px;border-radius:50%}
.legend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.legend-value{color:#eef4f6;font-weight:500}

/* tempo por etapa */
.stage-time{flex:1;display:grid;align-content:center;gap:11px;padding:0 13px 12px}
.time-row{display:grid;gap:4px;font-size:9.5px;color:#a9b7bd}
.time-head{display:flex;justify-content:space-between;gap:10px}
.time-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.time-head b{color:#eef4f6;font-weight:600;white-space:nowrap}
.time-track{height:9px;border-radius:99px;background:#132a34;overflow:hidden}
.time-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--purple));
  transform-origin:left;animation:barGrow .6s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--delay,0ms)}
.empty-note{display:grid;place-items:center;height:100%;padding:16px;text-align:center;
  color:#8fa1aa;font-size:9.5px;line-height:1.5}
.leads-duration-dialog-body{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:var(--panel)}
.leads-duration-context{display:grid;gap:4px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--panel2)}
.leads-duration-context strong{color:var(--title);font-size:11px}.leads-duration-context span{color:var(--muted);font-size:9.5px;line-height:1.4}
.leads-duration-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;align-content:start;gap:7px;padding:10px 14px;scrollbar-width:thin;scrollbar-color:var(--analytics-theme-scroll-thumb,#2b6472) var(--analytics-theme-scroll-track,#07151e)}
.leads-duration-record{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:48px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--panel2)}
.leads-duration-record strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--title);font-size:10.5px}.leads-duration-record span{color:var(--muted);font-size:9.5px;white-space:nowrap}
.leads-duration-state{display:grid;place-items:center;min-height:110px;padding:18px;border:1px dashed var(--border);border-radius:8px;color:var(--muted);font-size:10px;text-align:center}.leads-duration-state.error{color:var(--analytics-theme-danger,var(--red))}
.leads-duration-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 14px;border-top:1px solid var(--border);background:var(--panel)}
.leads-duration-footer span{text-align:center;color:var(--muted);font-size:9.5px}.leads-duration-footer button{min-height:28px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel2);color:var(--text);font-size:9.5px;cursor:pointer}.leads-duration-footer button:disabled{opacity:.45;cursor:not-allowed}

/* tabelas */
.table-wrap{flex:1;padding:0 6px 8px;overflow:hidden;min-height:0}
table{width:100%;border-collapse:collapse;table-layout:fixed}
th{height:28px;color:#91a2ab;font-size:9px;font-weight:500;text-align:left;padding:0 7px;
  border-bottom:1px solid rgba(93,135,151,.11);text-transform:none}
td{height:29px;padding:0 7px;border-bottom:1px solid rgba(93,135,151,.08);font-size:10px;color:#cad4d9;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.table-empty{text-align:center;color:var(--muted)}
.table-source-warning td{height:auto;padding:6px 7px;white-space:normal;overflow:visible;text-overflow:clip;background:color-mix(in srgb,var(--analytics-theme-warning) 6%,var(--panel2))}.table-source-warning div{display:grid;gap:2px;line-height:1.35}.table-source-warning strong{color:var(--analytics-theme-warning);font-size:8.5px}.table-source-warning span{color:var(--muted);font-size:8px}.seller-avatar.unresolved{background-image:none!important;background:var(--panel3)!important;border-style:dashed}
.lead-table th:nth-child(1),.lead-table td:nth-child(1){width:36px;text-align:center}
.lead-table th:nth-child(2),.lead-table td:nth-child(2){width:200px}
.lead-table th:nth-child(3),.lead-table td:nth-child(3){width:110px}
.lead-table th:nth-child(4),.lead-table td:nth-child(4){width:130px}
.lead-table th:nth-child(5),.lead-table td:nth-child(5){width:140px}
/* Keep the civil-date column reachable in the horizontally scrollable preview. */
.lead-table th:nth-child(6),.lead-table td:nth-child(6){width:120px}
.lead-table td:nth-child(2),.lead-table td:nth-child(3){height:auto;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.25;padding-top:5px;padding-bottom:5px}
.seller-table th:nth-child(1),.seller-table td:nth-child(1){width:26px}
.seller-table th:nth-child(3),.seller-table td:nth-child(3),
.seller-table th:nth-child(4),.seller-table td:nth-child(4),
.seller-table th:nth-child(5),.seller-table td:nth-child(5){width:66px;text-align:right}
.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:9px;line-height:1.5;
  background:rgba(63,140,255,.16);color:#9cc4ff;white-space:nowrap}
.pill.won{background:rgba(47,182,115,.16);color:#7fdcaa}
.pill.lost{background:rgba(232,68,73,.16);color:#f0959a}
.pill.indeterminate{background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted);border:1px dashed color-mix(in srgb,var(--muted) 45%,transparent)}
.seller-cell{display:flex;align-items:center;gap:7px;min-width:0}
.seller-avatar{width:20px;height:20px;border-radius:50%;background:#1a2c36 center/cover no-repeat;
  flex:0 0 20px;display:inline-grid;place-items:center}
.seller-avatar.initials::before{content:attr(data-initials);font-size:8px;font-weight:600;color:#bfe9ea}
.medal{width:16px;text-align:center;font-size:10px}

/* rodape */
.footer{display:flex;align-items:center;gap:8px;font-size:9.5px;color:var(--muted);padding:0 4px}
.footer .i{width:13px;height:13px;border-radius:50%;border:1px solid rgba(93,135,151,.4);
  display:inline-grid;place-items:center;font-size:8px;font-style:italic}
.replay{width:22px;height:22px;border:1px solid var(--border);border-radius:50%;background:#0a1a24;
  color:#b9c6cc;cursor:pointer;display:grid;place-items:center;font-size:11px}
.foot-right{margin-left:auto}

.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#0d2531;color:#e6eef0;
  border:1px solid var(--border);border-radius:9px;padding:8px 16px;font-size:11px;opacity:0;
  pointer-events:none;transition:opacity .16s ease;z-index:20}
.toast.show{opacity:1}

@keyframes barGrow{from{transform:scaleX(0);opacity:.4}to{transform:scaleX(1);opacity:1}}
@keyframes lineDraw{to{stroke-dashoffset:0}}
@keyframes dotIn{to{opacity:1}}
@keyframes fadeIn{to{opacity:1}}
@keyframes leadDonutReveal{from{stroke-dasharray:0 100;opacity:.25}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .daily-svg .line{stroke-dashoffset:0!important}
  .daily-svg .dot,.daily-svg .area{opacity:1!important}
}

/* Ponte screen-specific para o contrato central de temas. */
html,body,.viewport{background:var(--bg);color:var(--text)}
.stage{background:linear-gradient(180deg,var(--analytics-theme-surface-1,#04131c),var(--bg))}
.kpi,.panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border-color:var(--border)}
.control,.mini-btn,.filter-btn,.period-box,.stage-rates,.replay{background:var(--panel2);color:var(--text);border-color:var(--border)}
.control:hover,.mini-btn:hover,.filter-btn:hover,.replay:hover{background:var(--analytics-theme-elevated,var(--panel2));border-color:var(--analytics-theme-border-strong,var(--border))}
.titles h1,.panel-head h2,.kpi-value,.legend-value,.time-head b,td,.chart-tip .date,.chart-tip .tiprow strong{color:var(--title)}
.titles p,.kpi-label,.kpi-delta,.funnel-row,.funnel-pct,.stage-rates-title,.funnel-note,.rate-row,.daily-legend,.donut-center span,.donut-legend,.time-row,th,.footer,.empty-note,.table-empty{color:var(--muted)}
.daily-svg text{fill:var(--analytics-theme-axis,var(--muted))}.daily-svg .grid{stroke:var(--analytics-theme-grid,var(--grid))}
.daily-svg .line.blue{stroke:var(--analytics-chart-series-1,var(--blue))}.daily-svg .line.purple{stroke:var(--analytics-chart-series-2,var(--purple))}
.sw.blue{background:var(--analytics-chart-series-1,var(--blue))}.sw.purple{background:var(--analytics-chart-series-2,var(--purple))}
.rate-track,.time-track,.donut-track{background:var(--analytics-theme-elevated,var(--panel2));stroke:var(--analytics-theme-elevated,var(--panel2))}
.rate-track i,.time-track i{background:linear-gradient(90deg,var(--analytics-chart-series-1),var(--analytics-chart-series-2))}
.chart-tip,.toast{background:var(--panel2);color:var(--text);border-color:var(--analytics-theme-border-strong,var(--border));box-shadow:var(--analytics-theme-shadow,none)}
.pill{background:color-mix(in srgb,var(--analytics-chart-series-1) 16%,transparent);color:var(--analytics-chart-series-1)}
.pill.won{background:color-mix(in srgb,var(--analytics-theme-success) 16%,transparent);color:var(--analytics-theme-success)}
.pill.lost{background:color-mix(in srgb,var(--analytics-theme-danger) 16%,transparent);color:var(--analytics-theme-danger)}
.pill.indeterminate{background:color-mix(in srgb,var(--analytics-theme-muted) 14%,transparent);color:var(--analytics-theme-muted);border-color:color-mix(in srgb,var(--analytics-theme-muted) 45%,transparent)}
.seller-avatar{background-color:var(--analytics-theme-elevated,var(--panel2))}.seller-avatar.initials::before{color:var(--analytics-theme-accent-strong,var(--title))}
:focus-visible,.daily-svg:focus-visible{outline-color:var(--analytics-theme-focus,var(--cyan))}
/* Browser-audited readability for dense operational labels. */
.info{width:16px;height:16px;min-width:16px;min-height:16px;font-size:9.5px}
.mini-btn{min-height:30px}
.funnel-note{font-size:10.5px;line-height:1.4}
th{font-size:10px}.table-source-warning strong{font-size:10px}.table-source-warning span{font-size:9.5px}