.sales-heatmap{color:var(--text);min-width:0;margin:20px 0;padding:24px}.sales-heatmap.compact{margin:0;padding:18px 0 8px}.sales-heatmap>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.heat-eyebrow{color:#fbbf24;letter-spacing:.12em;align-items:center;gap:6px;font-size:10px;display:flex}.sales-heatmap h3{margin:7px 0;font-size:19px}.sales-heatmap header p,.heat-note{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.heat-switch{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:4px;padding:4px;display:flex}.heat-switch button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:12px}.heat-switch button[aria-pressed=true]{color:#fcd34d;background:#f59e0b25}.heat-month{text-transform:capitalize;justify-content:space-between;align-items:center;margin:24px 0 16px;display:flex}.heat-month button{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.heat-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.heat-weekday{text-align:center;color:var(--muted);padding:6px;font-size:11px}.heat-calendar button{border-radius:12px;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:70px;padding:12px;display:flex}.heat-calendar small{font-size:10px}.heat-outside{min-height:70px;color:var(--subtle);opacity:.5;border:1px dashed var(--border);border-radius:12px;justify-content:center;align-items:center;display:flex}.sales-heatmap [data-level]{color:#dae6fa;background:#172239;border:1px solid #35425c}.sales-heatmap [data-level="1"]{background:#454431;border-color:#70633a}.sales-heatmap [data-level="2"]{background:#775629;border-color:#b27a2e}.sales-heatmap [data-level="3"]{color:#fff;background:#b05a23;border-color:#ef8c38}.sales-heatmap [data-level="4"]{color:#fff;background:#d65b29;border-color:#ffa269}.sales-heatmap button[data-level]{cursor:pointer;transition:transform .16s,box-shadow .16s,filter .16s}.sales-heatmap button[data-level]:hover,.sales-heatmap button[data-level]:focus-visible{filter:brightness(1.22);outline-offset:2px;outline:2px solid #ffbd7f;transform:translateY(-3px);box-shadow:0 6px 22px #fb923c55}.sales-heatmap button[data-level][aria-pressed=true]{box-shadow:inset 0 0 0 2px #ffe2b9}.heat-hotbar{gap:4px;margin-top:20px;display:flex}.heat-hotbar button{border-radius:5px;flex:1;min-width:0;height:28px;padding:0}.heat-legend{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin:10px 0 16px;font-size:10px;display:flex}.heat-legend>span:last-child{align-items:center;gap:4px;display:flex}.heat-legend i{border-radius:3px;width:12px;height:12px}.heat-preview{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;min-height:90px;padding:16px;display:flex}.heat-preview>div{gap:4px;display:grid}.heat-preview strong{font-size:24px}.heat-preview small,.heat-preview span{color:var(--muted);font-size:11px}.heat-extremes{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.heat-extremes button{text-align:left;border:1px solid var(--border);background:0 0;border-radius:12px;gap:6px;min-width:0;padding:14px;display:grid}.heat-extremes span,.heat-extremes small{color:var(--muted);font-size:11px}.heat-extremes strong{overflow-wrap:anywhere;font-size:18px}.heat-sr{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:600px){.sales-heatmap{padding:16px}.heat-calendar{gap:4px}.heat-calendar button{min-height:52px;padding:6px}.heat-calendar small{font-size:8px}.heat-outside{min-height:52px}.heat-hotbar{gap:2px}.heat-hotbar button{height:26px}.heat-preview strong{font-size:20px}.heat-preview{flex-wrap:wrap}.heat-extremes{gap:8px}.heat-extremes button{padding:10px}.heat-extremes strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.sales-heatmap button[data-level]{transition:none}.sales-heatmap button[data-level]:hover,.sales-heatmap button[data-level]:focus-visible{transform:none}}