/* the Sales Command center: calm, dense where it must be, never a big CRM */
body[data-screen=command] #app { max-width:980px; }
#command h1 { font:700 clamp(20px,4.5vw,28px)/1.35 var(--display); margin:10px 0 14px; }
.cc-tabs { display:flex; gap:6px; overflow-x:auto; padding-bottom:6px; margin-bottom:14px; border-bottom:1px solid var(--line, rgba(127,127,127,.3)); }
.cc-tab { flex:0 0 auto; min-height:44px; padding:0 16px; border-radius:999px; border:1.5px solid transparent; background:transparent; color:inherit; font:600 15px var(--body); cursor:pointer; }
.cc-tab[aria-selected=true] { border-color:var(--brass, #E3A93A); background:var(--primary-soft, rgba(227,169,58,.14)); }
.cc-card { background:var(--card, rgba(127,127,127,.08)); border-radius:var(--r); padding:16px; margin:0 0 14px; }
.cc-card h2 { font:700 17px var(--display); margin:0 0 10px; }
.cc-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin:0 0 14px; }
.cc-stat { background:var(--card, rgba(127,127,127,.08)); border-radius:var(--r); padding:12px 14px; display:grid; gap:2px; }
.cc-stat b { font:700 28px/1.1 var(--display); }
.cc-stat span { font-size:14px; } .cc-stat small { font-size:13px; opacity:.85; }
.cc-stats.sm .cc-stat b { font-size:20px; }
.cc-list { margin:0; padding-inline-start:20px; display:grid; gap:8px; line-height:1.7; }
.cc-none, .cc-fine { margin:0; font-size:14px; opacity:.9; }
.cc-badge { display:inline-block; padding:2px 10px; border-radius:999px; font:600 13px var(--body); background:rgba(127,127,127,.2); }
.cc-badge.ok { background:rgba(46,160,90,.22); }
.cc-demo { background:rgba(227,169,58,.18); border:1px dashed var(--brass, #E3A93A); border-radius:var(--r); padding:10px 14px; margin:0 0 14px; font-weight:600; }
.cc-rep { background:var(--card, rgba(127,127,127,.08)); border-radius:var(--r); padding:14px; margin:0 0 12px; }
.cc-rep h2 { display:inline-block; margin:0 0 8px; font:700 17px var(--display); }
.cc-tablewrap { overflow-x:auto; }
.cc-table { width:100%; border-collapse:collapse; font-size:14px; min-width:640px; }
.cc-table th, .cc-table td { text-align:start; padding:8px 10px; border-bottom:1px solid rgba(127,127,127,.25); vertical-align:top; }
.cc-add { display:grid; gap:8px; max-width:420px; } .cc-add input { min-height:44px; padding:0 12px; border-radius:10px; border:1.5px solid rgba(127,127,127,.4); background:transparent; color:inherit; }