/* B2C-only adaptation of live B2B radar components. Sources: pult-kp.css 1774–2450, 2973–3095, 4343–4387, 5597–5705; radar1c-step5.css 796–895. Shared theme and B2B scope stay unchanged. */ #view-radar-b2c-1c { min-width:0; max-width:100%; } #view-radar-b2c-1c *,#view-radar-b2c-1c *::before,#view-radar-b2c-1c *::after { box-sizing:border-box; } #view-radar-b2c-1c [hidden] { display:none !important; } #view-radar-b2c-1c .panel { min-width:0; margin:14px 0; padding:16px 18px; } #view-radar-b2c-1c .panel > h2:first-child,#view-radar-b2c-1c .panel > h3:first-child { margin-top:0; } #view-radar-b2c-1c .b2c-tabs { display:flex; flex-wrap:wrap; gap:4px; margin-bottom:12px; } #view-radar-b2c-1c .b2c-tabs .tab { white-space:nowrap; } #view-radar-b2c-1c .b2c-heading-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:8px 16px; margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid var(--ink); } #view-radar-b2c-1c .b2c-heading-row > .b2c-tabs { min-width:0; margin:0; padding:0; border-bottom:0; } #view-radar-b2c-1c .b2c-toolbarcompact { display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:6px; min-width:0; margin:0; padding:0; border:0; background:transparent; } #view-radar-b2c-1c .b2c-toolbarcompact label { display:block; flex:0 1 148px; min-width:0; max-width:none; margin:0; } #view-radar-b2c-1c .b2c-toolbarcompact select { width:148px; min-height:32px; padding:5px 7px; font-size:.75rem; } #view-radar-b2c-1c .b2c-toolbarcompact .btn { flex:0 0 auto; min-height:32px; margin:0; padding:5px 9px; font-size:.7rem; white-space:nowrap; } #view-radar-b2c-1c .b2c-toolbarcompact .b2c-control-label { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } #view-radar-b2c-1c .b2c-toolbarcompact:has(input[type="date"]) { max-width:420px; flex-wrap:wrap; } #view-radar-b2c-1c .b2c-topline { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; margin:8px 0; } #view-radar-b2c-1c .b2c-topline > p { margin:0; } #view-radar-b2c-1c .b2c-topline { color:var(--text-muted); font:.78rem/1.4 var(--font-label); } #view-radar-b2c-1c .b2c-refresh-controls { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; } #view-radar-b2c-1c [data-b2c-refresh-state] { margin:0; white-space:normal; } #view-radar-b2c-1c .b2c-text-button { padding:0; border:0; background:transparent; color:var(--accent); font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; } #view-radar-b2c-1c .b2c-toolbar,#view-radar-b2c-1c .b2c-filters { display:flex; flex-wrap:wrap; align-items:end; gap:8px 12px; margin:8px 0 14px; padding:8px 0; border:0; background:transparent; } #view-radar-b2c-1c .b2c-filters label,#view-radar-b2c-1c .b2c-toolbar label { display:flex; flex:0 1 154px; flex-direction:column; gap:4px; min-width:132px; max-width:210px; color:var(--text-muted); font:.72rem/1.35 var(--font-label); } #view-radar-b2c-1c select,#view-radar-b2c-1c input { min-width:0; max-width:100%; min-height:34px; padding:6px 8px; border:1px solid var(--ink); border-radius:0; background:var(--bg-card); color:var(--ink); font:.78rem/1.3 var(--font-label); } #view-radar-b2c-1c .b2c-filters select,#view-radar-b2c-1c .b2c-filters input,#view-radar-b2c-1c .b2c-toolbar select,#view-radar-b2c-1c .b2c-toolbar input { width:100%; } #view-radar-b2c-1c .b2c-filter-fold { flex:1 0 100%; min-width:0; margin:0; padding:0; border:0; background:transparent; } #view-radar-b2c-1c .b2c-filter-fold > summary { width:max-content; max-width:100%; color:var(--accent); font:600 .76rem var(--font-label); } #view-radar-b2c-1c .b2c-filter-fields { display:grid; grid-template-columns:repeat(auto-fit,minmax(146px,1fr)); gap:10px 12px; padding-top:8px; } #view-radar-b2c-1c .b2c-filter-fields label { max-width:none; } #view-radar-b2c-1c .period-bar { flex-wrap:wrap; align-items:end; gap:10px; margin:10px 0; } #view-radar-b2c-1c .b2c-section-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 14px; margin-bottom:14px; } #view-radar-b2c-1c .b2c-section-head h2,#view-radar-b2c-1c .b2c-section-head h3,#view-radar-b2c-1c .b2c-section-head p { margin:0; } #view-radar-b2c-1c .b2c-split { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; } #view-radar-b2c-1c .b2c-split > * { min-width:0; } #view-radar-b2c-1c .b2c-split > .panel { margin-top:0; } /* Live radar KPI scale, colour and spacing. */ #view-radar-b2c-1c .radar-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:20px; } #view-radar-b2c-1c .radar-summary.radar-summary-3 { grid-template-columns:repeat(3,minmax(0,1fr)); } #view-radar-b2c-1c .radar-kpi { min-width:0; min-height:118px; padding:16px 18px; border:2px solid var(--ink); border-radius:0; background:var(--bg-card); } #view-radar-b2c-1c .radar-kpi .rk-label { margin-bottom:10px; color:var(--text-muted); font:.72rem/1.35 var(--font-label); letter-spacing:.06em; text-transform:uppercase; } #view-radar-b2c-1c .radar-kpi .rk-value { color:var(--ink); font-family:var(--font-display); font-size:clamp(1.35rem,2.6vw,1.9rem); font-weight:700; line-height:1.12; letter-spacing:-.02em; overflow-wrap:anywhere; } #view-radar-b2c-1c .radar-kpi .rk-hint { margin-top:10px; color:var(--text-muted); font-size:.82rem; line-height:1.35; } #view-radar-b2c-1c .radar-kpi.is-text .rk-value { font:600 1.05rem/1.35 var(--font-display); } #view-radar-b2c-1c .radar-kpi.is-long-value .rk-value { font-size:1.5rem; } #view-radar-b2c-1c .radar-kpi.ok { border-color:var(--ok); } #view-radar-b2c-1c .radar-kpi.ok .rk-value { color:var(--ok); } #view-radar-b2c-1c .radar-kpi.mid { border-color:var(--accent); } #view-radar-b2c-1c .radar-kpi.mid .rk-value { color:var(--accent); } #view-radar-b2c-1c .radar-kpi.bad { border-color:var(--risk); } #view-radar-b2c-1c .radar-kpi.bad .rk-value { color:var(--risk); } #view-radar-b2c-1c button.radar-kpi { display:block; width:100%; color:inherit; font:inherit; text-align:left; cursor:pointer; } #view-radar-b2c-1c button.radar-kpi:hover,#view-radar-b2c-1c button.radar-kpi[aria-expanded="true"] { background:#F5F5F5; } #view-radar-b2c-1c .rk-metric { display:inline-flex; flex-wrap:nowrap; align-items:baseline; gap:.22em; max-width:100%; white-space:nowrap; } #view-radar-b2c-1c .rk-num { font-family:var(--font-display); font-weight:700; font-variant-numeric:tabular-nums; } #view-radar-b2c-1c .rk-unit,#view-radar-b2c-1c .b2c-metric-unit { flex-shrink:0; color:var(--text-muted); font:700 .58em/1.2 var(--font-label); letter-spacing:.06em; text-transform:uppercase; } #view-radar-b2c-1c .rk-sep { margin:0 .15em; color:var(--text-muted); font:600 .78rem var(--font-label); } /* B2B's light table header and right-aligned financial values. */ #view-radar-b2c-1c .table-wrap,#view-radar-b2c-1c .b2c-table-scroll { min-width:0; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; } #view-radar-b2c-1c .table-wrap { border:2px solid var(--ink); background:var(--bg-card); } #view-radar-b2c-1c .data-table { width:100%; border-collapse:collapse; font-size:.95rem; } #view-radar-b2c-1c .data-table th,#view-radar-b2c-1c .data-table td { padding:12px 14px; border-bottom:1px solid rgba(26,26,26,.12); text-align:left; vertical-align:middle; overflow-wrap:anywhere; } #view-radar-b2c-1c .data-table tbody tr:last-child td { border-bottom:0; } #view-radar-b2c-1c .data-table th { position:static; border-bottom:2px solid var(--ink); background:var(--bg-page) !important; color:var(--ink) !important; box-shadow:none; font:700 .78rem/1.35 var(--font-label); text-transform:uppercase; letter-spacing:.04em; } #view-radar-b2c-1c .data-table thead { background:var(--bg-page); color:var(--ink); } #view-radar-b2c-1c .data-table thead .btn { min-height:0; padding:0; border:0; background:transparent; color:inherit; font:inherit; letter-spacing:inherit; text-transform:inherit; text-align:inherit; white-space:normal; } #view-radar-b2c-1c .data-table td.num,#view-radar-b2c-1c .data-table th.num { text-align:right; font-variant-numeric:tabular-nums; } #view-radar-b2c-1c .data-table td.num { color:var(--ink); font:600 1.08rem/1.3 var(--font-display); white-space:nowrap; } #view-radar-b2c-1c .data-table td.num .rk-metric { justify-content:flex-end; } #view-radar-b2c-1c .data-table td.num .rk-unit { font-size:.62em; } #view-radar-b2c-1c .data-table tfoot { border-top:2px solid var(--ink); font-weight:600; } #view-radar-b2c-1c .data-table tfoot td { background:var(--bg-page); } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot { width:100%; min-width:940px; table-layout:fixed; font-size:.82rem; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot th,#view-radar-b2c-1c .data-table.radar1c-mgr-pivot td { padding:7px 8px; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot th { font-size:.68rem; letter-spacing:.03em; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot td.num { font-size:.88rem; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot tr > :first-child { position:sticky; left:0; z-index:1; width:156px; min-width:156px; border-right:1px solid var(--line); background:var(--bg-card); overflow-wrap:normal; white-space:normal; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot thead tr > :first-child,#view-radar-b2c-1c .data-table.radar1c-mgr-pivot tfoot tr > :first-child { z-index:2; background:var(--bg-page); } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot tr > :last-child { width:92px; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot th.num { white-space:nowrap; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot :is(td,th)[title] { font-variant-numeric:tabular-nums; } #view-radar-b2c-1c .data-table.b2c-store-totals { min-width:900px; } #view-radar-b2c-1c .data-table.b2c-store-totals tr > :first-child { min-width:156px; overflow-wrap:normal; } #view-radar-b2c-1c .data-table.b2c-store-totals tr > :last-child { min-width:154px; white-space:normal; font: .8rem/1.4 var(--font-label); } #view-radar-b2c-1c .data-table.b2c-store-totals small { color:var(--text-muted); font:.7rem/1.4 var(--font-label); } #view-radar-b2c-1c:has(.b2c-store-direction-panel) .b2c-group-table > .table-wrap > .data-table > :is(thead,tbody,tfoot) > tr > :first-child { min-width:156px; overflow-wrap:normal; } #view-radar-b2c-1c:has(.b2c-store-direction-panel) .b2c-group-table > .table-wrap > .data-table > :is(thead,tbody,tfoot) > tr > :last-child { min-width:176px; } #view-radar-b2c-1c:has(.b2c-tabs [data-b2c-tab="designers"].on) .b2c-group-table > .table-wrap > .data-table { min-width:940px; } #view-radar-b2c-1c:has(.b2c-tabs [data-b2c-tab="designers"].on) .b2c-group-table > .table-wrap > .data-table > :is(thead,tbody,tfoot) > tr > :first-child { min-width:200px; overflow-wrap:normal; } #view-radar-b2c-1c:has(.b2c-tabs [data-b2c-tab="designers"].on) .b2c-group-table > .table-wrap > .data-table > :is(thead,tbody,tfoot) > tr > :last-child { min-width:176px; } #view-radar-b2c-1c:has(.b2c-tabs [data-b2c-tab="designers"].on) .b2c-group-table > .table-wrap > .data-table > thead th { overflow-wrap:normal; } #view-radar-b2c-1c .b2c-channel-legend { display:flex; flex-wrap:wrap; gap:8px 18px; margin:10px 0 14px; color:var(--text-muted); font:.72rem/1.4 var(--font-label); } #view-radar-b2c-1c .b2c-channel-legend span::before { content:""; display:inline-block; width:12px; height:8px; margin-right:6px; background:var(--accent); } #view-radar-b2c-1c .b2c-channel-legend span:last-child::before { background:var(--ok); } #view-radar-b2c-1c .b2c-channel-month { display:grid; grid-template-columns:76px minmax(0,1fr) minmax(190px,max-content); align-items:center; gap:8px 12px; margin:10px 0; } #view-radar-b2c-1c .b2c-channel-month > span:first-child { color:var(--text-muted); font:700 .7rem/1.3 var(--font-label); text-transform:uppercase; } #view-radar-b2c-1c .b2c-channel-track { display:flex; min-width:0; height:12px; overflow:hidden; background:#E8E4DC; } #view-radar-b2c-1c .b2c-channel-track .bar-fill { display:block; flex-shrink:0; height:100%; } #view-radar-b2c-1c .b2c-channel-track .b2c-traffic { background:var(--accent); } #view-radar-b2c-1c .b2c-channel-track .b2c-design { background:var(--ok); } #view-radar-b2c-1c .b2c-channel-month small { display:block; color:var(--ink); font:.8rem/1.4 var(--font-display); font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; } /* Monthly bars from radar1cMonthBars. */ #view-radar-b2c-1c .radar1c-months { display:grid; gap:10px; margin:10px 0 14px; } #view-radar-b2c-1c .radar1c-bar-row { display:grid; grid-template-columns:118px minmax(0,1fr) minmax(168px,max-content); gap:12px; align-items:center; min-width:0; } #view-radar-b2c-1c .b2c-month-button { width:100%; padding:4px 0; border:0; border-radius:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; } #view-radar-b2c-1c .b2c-month-button[aria-pressed="true"] .bar-label { color:var(--accent); } #view-radar-b2c-1c .radar1c-bar-row .bar-label { color:var(--ink); font:700 .78rem var(--font-label); letter-spacing:.03em; text-transform:uppercase; } #view-radar-b2c-1c .radar1c-bar-row .bar-track { min-width:0; height:12px; overflow:hidden; background:#E8E4DC; } #view-radar-b2c-1c .radar1c-bar-row .bar-fill { display:block; height:100%; max-width:100%; background:var(--accent); } #view-radar-b2c-1c .radar1c-bar-row .bar-fill.alt { background:var(--ok); } #view-radar-b2c-1c .radar1c-bar-row .bar-value { color:var(--ink); font:600 1.05rem/1.3 var(--font-display); font-variant-numeric:tabular-nums; text-align:right; white-space:nowrap; } #view-radar-b2c-1c .radar1c-bar-row .bar-value .rk-metric { justify-content:flex-end; } #view-radar-b2c-1c .b2c-rank-bars { display:grid; gap:8px; min-width:0; } #view-radar-b2c-1c .b2c-rank-bar { display:grid; grid-template-columns:minmax(100px,1fr) minmax(60px,.8fr) minmax(128px,max-content); height:auto; max-width:100%; margin:0; padding:8px 0; border:0; border-bottom:1px solid var(--line); border-radius:0; background:transparent; color:var(--ink); font:inherit; text-align:left; } #view-radar-b2c-1c .b2c-rank-bar .bar-label { overflow-wrap:anywhere; text-transform:none; } #view-radar-b2c-1c .b2c-rank-bar .bar-value { font-size:.95rem; } #view-radar-b2c-1c .b2c-rank-bar .bar-value small { display:block; margin-top:3px; color:var(--text-muted); font:.7rem var(--font-label); } /* Forecast scenario, outlook, calendar and saved-history cards. */ #view-radar-b2c-1c .radar1c-fc-grid,#view-radar-b2c-1c .radar1c-fc-cards,#view-radar-b2c-1c .radar1c-fc-outlook-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } #view-radar-b2c-1c .radar1c-fc-card,#view-radar-b2c-1c .radar1c-fc-out { min-width:0; border:2px solid var(--ink); background:var(--bg-card); padding:14px 16px; } #view-radar-b2c-1c .radar1c-fc-card.is-base,#view-radar-b2c-1c .radar1c-fc-out.is-base { border-color:var(--accent); background:#FBF7F0; } #view-radar-b2c-1c .radar1c-fc-card-head { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px; margin-bottom:8px; } #view-radar-b2c-1c .radar1c-fc-card-head h3,#view-radar-b2c-1c .radar1c-fc-out-lab { margin:0 0 8px; font:700 .78rem/1.35 var(--font-label); letter-spacing:.04em; text-transform:uppercase; } #view-radar-b2c-1c .radar1c-fc-amt { color:var(--ink); font:700 1.35rem var(--font-display); overflow-wrap:anywhere; } #view-radar-b2c-1c .radar1c-fc-blurb { margin:0 0 12px; color:var(--text-muted); font-size:.92rem; line-height:1.4; } #view-radar-b2c-1c .radar1c-fc-cols { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } #view-radar-b2c-1c .radar1c-fc-list { margin:0; padding-left:1.1em; font-size:.88rem; line-height:1.45; } #view-radar-b2c-1c .radar1c-fc-out > b { display:block; margin-bottom:8px; font:700 1.55rem/1.15 var(--font-display); overflow-wrap:anywhere; } #view-radar-b2c-1c .radar1c-fc-out p { margin:0; font-size:.9rem; line-height:1.35; color:var(--text-muted); } #view-radar-b2c-1c .radar1c-fc-weeks,#view-radar-b2c-1c .radar1c-fc-hist-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } #view-radar-b2c-1c .radar1c-fc-week,#view-radar-b2c-1c .radar1c-fc-hist { display:block; min-width:0; border:2px solid var(--ink); padding:12px 14px; background:var(--bg-card); } #view-radar-b2c-1c .radar1c-fc-week.is-partial,#view-radar-b2c-1c .radar1c-fc-hist.is-live { border-color:var(--accent); background:#FBF7F0; } #view-radar-b2c-1c .radar1c-fc-week.is-future { opacity:.55; } #view-radar-b2c-1c .radar1c-fc-week-head,#view-radar-b2c-1c .radar1c-fc-hist-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; margin-bottom:4px; font:700 .72rem/1.35 var(--font-label); letter-spacing:.04em; text-transform:uppercase; } #view-radar-b2c-1c .radar1c-fc-week-head em,#view-radar-b2c-1c .radar1c-fc-hist-head em { color:var(--accent); font-style:normal; } #view-radar-b2c-1c .radar1c-fc-week-lab,#view-radar-b2c-1c .radar1c-fc-hist-lab { margin-bottom:8px; color:var(--text-muted); font-size:.82rem; } #view-radar-b2c-1c .radar1c-fc-week-amt,#view-radar-b2c-1c .radar1c-fc-hist-base { display:block; margin:4px 0; font:700 1.2rem var(--font-display); overflow-wrap:anywhere; } #view-radar-b2c-1c .radar1c-fc-week-pace { margin-bottom:4px; font-size:.9rem; font-weight:600; } #view-radar-b2c-1c .radar1c-fc-week-meta,#view-radar-b2c-1c .radar1c-fc-hist-meta { color:var(--text-muted); font:.72rem/1.4 var(--font-label); } /* Manager/store/designer cards use radar-person's accepted composition. */ #view-radar-b2c-1c .radar1c-mgr-grid,#view-radar-b2c-1c .b2c-entity-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } #view-radar-b2c-1c .radar1c-mgr-card,#view-radar-b2c-1c .radar-person { min-width:0; margin-bottom:12px; padding:16px; border:2px solid var(--ink); border-radius:0; background:#FAFAFA; } #view-radar-b2c-1c .radar1c-mgr-card > header,#view-radar-b2c-1c .radar-person-head { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 14px; } #view-radar-b2c-1c .radar1c-mgr-card h3,#view-radar-b2c-1c .radar-person-head h3 { margin:0 0 4px; overflow-wrap:anywhere; } #view-radar-b2c-1c .radar1c-mgr-card .role,#view-radar-b2c-1c .radar-person-head .role { color:var(--text-muted); font:.76rem/1.45 var(--font-label); } #view-radar-b2c-1c .radar-person-head > strong { color:var(--ink); font:700 1.35rem var(--font-display); font-variant-numeric:tabular-nums; white-space:nowrap; } #view-radar-b2c-1c .review-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0; } #view-radar-b2c-1c .review-stat { min-width:0; padding:10px; border:1px solid var(--line); background:var(--bg-card); } #view-radar-b2c-1c .review-stat > span { display:block; margin-bottom:4px; color:var(--text-muted); font:.68rem/1.35 var(--font-label); } #view-radar-b2c-1c .review-stat > b { display:block; font:700 1.08rem/1.25 var(--font-display); overflow-wrap:anywhere; } #view-radar-b2c-1c .radar1c-mgr-months { margin:12px 0 4px; padding:10px 12px; border:1px solid var(--line); background:#FAFAFA; } #view-radar-b2c-1c .radar1c-mgr-months-head { margin-bottom:8px; color:var(--text-muted); font:700 .68rem/1.3 var(--font-label); text-transform:uppercase; letter-spacing:.05em; } #view-radar-b2c-1c .radar1c-mgr-months-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(118px,1fr)); gap:8px; } #view-radar-b2c-1c .radar1c-mgr-month { display:flex; min-width:0; flex-direction:column; gap:2px; padding:8px 10px; border:1px solid rgba(26,26,26,.12); background:var(--bg-card); } #view-radar-b2c-1c .rmm-lab { color:var(--text-muted); font:700 .65rem var(--font-label); letter-spacing:.04em; text-transform:uppercase; } #view-radar-b2c-1c .rmm-val { color:var(--ink); font:700 .98rem/1.15 var(--font-display); overflow-wrap:anywhere; } #view-radar-b2c-1c .rmm-n { color:var(--text-muted); font:.68rem/1.3 var(--font-label); } #view-radar-b2c-1c .radar1c-mgr-months-total { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; margin-top:10px; padding-top:10px; border-top:1px solid rgba(26,26,26,.12); color:var(--text-muted); font:600 .78rem var(--font-label); } #view-radar-b2c-1c .radar1c-mgr-months-total b { color:var(--ink); font:700 1.15rem var(--font-display); } #view-radar-b2c-1c .radar-badge { padding:6px 12px; font:700 .85rem var(--font-display); text-transform:none; letter-spacing:0; white-space:nowrap; } #view-radar-b2c-1c .radar1c-qchips { display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 4px; } #view-radar-b2c-1c .radar1c-qchip { display:inline-flex; flex-direction:column; gap:2px; min-width:110px; padding:6px 10px; border:1px solid rgba(26,26,26,.14); background:#FAFAFA; } #view-radar-b2c-1c .radar1c-qchip em { color:var(--text-muted); font:700 .62rem var(--font-label); letter-spacing:.04em; text-transform:uppercase; } #view-radar-b2c-1c .radar1c-qchip b { font:700 .95rem var(--font-display); } /* Product boards and legend retain B2B's sharp framed controls. */ #view-radar-b2c-1c .radar1c-od-boards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:14px; min-width:0; } #view-radar-b2c-1c .radar1c-od-boards > div { min-width:0; } #view-radar-b2c-1c .radar1c-od-board,#view-radar-b2c-1c .b2c-board { min-width:0; max-width:100%; } #view-radar-b2c-1c .b2c-board + .b2c-board { margin-top:18px; } #view-radar-b2c-1c .radar1c-od-board h3,#view-radar-b2c-1c .radar1c-od-board h4,#view-radar-b2c-1c .b2c-board h3,#view-radar-b2c-1c .b2c-board h4 { margin:0 0 8px; font:700 .75rem/1.4 var(--font-label); text-transform:uppercase; letter-spacing:.04em; } #view-radar-b2c-1c .cut-list,#view-radar-b2c-1c .b2c-board-list { display:flex; flex-direction:column; gap:6px; } #view-radar-b2c-1c .cut-card,#view-radar-b2c-1c .b2c-board-item,#view-radar-b2c-1c .boarditem { display:block; width:100%; min-width:0; padding:8px 10px; border:2px solid var(--ink); border-radius:0; background:var(--bg-card); color:var(--ink); font-family:var(--font-label); text-align:left; cursor:pointer; } #view-radar-b2c-1c .b2c-board-item { margin-bottom:6px; } #view-radar-b2c-1c .b2c-board-item > strong { display:block; min-width:0; font-size:.82rem; font-weight:600; white-space:normal; overflow-wrap:anywhere; } #view-radar-b2c-1c .b2c-board-item > b { display:block; margin-top:2px; color:var(--accent); font:700 1.125rem var(--font-display); white-space:nowrap; } #view-radar-b2c-1c .b2c-board-item > span { display:block; margin-top:2px; color:var(--text-muted); font-size:.7rem; } #view-radar-b2c-1c .cut-card:hover,#view-radar-b2c-1c .b2c-board-item:hover,#view-radar-b2c-1c .b2c-entity:hover { background:#F5F5F5; } #view-radar-b2c-1c .cut-card.on,#view-radar-b2c-1c .b2c-board-item.on,#view-radar-b2c-1c .b2c-board-item[aria-pressed="true"] { background:var(--gold-dim); } #view-radar-b2c-1c .cut-card .t,#view-radar-b2c-1c .b2c-board-item .t { display:block; min-width:0; font-size:.82rem; font-weight:600; white-space:normal; overflow-wrap:anywhere; } #view-radar-b2c-1c .cut-card .m,#view-radar-b2c-1c .b2c-board-item .m { display:block; margin-top:2px; color:var(--accent); font:700 1.125rem var(--font-display); overflow-wrap:anywhere; } #view-radar-b2c-1c .cut-card .s,#view-radar-b2c-1c .b2c-board-item .s { display:block; margin-top:2px; color:var(--text-muted); font-size:.7rem; } #view-radar-b2c-1c button.b2c-entity { max-width:100%; padding:0; border:0; background:transparent; color:var(--ink); font:inherit; text-align:left; cursor:pointer; overflow-wrap:anywhere; } #view-radar-b2c-1c .b2c-donut { position:relative; width:min(220px,100%); aspect-ratio:1; border:2px solid var(--ink); border-radius:50%; } #view-radar-b2c-1c .b2c-donut-wrap,#view-radar-b2c-1c .radar1c-pie-wrap { display:grid; grid-template-columns:minmax(160px,220px) minmax(0,1fr); gap:20px; align-items:center; margin-bottom:18px; } #view-radar-b2c-1c .b2c-legend { display:grid; gap:8px; min-width:0; margin:0; padding:0; list-style:none; } #view-radar-b2c-1c .b2c-legend > li,#view-radar-b2c-1c .b2c-legend-row { display:grid; grid-template-columns:12px minmax(0,1fr) auto; gap:10px; align-items:baseline; font-size:.86rem; } #view-radar-b2c-1c .b2c-legend i,#view-radar-b2c-1c .radar1c-swatch { display:inline-block; width:12px; height:12px; margin-top:3px; border:1px solid var(--ink); } #view-radar-b2c-1c .b2c-legend b { font-family:var(--font-display); font-variant-numeric:tabular-nums; } #view-radar-b2c-1c .b2c-legend .radar1c-pie-name { min-width:0; overflow-wrap:anywhere; } #view-radar-b2c-1c .b2c-legend .radar1c-pie-meta { color:var(--ink); font:600 .92rem var(--font-display); } #view-radar-b2c-1c .b2c-split > .radar1c-pie-wrap { grid-template-columns:1fr; justify-items:center; } /* Ranked nomenclature below linked product boards. */ #view-radar-b2c-1c .nomen-rank-detail { margin-top:20px; padding-top:18px; border-top:3px solid var(--accent); } #view-radar-b2c-1c .nomen-rank-head h3 { margin:4px 0 2px; } #view-radar-b2c-1c .nomen-rank-list { margin-top:14px; border-top:2px solid var(--ink); } #view-radar-b2c-1c .nomen-rank-row { display:grid; grid-template-columns:42px minmax(0,1.6fr) minmax(300px,2.4fr); gap:14px; align-items:center; padding:14px 0; border-bottom:1px solid var(--line); } #view-radar-b2c-1c .nomen-rank-index { font:1.45rem var(--font-display); text-align:center; } #view-radar-b2c-1c .nomen-rank-name { min-width:0; } #view-radar-b2c-1c .nomen-rank-name b,#view-radar-b2c-1c .nomen-rank-name span { display:block; overflow-wrap:anywhere; } #view-radar-b2c-1c .nomen-rank-name span { margin-top:4px; color:var(--text-muted); font-size:.76rem; } #view-radar-b2c-1c .nomen-rank-name i { display:block; max-width:100%; height:3px; margin-top:9px; background:var(--accent); } #view-radar-b2c-1c .nomen-rank-row dl { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin:0; } #view-radar-b2c-1c .nomen-rank-row dt { color:var(--text-muted); font:.64rem/1.35 var(--font-label); letter-spacing:.04em; text-transform:uppercase; } #view-radar-b2c-1c .nomen-rank-row dd { margin:4px 0 0; font:.96rem var(--font-display); overflow-wrap:anywhere; } /* B2B compact folds; order details remain lazy and fit the scroll container. */ #view-radar-b2c-1c .panel-fold { margin:14px 0; padding:0; border:2px solid var(--ink); background:var(--bg-card); } #view-radar-b2c-1c .panel-fold > summary { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px 14px; padding:12px 16px; list-style:none; cursor:pointer; user-select:none; } #view-radar-b2c-1c .panel-fold > summary { color:var(--ink); font:700 1.05rem var(--font-display); } #view-radar-b2c-1c .panel-fold > summary > span:first-child { color:var(--ink); font:700 1.05rem var(--font-display); } #view-radar-b2c-1c .panel-fold > summary > span.muted { color:var(--text-muted); font:.75rem/1.4 var(--font-label); letter-spacing:.02em; } #view-radar-b2c-1c .panel-fold > summary::-webkit-details-marker { display:none; } #view-radar-b2c-1c .panel-fold > summary::after { content:"▸"; margin-left:auto; color:var(--text-muted); font:.75rem var(--font-label); } #view-radar-b2c-1c .panel-fold[open] > summary::after { content:"▾"; } #view-radar-b2c-1c .panel-fold[open] > summary { border-bottom:1px solid var(--line); } #view-radar-b2c-1c .panel-fold-title { color:var(--ink); font:700 1.05rem var(--font-display); } #view-radar-b2c-1c .panel-fold-teaser { color:var(--text-muted); font:.75rem/1.4 var(--font-label); letter-spacing:.02em; } #view-radar-b2c-1c .panel-fold-body { min-width:0; padding:12px 16px 16px; } #view-radar-b2c-1c .panel-fold-body > .panel:first-child { margin-top:0; } #view-radar-b2c-1c details:not(.panel-fold) > summary { cursor:pointer; padding:7px 0; overflow-wrap:anywhere; } #view-radar-b2c-1c details details { margin-left:10px; border-left:2px solid var(--accent); padding-left:10px; } #view-radar-b2c-1c .b2c-order { min-width:0; width:100%; max-width:760px; } #view-radar-b2c-1c .b2c-order p { line-height:1.45; overflow-wrap:anywhere; } #view-radar-b2c-1c .b2c-help { max-width:1000px; line-height:1.5; } #view-radar-b2c-1c :is(button,input,select,summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; } @media (max-width:1200px) { #view-radar-b2c-1c .radar-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } #view-radar-b2c-1c .radar1c-od-boards { grid-template-columns:repeat(2,minmax(0,1fr)); } #view-radar-b2c-1c .radar1c-fc-weeks,#view-radar-b2c-1c .radar1c-fc-hist-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:1000px) { #view-radar-b2c-1c .b2c-heading-row { grid-template-columns:minmax(0,1fr); } #view-radar-b2c-1c .b2c-heading-row > .b2c-toolbarcompact { grid-row:1; justify-self:end; } #view-radar-b2c-1c .b2c-heading-row > .b2c-tabs { grid-row:2; } #view-radar-b2c-1c .b2c-split,#view-radar-b2c-1c .radar1c-mgr-grid,#view-radar-b2c-1c .b2c-entity-grid { grid-template-columns:1fr; } #view-radar-b2c-1c .nomen-rank-row { grid-template-columns:32px minmax(0,1fr); } #view-radar-b2c-1c .nomen-rank-row dl { grid-column:2; } } @media (max-width:900px) { #view-radar-b2c-1c .radar-summary.radar-summary-3,#view-radar-b2c-1c .radar1c-fc-grid,#view-radar-b2c-1c .radar1c-fc-cards,#view-radar-b2c-1c .radar1c-fc-outlook-grid { grid-template-columns:1fr; } #view-radar-b2c-1c .b2c-donut-wrap,#view-radar-b2c-1c .radar1c-pie-wrap { grid-template-columns:1fr; justify-items:center; } #view-radar-b2c-1c .b2c-legend { width:100%; } } @media (max-width:560px) { #view-radar-b2c-1c .b2c-heading-row { gap:10px; margin-bottom:6px; } #view-radar-b2c-1c .b2c-toolbarcompact { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; width:100%; } #view-radar-b2c-1c .b2c-toolbarcompact select,#view-radar-b2c-1c .b2c-toolbarcompact label { width:100%; } #view-radar-b2c-1c .data-table.radar1c-mgr-pivot tr > :first-child { width:148px; min-width:148px; } #view-radar-b2c-1c .b2c-channel-month { grid-template-columns:66px minmax(0,1fr); } #view-radar-b2c-1c .b2c-channel-month > span:last-child { grid-column:1/-1; } #view-radar-b2c-1c .b2c-channel-month small { text-align:left; } #view-radar-b2c-1c .panel { padding:12px; } #view-radar-b2c-1c .radar-summary,#view-radar-b2c-1c .radar1c-fc-weeks,#view-radar-b2c-1c .radar1c-fc-hist-grid { grid-template-columns:1fr; } #view-radar-b2c-1c .radar-kpi { min-height:0; } #view-radar-b2c-1c .radar-kpi.is-long-value .rk-value { font-size:1.75rem; } #view-radar-b2c-1c .radar1c-bar-row { grid-template-columns:72px minmax(0,1fr); } #view-radar-b2c-1c .radar1c-bar-row .bar-value { grid-column:1/-1; text-align:left; } #view-radar-b2c-1c .b2c-rank-bar { grid-template-columns:minmax(0,1fr); } #view-radar-b2c-1c .review-stats { grid-template-columns:1fr; } #view-radar-b2c-1c .radar1c-od-boards,#view-radar-b2c-1c .radar1c-fc-cols { grid-template-columns:1fr; } #view-radar-b2c-1c .nomen-rank-row dl { grid-template-columns:repeat(2,minmax(0,1fr)); } #view-radar-b2c-1c .b2c-legend > li,#view-radar-b2c-1c .b2c-legend-row { grid-template-columns:12px minmax(0,1fr); } #view-radar-b2c-1c .b2c-legend > li > :last-child,#view-radar-b2c-1c .b2c-legend-row > :last-child { grid-column:2; } #view-radar-b2c-1c .panel-fold { padding:0; } #view-radar-b2c-1c .panel-fold > summary,#view-radar-b2c-1c .panel-fold-body { padding:12px; } #view-radar-b2c-1c .b2c-tabs .tab { padding:7px; font-size:.72rem; } }