/* Sessions Ontario page: only what styles.css does not already have */
.week-pill{display:inline-flex;align-items:center;gap:2px;background:var(--card-solid);border:1px solid var(--line);border-radius:10px;padding:2px 4px;font-size:var(--fs-sm);color:var(--ink);white-space:nowrap}
.week-pill>span{display:inline-flex;align-items:center;gap:7px;padding:4px 6px}
.week-pill>span .ic{color:var(--muted)}
.week-pill b{font-weight:600}
.week-pill .wk{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer}
.week-pill .wk:hover{background:var(--soft-blue);color:var(--blue)}
.week-pill .wk[disabled]{opacity:.3;cursor:default;background:transparent;color:var(--muted)}
.week-pill .wk .ic{width:14px;height:14px}
/* Darryl 2026-09-07: quick buttons Today / Last 7 Days / Last 30 Days, with the week picker as the fourth mode */
.dock .range-seg{border-radius:10px;border-color:var(--line);background:var(--card-solid);transform-origin:50% 100%;transition:transform .12s ease-out;align-self:center}
.dock .range-seg button{padding:7px 11px;white-space:nowrap}
.dock .range-seg button[disabled]{opacity:.35;cursor:default}
.dock .range-seg button .ic{width:13px;height:13px}
@media (max-width:1560px){.dock .range-seg button{padding:7px 8px;font-size:12px}}
.gate-form{display:flex;gap:8px;justify-content:center;max-width:520px;margin:0 auto 10px}
.gate-form .keywrap{flex:1;position:relative;display:flex;min-width:0}
.gate-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px 62px 10px 12px;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--card-solid);color:var(--ink)}
.gate-form .keyeye{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:var(--soft-blue);color:var(--blue);border-radius:6px;padding:4px 9px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.err{color:var(--bad);font-weight:600}
.empty code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:1px 6px;font-size:12px}
.id-card .id-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.id-card .id-title{font-weight:700;color:var(--ink);font-size:var(--fs-h4);line-height:1.2}
.id-card .id-sub{color:var(--muted);font-size:var(--fs-sm);margin-top:2px;display:flex;align-items:center;gap:6px}
.id-rows{display:grid;gap:8px}
.id-row{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:var(--fs-sm)}
.id-row .ic{color:var(--blue);width:15px;height:15px}
.id-row b{color:var(--ink);font-weight:600}
.brand-chip{display:inline-flex;align-items:center;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.brand-chip.sesh{background:#fff1e6;color:#c2410c}
.brand-chip.sessions{background:var(--soft-blue);color:var(--blue)}
:root[data-theme="dark"] .brand-chip.sesh{background:rgba(247,141,30,.18);color:#f7a54c}
.kpi-top>div{min-width:0}
.kpi .who{color:var(--ink);font-weight:600;font-size:var(--fs-sm);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi .ref{margin-top:6px}
.kpi .val .rank-chip{font-size:11px;font-weight:700;color:var(--blue);background:var(--soft-blue);padding:2px 8px;border-radius:999px;letter-spacing:0}
.stars{color:var(--line-2);font-size:13px;letter-spacing:1px;line-height:1}
.stars .on{color:#f5b544}
.stars .half{color:#f5b544;opacity:.55}
.tcard .sub-col{color:var(--subtle);font-size:11px;font-weight:500}
.tcard td .second{color:var(--subtle);font-size:11px;margin-left:6px;font-weight:500;white-space:nowrap}
.rank-row td .second{display:inline}
.tab-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:9px;overflow:hidden;background:var(--card-solid)}
.tab-seg button{border:0;background:transparent;padding:6px 11px;font-size:var(--fs-sm);font-weight:600;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.tab-seg button.on{background:var(--cta);color:var(--cta-ink)}
.tab-seg button .ic{width:13px;height:13px}
.cat{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:7px;font-size:11.5px;font-weight:600;color:var(--cc,var(--ink));background:var(--cb,var(--panel));white-space:nowrap}
.cat .ic{width:13px;height:13px}
.week-note{color:var(--subtle);font-size:11px;margin-left:8px}
.rank-row{grid-template-columns:repeat(6,minmax(0,1fr))}
.rank-row>*{grid-column:span 2}.rank-row>:nth-child(n+4){grid-column:span 3}   /* five cards: three across, then two (Ravi: five across was cramped) */
.rank-row .tcard{padding:20px 22px}.rank-row th.num{width:124px!important}.rank-row th:first-child{width:60px}.rank-row td,.rank-row th{padding-left:10px;padding-right:10px}
@media (max-width:980px){.rank-row{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-row>*,.rank-row>:nth-child(n+4){grid-column:auto}}
@media (max-width:640px){.rank-row{grid-template-columns:1fr}.rank-row>*{grid-column:auto}.gate-form{flex-direction:column}}

/* preferred-brands speedometer (Darryl's email to Sophie) */
.kpi-gauge .gauge{width:100%;max-width:170px;height:auto;display:block;margin:2px auto 0}
.gauge path{fill:none;stroke-width:9;stroke-linecap:butt}
.gauge .g-red{stroke:var(--bad);opacity:.85}.gauge .g-amber{stroke:var(--amber);opacity:.9}.gauge .g-green{stroke:var(--good)}
.gauge .needle{stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;transform-origin:70px 66px;animation:needle 1.1s cubic-bezier(.2,.8,.2,1) both}
.gauge .hub{fill:var(--ink)}.gauge .mk{stroke:var(--blue);stroke-width:2.5;stroke-linecap:round}
.gauge text{font-size:9px;fill:var(--subtle);font-weight:600}
@keyframes needle{from{transform:rotate(-90deg)}to{transform:rotate(0deg)}}
.warn{color:var(--amber);font-weight:600}
.kpi .delta{white-space:nowrap;flex-wrap:wrap;max-width:100%}   /* "-0.3 pts" never breaks; on a narrow card the "vs ..." part drops to a second line inside the chip */
.kpi .delta i{font-style:normal;font-weight:500;opacity:.78;margin-left:4px}   /* "vs last Sunday" on the top cards (Darryl 2026-09-06) */
