/* Steadline Sales & Revenue Insights (Phase 6). Matches the Steadline app look; responsive to 320 px; print-friendly. */
:root{--ink:#101828;--mut:#667085;--line:#E4E7EC;--bg:#F5F7FB;--acc:#2563EB;--ok:#067647;--bad:#B42318}
*{box-sizing:border-box}html,body{margin:0}body{font:15px/1.55 Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}
.sri-head{display:flex;align-items:center;gap:12px;padding:14px 24px;background:#fff;border-bottom:1px solid var(--line);flex-wrap:wrap}
.sri-head a.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700}.sri-head img{width:30px;height:30px}
.sri-chip{margin-left:auto;font-size:12.5px;color:var(--ok);background:#ECFDF3;border:1px solid #ABEFC6;border-radius:999px;padding:4px 10px}
main{max-width:1180px;margin:0 auto;padding:24px 20px 48px;display:grid;gap:16px}
.sri-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}
h1{font-size:26px;line-height:1.2;margin:0 0 6px}h2{font-size:16px;margin:0 0 10px}
.sri-lead{font-size:16.5px;color:#344054;margin:0 0 18px;max-width:640px}.sri-muted,.sri-note{color:var(--mut);margin:0}.sri-note{font-size:13.5px;padding:0 4px}
.sri-k{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--acc)}
.sri-drop{display:grid;place-items:center;gap:4px;padding:40px 16px;border:2px dashed #B2CCFF;border-radius:14px;background:#F5F8FF;cursor:pointer;text-align:center}
.sri-drop b{font-size:17px;color:var(--acc)}.sri-drop span{color:var(--mut)}.sri-drop.on,.sri-drop:focus-visible{border-color:var(--acc);background:#EFF4FF;outline:none}
.sri-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.sri-row.end{justify-content:flex-end}
.sri-btn{font:inherit;font-weight:600;border:0;border-radius:10px;padding:10px 16px;background:var(--acc);color:#fff;cursor:pointer}.sri-btn:disabled{opacity:.45;cursor:not-allowed}
.sri-btn.ghost{background:#fff;color:var(--ink);border:1px solid #D0D5DD}.sri-btn.sm{padding:6px 12px;font-size:13.5px}.sri-btn:focus-visible{outline:3px solid #B2CCFF;outline-offset:2px}
.sri-link{color:var(--acc);font-weight:600;background:none;border:0;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;padding:0}
.sri-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.sri-facts p{margin:0;color:#475467;font-size:14px}
.sri-err{color:var(--bad);background:#FEF3F2;border:1px solid #FECDCA;border-radius:10px;padding:10px 12px;margin:12px 0 0}
.sri-warn{color:#93370D;background:#FFFAEB;border:1px solid #FEDF89;border-radius:10px;padding:10px 12px 10px 28px;margin:12px 0 0;font-size:14px}
.sri-top{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.sri-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:16px}
.sri-f{display:grid;gap:5px;font-weight:600;font-size:14px}.sri-f em{color:var(--bad);font-style:normal;font-weight:500;font-size:12px}.sri-f i{color:var(--mut);font-style:normal;font-weight:500;font-size:12px}
.sri-f small{color:var(--mut);font-weight:400}
select,input[type=date]{font:inherit;padding:9px 10px;border:1px solid #D0D5DD;border-radius:9px;background:#fff;min-width:0;width:100%}
.sri-amb{margin:16px 0 0;border:1px solid #FEDF89;background:#FFFAEB;border-radius:10px;padding:10px 14px}.sri-amb legend{font-weight:600;padding:0 4px}.sri-amb label{display:block;margin-top:4px}
.sri-check{margin-top:16px;padding:12px 14px;border-radius:10px;background:#F9FAFB;border:1px solid var(--line)}.sri-check p{margin:0}.sri-dup{display:block;margin-top:8px;color:#93370D}
.sri-prev{margin-top:14px}.sri-prev summary{cursor:pointer;color:var(--acc);font-weight:600}.sri-scroll{overflow-x:auto;margin-top:8px}
.sri-prev table{border-collapse:collapse;font-size:13px}.sri-prev th,.sri-prev td{border:1px solid var(--line);padding:5px 8px;white-space:nowrap;text-align:left}.sri-prev th{background:#F9FAFB}
.sri-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px}.sri-filters label{display:grid;gap:3px;font-size:12.5px;font-weight:600;color:#475467}
.sri-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.sri-kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:grid;gap:2px}.sri-kpi span{font-size:13px;color:var(--mut);font-weight:600}
.sri-kpi b{font-size:22px;letter-spacing:-.01em}.sri-kpi small{font-size:12.5px;color:var(--mut)}.sri-kpi small.up{color:var(--ok)}.sri-kpi small.down{color:var(--bad)}
.sri-chart-w{overflow:hidden}.sri-chart{width:100%;height:auto;display:block}
.sri-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sri-top-t{width:100%;border-collapse:collapse;font-size:14px}.sri-top-t th{font-size:12px;color:var(--mut);text-align:left;font-weight:600;padding:0 6px 6px}
.sri-top-t td{padding:7px 6px;border-top:1px solid var(--line);vertical-align:middle}.sri-top-t .r{text-align:right;white-space:nowrap}.sri-top-t .n{color:var(--mut);width:22px}
.sri-top-t td span{display:block;overflow-wrap:anywhere}.sri-bar-i{display:block;height:4px;border-radius:2px;background:#B2CCFF;margin-top:4px}
.sri-foot{display:grid;gap:10px}.sri-how summary{cursor:pointer;color:var(--acc);font-weight:600}.sri-how ul{margin:8px 0 0;color:#475467;font-size:14px}
.sri-empty{text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sri-legal{max-width:1180px;margin:0 auto;padding:0 20px 32px;color:var(--mut);font-size:13px}.sri-legal a{color:inherit}
@media (max-width:760px){.sri-facts,.sri-two{grid-template-columns:1fr}main{padding:16px 12px 40px}.sri-card{padding:16px}h1{font-size:22px}.sri-chip{margin-left:0}
  .sri-top-t th:nth-child(4),.sri-top-t td:nth-child(4){display:none}}
@media print{.sri-head .sri-chip,.sri-filters,.sri-row,.sri-btn,.sri-how summary,.sri-legal{display:none!important}body{background:#fff}.sri-card,.sri-kpi{border-color:#ccc;break-inside:avoid}main{padding:0}}