/* Rally Media — Command Center (cloud) */
:root{
  --red:#c8372b; --red-d:#a82a20; --ink:#1c1c1a; --body:#4a463f; --muted:#8a857c;
  --cream:#f4f1ea; --line:#e6e1d8; --white:#fff;
  --new:#64748b; --contacted:#2563eb; --quoted:#a87f10; --won:#1f7a44; --lost:#b04046;
  --r:12px; --sh:0 1px 2px rgba(28,28,26,.05),0 8px 26px rgba(28,28,26,.06);
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}   /* make sure hidden screens actually hide */
body{font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--cream);color:var(--body);-webkit-font-smoothing:antialiased;position:relative}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.4;
  background-image:linear-gradient(rgba(28,28,26,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(28,28,26,.04) 1px,transparent 1px);background-size:30px 30px}
.app,.auth-wrap{position:relative;z-index:1}
h1,h2,h3,h4{font-family:'Barlow Condensed','Oswald',sans-serif;color:var(--ink);font-weight:700;text-transform:uppercase;letter-spacing:.01em}
a{color:inherit;text-decoration:none}
.muted{color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:14px;padding:10px 16px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:.15s;font-family:inherit;white-space:nowrap}
.btn-primary{background:var(--red);color:#fff;border-color:var(--red-d)}
.btn-primary:hover{background:var(--red-d)}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--red);color:var(--red)}
.btn-danger-ghost{background:#fff;color:var(--lost);border-color:#ecc7cb}
.btn-danger-ghost:hover{background:#fbe9ec}

/* brand */
.brand{display:flex;align-items:center;gap:11px}
.brand-mark{width:38px;height:38px;border-radius:10px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;flex:0 0 auto;font-family:'Barlow Condensed',sans-serif}
.brand-name{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);font-size:19px;line-height:1.05}
.brand-tag{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}

/* ---- login ---- */
.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;
  background:radial-gradient(900px 500px at 50% -10%,rgba(200,55,43,.06),transparent 60%),var(--cream)}
.auth-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);padding:34px 32px;width:100%;max-width:400px}
.auth-card h1{font-size:26px;margin:22px 0 4px}
.auth-card form{margin-top:20px;display:flex;flex-direction:column}
label{font-size:12.5px;font-weight:700;color:var(--ink);margin:12px 0 5px}
input,select,textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:14.5px;font-family:inherit;color:var(--ink);background:#fcfbf9}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(200,55,43,.12)}
.auth-card .btn{margin-top:20px;width:100%;padding:12px}
.auth-msg{margin-top:12px;font-size:13px;text-align:center;min-height:18px}
.auth-msg.err{color:var(--lost)}.auth-msg.ok{color:var(--won)}
.auth-foot{font-size:12px;color:var(--muted)}

/* ---- app shell ---- */
.app{min-height:100vh}
.topbar{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid rgba(28,28,26,.1);box-shadow:0 1px 0 rgba(28,28,26,.04),0 3px 14px rgba(28,28,26,.05);display:flex;align-items:center;gap:24px;padding:0 18px;height:62px}
.topnav{display:flex;gap:0;flex:1;align-items:stretch;height:100%}
.topnav .nav-tab{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:600;font-size:15.5px;color:rgba(28,28,26,.5);padding:0 14px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-bottom:3px solid transparent;border-radius:0;height:62px}
.topnav .nav-tab:hover{color:var(--ink);background:rgba(28,28,26,.03)}
.topnav .nav-tab.active{color:var(--ink);border-bottom-color:var(--red);background:none}
.topnav .cv{width:13px;height:13px;opacity:.55;margin-top:1px}
.navg-wrap{position:relative;display:flex;align-items:stretch}
.navdd{position:absolute;top:100%;left:0;min-width:185px;background:#fff;border:1px solid rgba(28,28,26,.12);border-radius:0 0 10px 10px;box-shadow:0 14px 34px rgba(28,28,26,.14);padding:6px;display:none;z-index:40}
.navg-wrap:hover .navdd,.navg-wrap:focus-within .navdd{display:block}
.navdd a{display:block;padding:9px 12px;border-radius:7px;font-size:13.5px;font-weight:600;color:var(--ink);cursor:pointer;font-family:'Barlow',sans-serif}
.navdd a:hover{background:rgba(200,55,43,.07);color:var(--red)}
.top-right{display:flex;align-items:center;gap:12px}
.user-email{font-size:13px;color:var(--muted)}
@media(max-width:860px){
  .topbar{gap:12px;overflow-x:auto}
  .brand-tag{display:none}
  .topnav .nav-tab{padding:0 10px;font-size:14px}
  .user-email{display:none}
}
.wrap{max-width:none;margin:0 auto;padding:24px 26px 60px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.page-head h2{font-size:28px}
.stat-val,.kit-price,.deal-val{font-family:'Barlow Condensed','Oswald',sans-serif}
.stat-label{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.13em}

/* ---- board ---- */
.board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding-bottom:6px}
.col{background:#fbfaf7;border:1px solid var(--line);border-radius:14px;padding:0 12px 12px;min-height:160px;flex:0 0 236px;width:236px;max-height:calc(100vh - 170px);overflow-y:auto}
.col-head{position:sticky;top:0;background:#fbfaf7;z-index:2;padding-top:12px;padding-bottom:8px;margin-bottom:2px!important}
.col-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:2px 4px}
.col-title{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:7px}
.dot{width:9px;height:9px;border-radius:50%}
.col-count{font-size:11px;font-weight:700;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:99px;padding:1px 8px}
.deal{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px 13px;margin-bottom:9px;cursor:pointer;transition:.14s}
.deal:hover{border-color:var(--red);box-shadow:0 4px 14px rgba(200,55,43,.1);transform:translateY(-1px)}
.deal-biz{font-weight:700;color:var(--ink);font-size:14px}
.deal-contact{font-size:12.5px;color:var(--muted);margin-top:1px}
.deal-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}
.deal-val{font-weight:800;color:var(--won);font-size:13px}
.deal-pl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--cream);border-radius:5px;padding:2px 6px}
.col-empty{font-size:12px;color:#c4bfb5;text-align:center;padding:14px 0}

/* ---- modal ---- */
.modal{position:fixed;inset:0;background:rgba(28,28,26,.45);display:grid;place-items:center;z-index:60;padding:18px}
.modal-card{background:#fff;border-radius:16px;box-shadow:0 30px 70px rgba(0,0,0,.3);width:100%;max-width:480px;max-height:92vh;overflow:auto}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.modal-head h3{font-size:18px}
.x{background:none;border:0;font-size:26px;line-height:1;color:var(--muted);cursor:pointer}
#deal-form{padding:18px 20px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.modal-actions{display:flex;align-items:center;gap:10px;margin-top:20px}
.modal-actions .spacer{flex:1}

/* dot colors */
.dot.new{background:var(--new)}.dot.contacted{background:var(--contacted)}.dot.quoted{background:var(--quoted)}.dot.won{background:var(--won)}.dot.lost{background:var(--lost)}
.dot.signed{background:#7c3aed}.dot.paid{background:var(--won)}.dot.intake{background:var(--contacted)}.dot.build{background:var(--quoted)}.dot.live{background:#0e8c9c}
.dot.active{background:var(--won)}.dot.project{background:var(--contacted)}.dot.upsell{background:var(--quoted)}.dot.renewal{background:#7c3aed}
.dot.c1,.dot.c2,.dot.c3,.dot.c4,.dot.c5{background:#94a3b8}
.dot.dm{background:#7c3aed}.dot.demo_set{background:var(--quoted)}.dot.demo_ran{background:#0e8c9c}

/* ---- call-back task bar ---- */
.task-panel{margin-bottom:16px}
.task{display:flex;align-items:center;gap:14px;padding:9px 10px;border-top:1px solid var(--cream);cursor:pointer;font-size:13.5px}
.task:first-child{border-top:0}
.task:hover .t-biz{color:var(--red)}
.t-when{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;color:var(--muted);flex:0 0 170px}
.task.t-over .t-when{color:var(--red)}
.task.t-today .t-when{color:var(--quoted)}
.t-biz{font-weight:700;color:var(--ink);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t-call{font-weight:600;color:var(--red);white-space:nowrap}
.t-stage{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--cream);border-radius:5px;padding:3px 8px;white-space:nowrap}

/* ---- pipeline switcher + card links ---- */
.pipe-tabs{display:flex;gap:8px;margin-bottom:16px}
.pipe-tab{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:14.5px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:8px 18px;color:var(--muted);cursor:pointer;transition:.14s}
.pipe-tab:hover{border-color:var(--red);color:var(--red)}
.pipe-tab.active{background:var(--ink);border-color:var(--ink);color:#fff}
.deal-links{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.deal-link{display:inline-block;font-size:10.5px;font-weight:700;color:var(--red);background:rgba(200,55,43,.07);border:1px solid rgba(200,55,43,.22);border-radius:99px;padding:2px 8px}
.deal-link:hover{background:var(--red);color:#fff}
.deal.dragging{opacity:.45;transform:rotate(1.5deg)}
.col.drag-over{border-color:var(--red);background:rgba(200,55,43,.05);box-shadow:inset 0 0 0 1px var(--red)}

/* ---- tier 1: search, outcomes, activity, queue ---- */
.pipe-head-right{display:flex;align-items:center;gap:10px}
.search-input{width:280px;padding:10px 14px;border:1px solid var(--line);border-radius:99px;font-size:13.5px;font-family:inherit;background:#fff;color:var(--ink)}
.search-input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(200,55,43,.12)}
.deal-acts{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
.act-btn{font-family:inherit;font-size:11px;font-weight:700;padding:5px 9px;border-radius:7px;border:1px solid var(--line);background:#fff;color:var(--body);cursor:pointer;transition:.13s}
.act-btn:hover{border-color:var(--ink);color:var(--ink)}
.act-btn.ok{border-color:rgba(31,122,68,.35);color:var(--won)}
.act-btn.ok:hover{background:var(--won);color:#fff;border-color:var(--won)}
.act-btn.bad{border-color:rgba(176,64,70,.35);color:var(--lost)}
.act-btn.bad:hover{background:var(--lost);color:#fff;border-color:var(--lost)}
.q-head{margin-top:16px;border-top:1px solid var(--cream);padding-top:14px}
.task .deal-acts{margin-top:0;margin-left:auto}
.act-log{margin-top:14px}
.act-title{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}
.act-row{font-size:12.5px;color:var(--body);padding:5px 0;border-top:1px solid var(--cream)}
.act-row .act-t{color:var(--muted);font-size:11.5px;margin-right:8px}
@media(max-width:860px){.search-input{width:150px}}

/* (dark theme moved to end of file so it wins the cascade) */

/* ---- Jarvis ---- */
.jarvis-btn{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:9px;background:linear-gradient(135deg,#ff5a4f,#d83228);color:#fff;border:1px solid #c2271c;border-radius:999px;padding:13px 20px 13px 16px;font:700 15px 'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;box-shadow:0 10px 34px rgba(255,68,56,.4);transition:.18s}
.jarvis-btn:hover{transform:translateY(-2px);box-shadow:0 14px 42px rgba(255,68,56,.5)}
.jarvis-panel{position:fixed;right:22px;bottom:22px;z-index:61;width:400px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 44px);background:rgba(17,21,28,.97);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6);display:flex;flex-direction:column;overflow:hidden}
.j-head{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,68,56,.16),transparent)}
.j-title{font:700 18px 'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#fff;display:flex;flex-direction:column}
.j-sub{font:500 11px 'Barlow',sans-serif;text-transform:none;letter-spacing:0;color:var(--muted)}
.j-x{margin-left:auto;background:none;border:0;color:#fff;font-size:22px;cursor:pointer;opacity:.7;line-height:1}
.j-x:hover{opacity:1}
.j-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
.j-msg{max-width:88%;padding:10px 13px;border-radius:13px;font-size:13.5px;line-height:1.55}
.j-ai{background:var(--srf2);border:1px solid rgba(255,255,255,.08);color:var(--ink);align-self:flex-start;border-bottom-left-radius:5px}
.j-me{background:linear-gradient(135deg,#ff5a4f,#d83228);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
.j-typing{color:var(--muted);font-style:italic}
.j-quick{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 10px}
.j-quick button{background:rgba(255,255,255,.05);border:1px solid rgba(255,68,56,.4);color:#ff8d84;border-radius:999px;padding:7px 12px;font:600 12px 'Barlow',sans-serif;cursor:pointer;transition:.14s}
.j-quick button:hover{background:var(--red);color:#fff}
#j-form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.08)}
#j-form input{flex:1;border-radius:999px;padding:11px 16px}
#j-form .btn{border-radius:999px;padding:10px 18px}
@media(max-width:680px){.jarvis-panel{right:8px;bottom:8px;height:calc(100vh - 16px)}}

/* ---- auth toggle (create account / sign in) ---- */
.auth-toggle{margin-top:18px;text-align:center;font-size:13.5px;color:var(--muted)}
.auth-toggle a{color:var(--red);font-weight:700;cursor:pointer;margin-left:5px}
.auth-toggle a:hover{text-decoration:underline}

/* ---- top nav tabs ---- */
.nav-tab{font-weight:600;font-size:14px;color:var(--muted);padding:8px 13px;border-radius:8px;cursor:pointer}
.nav-tab:hover{color:var(--ink)}
.nav-tab.active{color:var(--ink);background:var(--cream)}

/* ---- clients / portfolio card grid ---- */
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;align-items:start}
.gcard{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 17px;cursor:pointer;transition:.14s}
.gcard:hover{border-color:var(--red);box-shadow:0 6px 18px rgba(200,55,43,.1);transform:translateY(-2px)}
.gcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.gcard-title{font-weight:700;color:var(--ink);font-size:15px}
.gcard-sub{font-size:12.5px;color:var(--body);margin-top:3px}
.gcard-meta{font-size:12px;color:var(--muted);margin-top:6px}
.gcard-link{display:inline-block;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--red)}
.gcard-link:hover{text-decoration:underline}
.empty-grid{grid-column:1/-1;text-align:center;color:var(--muted);font-size:13.5px;padding:34px;background:#fbfaf7;border:1px dashed var(--line);border-radius:13px}
.tag{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:99px;white-space:nowrap;flex:0 0 auto}
.tag-active,.tag-live{background:rgba(31,122,68,.12);color:var(--won)}
.tag-onboarding,.tag-testing{background:rgba(168,127,16,.12);color:var(--quoted)}
.tag-paused,.tag-template{background:rgba(37,99,235,.1);color:var(--contacted)}
.tag-past{background:rgba(138,133,124,.15);color:var(--muted)}

/* ---- home overview ---- */
.stat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}
@media(max-width:1100px){.stat-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.stat-row{grid-template-columns:repeat(2,1fr)}}
.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:15px 16px}
.stat-label{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.stat-val{font-size:24px;font-weight:800;color:var(--ink);margin-top:5px;line-height:1.1}
.stat-sub{font-size:11.5px;color:var(--muted);margin-top:3px}
.home-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:820px){.home-cols{grid-template-columns:1fr}}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.panel-head h3{font-size:15px}
.link-btn{font-size:12.5px;font-weight:700;color:var(--red);cursor:pointer}
.link-btn:hover{text-decoration:underline}
.li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--cream)}
.li:last-child{border-bottom:0}
.li-body{flex:1;min-width:0}
.li-title{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li-sub{font-size:12px;color:var(--muted);margin-top:1px}
.li-right{flex-shrink:0;font-size:13px;font-weight:700}

/* ---- quick actions ---- */
.quick-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.qbtn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:10px 16px;font:600 13.5px/1 'Inter',system-ui,sans-serif;color:var(--ink);cursor:pointer;transition:.14s}
.qbtn:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}
.qbtn .qi{font-size:15px}

/* ---- close kit ---- */
.kit-panel{margin:18px 0 4px}
.kit-note{font-size:12.5px;color:var(--muted);font-weight:500}
.kit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}
.kit-card{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:#fff;transition:.15s}
.kit-card:hover{border-color:var(--red);box-shadow:0 4px 14px rgba(200,55,43,.08)}
.kit-name{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}
.kit-price{font-size:26px;font-weight:800;color:var(--ink);margin-top:4px}
.kit-price span{font-size:13px;font-weight:600;color:var(--muted)}
.kit-sub{font-size:12.5px;color:var(--body);margin-top:4px;min-height:32px}
.kit-btns{display:flex;gap:8px;margin-top:10px}
.kit-btns .btn{padding:8px 12px;font-size:12.5px}
.kit-copy.copied{background:#1f7a44;border-color:#1f7a44;color:#fff}

/* ---- briefing ---- */
.brief-i{flex:0 0 auto;font-size:15px;width:22px;text-align:center}
.li[data-view]:hover .li-title{color:var(--red)}
.deal-pl.overdue{background:rgba(200,55,43,.1);color:var(--red)}

/* ---- intake ---- */
.intake-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh);padding:26px 28px;max-width:760px}
.intake-sec{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--red);margin:22px 0 4px;padding-top:14px;border-top:1px solid var(--cream)}
.intake-card .intake-sec:first-of-type{margin-top:0;padding-top:0;border-top:0}

/* ---- analytics bars ---- */
.bar-row{display:flex;align-items:center;gap:10px;padding:7px 0}
.bar-label{flex:0 0 92px;font-size:12.5px;font-weight:600;color:var(--body)}
.bar-track{flex:1;height:14px;background:var(--cream);border-radius:99px;overflow:hidden}
.bar-fill{height:100%;border-radius:99px;background:var(--red);min-width:2px;transition:width .4s ease}
.bar-fill.new{background:var(--new)}.bar-fill.contacted{background:var(--contacted)}.bar-fill.quoted{background:var(--quoted)}.bar-fill.won{background:var(--won)}.bar-fill.lost{background:var(--lost)}
.bar-num{flex:0 0 auto;font-size:12.5px;font-weight:700;color:var(--ink);min-width:46px;text-align:right}

/* ---- playbooks ---- */
.pb-layout{display:grid;grid-template-columns:290px 1fr;gap:14px;align-items:start}
@media(max-width:860px){.pb-layout{grid-template-columns:1fr}}
.pb-list{display:flex;flex-direction:column;gap:10px}
.pb-item{background:var(--srf,#fff);border:1px solid var(--line);border-radius:6px;padding:13px 15px;cursor:pointer;transition:.14s}
.pb-item:hover{border-color:rgba(255,68,56,.5)}
.pb-item.active{border-color:rgba(255,68,56,.55);box-shadow:inset 3px 0 0 var(--red)}
.pb-item-title{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:15.5px;color:var(--ink)}
.pb-item.active .pb-item-title{color:var(--red)}
.pb-item-sub{font-size:12px;color:var(--muted);margin-top:2px}
.pb-head{align-items:flex-start;padding-bottom:12px;border-bottom:1px solid var(--line)}
.pb-title{font-size:22px}
.pb-subtitle{font-size:12.5px;margin-top:2px;text-transform:none;letter-spacing:0}
.pb-sec{border-bottom:1px solid var(--line)}
.pb-sec:last-child{border-bottom:0}
.pb-sec-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:none;border:0;padding:13px 2px;cursor:pointer;font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:15px;color:var(--ink);text-align:left}
.pb-sec-head:hover{color:var(--red)}
.pb-sec-head .cv{width:13px;height:13px;opacity:.55;transition:transform .15s;flex:0 0 auto}
.pb-sec.open .pb-sec-head .cv{transform:rotate(180deg)}
.pb-sec-body{padding:0 2px 16px;font-size:13.5px;line-height:1.6;color:var(--body)}
.pb-p{margin:6px 0}
.pb-step{margin:8px 0 4px;font-weight:700;color:var(--ink)}
.pb-li{position:relative;padding-left:17px;margin:4px 0}
.pb-li::before{content:'';position:absolute;left:2px;top:7px;width:7px;height:7px;background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%,25% 50%)}
.pb-gap{height:8px}
.pb-say{border-left:3px solid var(--red);background:rgba(255,68,56,.07);color:var(--ink);padding:9px 13px;margin:8px 0;border-radius:0 4px 4px 0;font-size:13.5px;line-height:1.6}

/* ---- this week strip (home) ---- */
.week-panel{margin:14px 0}
.week-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}
@media(max-width:1100px){.week-strip{grid-template-columns:repeat(4,1fr)}}
@media(max-width:620px){.week-strip{grid-template-columns:repeat(2,1fr)}}
.wk-day{background:var(--srf2,#fbfaf7);border:1px solid var(--line);border-radius:6px;padding:9px 10px;min-height:96px}
.wk-today{border-color:rgba(255,68,56,.45)}
.wk-head{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
.wk-dow{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12.5px;color:var(--ink)}
.wk-today .wk-dow{color:var(--red)}
.wk-date{font-size:11px;color:var(--muted)}
.wk-count{margin-left:auto;font-size:10.5px;font-weight:700;color:#ff8d84;background:rgba(255,68,56,.12);border:1px solid rgba(255,68,56,.3);border-radius:99px;padding:0 7px;line-height:16px}
.wk-item{padding:6px 0 5px;border-top:1px solid var(--line);cursor:pointer}
.wk-item:hover .wk-biz{color:var(--red)}
.wk-time{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.wk-biz{display:block;font-size:12.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-phone{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-empty{color:#4a5462;font-size:12px;padding:6px 0 2px}

/* ═══════════ RALLY 2026 — dark command-center theme (must stay LAST in this file) ═══════════ */
:root{
  --red:#ff4438; --red-d:#d83228;
  --ink:#edf0f6; --body:#b9c0cc; --muted:#8a93a3;
  --cream:#10151c; --line:rgba(255,255,255,.09);
  --bg:#0e1116; --srf:#151a22; --srf2:#1b212b;
  --new:#94a3b8; --contacted:#5b9bff; --quoted:#eac23f; --won:#3ecf8e; --lost:#e9606b;
  --crimson:#d6212d; --crimson-d:#a8121d; --chrome:#8f97a3;
  --sh:0 1px 2px rgba(0,0,0,.4),0 10px 30px rgba(0,0,0,.35);
}
body{background:var(--bg);color:var(--body)}
body::after{opacity:.5;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(900px 500px at 85% -10%,rgba(255,68,56,.09),transparent 60%),radial-gradient(700px 420px at -10% 110%,rgba(91,155,255,.06),transparent 60%)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#2a313d;border-radius:99px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:#3a4350}
.topbar{background:rgba(17,21,28,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(255,68,56,.25),0 10px 30px rgba(0,0,0,.4)}
.topnav .nav-tab{color:rgba(237,240,246,.52);background:none}
.topnav .nav-tab:hover{color:#fff;background:rgba(255,255,255,.05)}
.topnav .nav-tab.active{color:#fff;border-bottom-color:var(--red);background:none}
.navdd{background:var(--srf2);border-color:var(--line);box-shadow:0 18px 44px rgba(0,0,0,.55)}
.navdd a{color:var(--ink)}
.navdd a:hover{background:rgba(255,68,56,.12);color:#ff6f64}
.brand-mark{background:transparent;border-radius:0}
.auth-wrap{background:radial-gradient(900px 500px at 50% -10%,rgba(255,68,56,.12),transparent 60%),var(--bg)}
.auth-card,.modal-card,.intake-card{background:var(--srf);border:1px solid var(--line)}
input,select,textarea{background:#0f141b;border-color:rgba(255,255,255,.13);color:var(--ink)}
input::placeholder,textarea::placeholder{color:#5d6675}
input:focus,select:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(255,68,56,.18)}
.btn-ghost,.btn-danger-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.16)}
.btn-ghost{color:var(--ink)}
.btn-danger-ghost:hover{background:rgba(233,96,107,.12)}
.btn-primary{background:linear-gradient(135deg,#ff5a4f,#e63a2e);border-color:#c2271c;box-shadow:0 2px 10px rgba(255,68,56,.3)}
.btn-primary:hover{background:linear-gradient(135deg,#ff6f64,#f0473b)}
.panel,.stat,.gcard,.kit-card,.qbtn{background:var(--srf);border-color:var(--line)}
.qbtn{color:var(--ink)}
.qbtn:hover,.gcard:hover,.kit-card:hover{border-color:rgba(255,68,56,.5)}
.col,.col-head{background:#11161e}
.col{border-color:var(--line)}
.col-count{background:rgba(255,255,255,.06);border-color:var(--line)}
.deal{background:var(--srf2);border-color:rgba(255,255,255,.1)}
.deal:hover{border-color:rgba(255,68,56,.55);box-shadow:0 6px 18px rgba(0,0,0,.4)}
.empty-grid{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.12)}
.deal-pl{background:rgba(255,255,255,.06);color:var(--muted)}
.deal-pl.overdue{background:rgba(255,68,56,.16);color:#ff8d84}
.deal-link{color:#ff8d84;background:rgba(255,68,56,.1);border-color:rgba(255,68,56,.3)}
.deal-link:hover{background:var(--red);color:#fff}
.deal-val{color:var(--won)}
.pipe-tab,.search-input,.act-btn{background:var(--srf);border-color:rgba(255,255,255,.14)}
.pipe-tab.active{background:var(--red);border-color:var(--red-d);color:#fff}
.search-input{color:var(--ink)}
.act-btn{color:var(--body)}
.act-btn:hover{border-color:#fff;color:#fff}
.act-btn.ok{border-color:rgba(62,207,142,.4);color:var(--won)}
.act-btn.ok:hover{background:var(--won);color:#06281a;border-color:var(--won)}
.act-btn.bad{border-color:rgba(233,96,107,.4);color:var(--lost)}
.act-btn.bad:hover{background:var(--lost);color:#2b0d12;border-color:var(--lost)}
.t-stage{background:rgba(255,255,255,.07)}
.task{border-top-color:rgba(255,255,255,.06)}
.task.t-over .t-when{color:#ff8d84}
.act-row{border-top-color:rgba(255,255,255,.06)}
.kit-copy.copied{background:var(--won);border-color:var(--won);color:#06281a}
label{color:var(--ink)}
.col.drag-over{background:rgba(255,68,56,.08)}
.li{border-bottom-color:rgba(255,255,255,.06)}
.bar-track{background:rgba(255,255,255,.07)}
.tag-active,.tag-live{background:rgba(62,207,142,.14)}
.tag-onboarding,.tag-testing{background:rgba(234,194,63,.14)}
.tag-paused,.tag-template{background:rgba(91,155,255,.14)}
.tag-past{background:rgba(255,255,255,.08)}
.col-empty{color:#4a5462}
.modal{background:rgba(5,8,12,.7)}

/* ---- Portfolio 2.0 ---- */
.pf-sec{margin-bottom:30px}
.pf-sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.pf-sec-head h3{font-size:19px}
.pf-count{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;font-size:13px;color:#ff8d84;background:rgba(255,68,56,.12);border:1px solid rgba(255,68,56,.3);border-radius:99px;padding:2px 10px}
.pf-card{padding:0;overflow:hidden}
.pf-shot{position:relative;height:150px;background:linear-gradient(135deg,#1b212b,#11161e);border-bottom:1px solid var(--line)}
.pf-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.pf-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.pf-ph span{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;font-size:42px;color:rgba(255,255,255,.16);letter-spacing:.04em}
.pf-ph em{font-style:normal;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(255,255,255,.25)}
.pf-body{padding:14px 16px 16px}
.pf-actions{display:flex;gap:8px;margin-top:12px}
.pf-actions .btn{padding:8px 12px;font-size:12.5px;flex:1}

/* ---- client onboarding link + submissions ---- */
.ob-linkrow{display:flex;gap:10px}
.ob-linkrow input{flex:1}
@media(max-width:560px){.ob-linkrow{flex-direction:column}}
.in-item{border-top:1px solid rgba(255,255,255,.07)}
.in-item:first-child{border-top:0}
.in-head{display:flex;align-items:center;gap:12px;padding:11px 4px;cursor:pointer}
.in-head:hover .in-biz{color:var(--red)}
.in-biz{font-weight:700;color:var(--ink);flex:1;min-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.in-meta{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.in-status{width:auto;padding:6px 10px;font-size:12.5px;border-radius:7px}
.in-caret{color:var(--muted);font-size:12px;transition:transform .15s}
.in-item.open .in-caret{display:inline-block;transform:rotate(180deg)}
.in-qa{padding:2px 4px 14px}
.qa-sec{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--red);margin:12px 0 4px}
.qa{display:flex;gap:14px;padding:5px 0;font-size:13px}
.qa-q{flex:0 0 230px;color:var(--muted)}
.qa-a{flex:1;color:var(--ink);white-space:pre-wrap;word-break:break-word}
@media(max-width:700px){.qa{flex-direction:column;gap:2px}.qa-q{flex:none}.in-meta{display:none}}

/* ---- RACER DNA — extracted from gorallymedia.com (part of the dark brand layer; keep this at the very end) ----
   Source DNA: Barlow Condensed 700 caps w/ tight tracking · Bebas Neue numerals · crimson oklch(55.5% .214 25.5)
   · clip-path parallelogram CTAs · checkered-flag micro-texture · corner slash clusters · pennant flag glyphs
   · ghost grid numbers · red key-word + period in headings */

/* type: tighter condensed display, Bebas numerals */
h1,h2,h3,h4{letter-spacing:-.02em}
.page-head h2{font-size:30px;letter-spacing:-.025em}
.page-head h2::after,#auth-title::after{content:'.';color:var(--red)}
.stat-val,.kit-price{font-family:'Bebas Neue','Barlow Condensed',sans-serif;font-weight:400;letter-spacing:.015em}
.stat-val{font-size:30px}
.kit-price span{font-family:'Barlow',sans-serif}
/* starting-grid stat cards: slanted red gate dash above each number (site stat band) */
.stat::before{content:'';display:block;width:26px;height:3px;background:var(--red);clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);margin-bottom:9px}
/* sharp racing radii (site --radius: .25rem) */
.panel,.stat,.gcard,.kit-card,.qbtn,.col,.deal,.intake-card,.empty-grid,.auth-card,.modal-card{border-radius:6px}
input,select,textarea,.search-input,.in-status,.act-btn{border-radius:4px}
.navdd{border-radius:0 0 4px 4px}
/* wordmark: MEDIA in red (site header treatment) */
.brand-name em{font-style:normal;color:var(--red)}
.brand-mark{width:36px;height:36px}
/* buttons: condensed caps + angled crimson parallelogram CTA w/ speed-line sheen */
.btn{border-radius:0;font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:14.5px}
.btn-primary{position:relative;overflow:hidden;border:1px solid transparent;clip-path:polygon(9px 0%,100% 0%,calc(100% - 9px) 100%,0% 100%);background:linear-gradient(180deg,#e8323a,var(--crimson-d));box-shadow:none;padding:10px 24px}
.btn-primary:hover{background:linear-gradient(180deg,#f4434a,#c01722)}
.btn-primary::after{content:'';position:absolute;top:0;bottom:0;left:-45%;width:24%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .4s ease;pointer-events:none}
.btn-primary:hover::after{left:120%}
#j-form .btn{border-radius:0}
/* topbar: checkered finish-line strip along the bottom edge */
.topbar::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:repeating-conic-gradient(rgba(255,255,255,.13) 0% 25%,transparent 0% 50%);background-size:8px 8px;pointer-events:none}
.topbar{border-bottom-color:rgba(255,68,56,.35)}
.topnav .nav-tab{letter-spacing:.06em}
/* pipeline tabs: slanted grid markers */
.pipe-tab{border-radius:0;transform:skewX(-10deg)}
.pipe-tab.active{background:linear-gradient(180deg,#e8323a,var(--crimson-d));border-color:transparent;color:#fff}
/* pennant flag ticks on section titles + quick actions (logo flag motif) */
.panel-head h3::before,.intake-sec::before{content:'';display:inline-block;width:12px;height:11px;margin-right:8px;background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%,25% 50%)}
.qbtn .qi{display:none}
.qbtn::before{content:'';display:inline-block;width:10px;height:10px;background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%,25% 50%);flex:0 0 auto}
/* corner speed-line slash clusters (site hero corners) */
body::before{background:
  radial-gradient(900px 500px at 85% -10%,rgba(255,68,56,.09),transparent 60%),
  radial-gradient(700px 420px at -10% 110%,rgba(91,155,255,.06),transparent 60%),
  repeating-linear-gradient(115deg,rgba(255,68,56,.06) 0 1px,transparent 1px 13px),
  repeating-linear-gradient(115deg,rgba(255,68,56,.05) 0 1px,transparent 1px 13px);
  background-repeat:no-repeat;
  background-size:auto,auto,460px 300px,420px 280px;
  background-position:0 0,0 0,calc(100% + 80px) -60px,-70px calc(100% + 50px)}
/* auth card: roof stripe + checker corner */
.auth-card{position:relative;overflow:hidden}
.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--red),var(--crimson-d) 60%,transparent)}
.auth-card::after{content:'';position:absolute;top:4px;left:0;width:120px;height:5px;background:repeating-conic-gradient(rgba(255,255,255,.16) 0% 25%,transparent 0% 50%);background-size:8px 8px}
/* modals: racing stripe along the top */
.modal-card::before{content:'';display:block;height:4px;background:linear-gradient(90deg,var(--red),transparent 75%);flex:0 0 auto}
/* jarvis: angled pit-wall badge */
.jarvis-btn{border-radius:0;clip-path:polygon(11px 0%,100% 0%,calc(100% - 11px) 100%,0% 100%);background:linear-gradient(180deg,#e8323a,var(--crimson-d));border:0;box-shadow:none}
.jarvis-btn:hover{transform:translateY(-2px);box-shadow:none}
/* deal cards: red racing-stripe edge on hover */
.deal:hover{box-shadow:inset 3px 0 0 var(--red),0 6px 18px rgba(0,0,0,.4)}
/* demo garage: quick links to all live demos */
.garage-panel{margin-bottom:18px}
.garage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px}
.garage-card{display:flex;flex-direction:column;gap:3px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:var(--srf2,#1b212b);transition:.14s;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}
.garage-card:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:inset 3px 0 0 var(--red),0 8px 20px rgba(0,0,0,.4)}
.garage-card .g-trade{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.13em;font-size:10.5px;font-weight:700;color:var(--red)}
.garage-card .g-name{font-weight:700;color:var(--ink);font-size:14.5px}
/* close kit: tier labels + featured "Pro" card */
.kit-tier-label{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;font-weight:700;color:var(--muted);margin:18px 0 2px}
.kit-tier-label:first-of-type{margin-top:6px}
.kit-featured{position:relative;border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 10px 30px rgba(255,68,56,.14)}
.kit-featured .kit-price{color:var(--red)}
.kit-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(180deg,#e8323a,var(--crimson-d,#a8121d));color:#fff;font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;padding:3px 14px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);white-space:nowrap}
/* import-leads modal */
.imp-body{display:flex;flex-direction:column;gap:10px}
.imp-hint{font-size:13px;line-height:1.45;color:var(--muted)}
.imp-drop{border:1.5px dashed var(--line);border-radius:6px;padding:18px;text-align:center;background:var(--srf2,#1b212b);transition:.14s}
.imp-drop.imp-drag{border-color:var(--red);background:rgba(255,68,56,.06)}
.imp-drop-text{font-size:13px;color:var(--muted)}
.imp-browse{background:none;border:0;color:var(--red);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}
#imp-paste{font-family:ui-monospace,'SFMono-Regular',Menlo,monospace;font-size:12.5px;white-space:pre;overflow:auto}
.imp-actions-row{display:flex;justify-content:flex-end}
.imp-result{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}
.imp-count{font-size:13px;color:var(--body)}
.imp-count b{color:var(--ink)}
.imp-empty,.imp-err{font-size:13px;color:var(--muted)}
.imp-err{color:var(--red)}
.imp-table{width:100%;border-collapse:collapse;font-size:12.5px}
.imp-table th{text-align:left;font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:11px;color:var(--muted);padding:4px 8px;border-bottom:1px solid var(--line)}
.imp-table td{padding:5px 8px;border-bottom:1px solid var(--line);color:var(--body);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.imp-more{font-size:12px;color:var(--muted)}

/* ---- tap-to-dial + quick texts (deal modal) ---- */
.phone-acts{display:flex;gap:8px;margin:-4px 0 14px;flex-wrap:wrap}
.phone-acts:empty{display:none;margin:0}
.phone-acts .btn{padding:8px 16px;font-size:13px}
.qtx-call{text-decoration:none}
.deal-tel,.li-tel,.wk-phone{color:inherit;text-decoration:none}
.deal-tel:hover,.li-tel:hover,.wk-phone:hover{color:var(--red);text-decoration:underline}
.qtx{margin-top:14px;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.qtx:empty{display:none}
.qtx-title{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:9px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.qtx-title::before{content:'';display:inline-block;width:11px;height:10px;background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%,25% 50%)}
.qtx-hint{font-family:'Barlow',sans-serif;text-transform:none;letter-spacing:0;font-weight:500;font-size:11.5px;color:#5d6675}
.qtx-row{display:flex;flex-wrap:wrap;gap:7px}
.qtx-btn{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:12px;color:var(--ink);background:var(--srf2);border:1px solid rgba(255,255,255,.14);border-radius:5px;padding:7px 12px;cursor:pointer;transition:.13s;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.qtx-btn:hover{border-color:var(--red);color:#fff;box-shadow:inset 2px 0 0 var(--red)}
.qtx-btn.copied{background:var(--won);border-color:var(--won);color:#06281a}
/* ---- Jarvis / Strategist persona toggle ---- */
.j-modes{display:flex;gap:7px;padding:11px 16px 4px;border-bottom:1px solid rgba(255,255,255,.06)}
.j-mode{flex:1;font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:12px;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px 10px;cursor:pointer;transition:.14s;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.j-mode:hover{color:#fff;border-color:rgba(255,68,56,.5)}
.j-mode.active{color:#fff;background:linear-gradient(180deg,#e8323a,var(--crimson-d,#a8121d));border-color:transparent}

/* ---- Daily Plan (uses theme vars defined above) ---- */
.dp-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;align-items:start}
@media(max-width:920px){.dp-grid{grid-template-columns:1fr}}
.dp-day-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.dp-day-head h3{margin:0}
.dp-pill{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 11px}
.dp-tl{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.dp-row{display:flex;align-items:flex-start;gap:11px;background:var(--srf2);border:1px solid var(--line);border-radius:7px;padding:9px 12px}
.dp-time{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;font-size:14px;color:var(--ink);width:46px;flex:0 0 46px;padding-top:1px}
.dp-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:0 0 9px}
.dp-block{flex:1;min-width:0}
.dp-t{font-weight:700;color:var(--ink);font-size:13.5px}
.dp-len{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:1px 7px;margin-left:6px;vertical-align:middle}
.dp-d{color:var(--muted);font-size:12.5px;margin-top:2px;line-height:1.42}
.dp-call{background:rgba(255,68,56,.08);border-color:rgba(255,68,56,.34);box-shadow:inset 3px 0 0 var(--red)}
.dp-call .dp-t{color:#fff}
.dp-call .dp-len{border-color:rgba(255,68,56,.45);color:#ff9a91}
.dp-side{display:flex;flex-direction:column;gap:16px}
.dp-side h3{margin:0 0 11px}
.dp-list{display:flex;flex-direction:column;gap:9px}
.dp-li{display:flex;gap:11px;align-items:baseline}
.dp-day-tag{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:12px;color:var(--red);width:46px;flex:0 0 46px}
.dp-li-body{font-size:12.8px;color:var(--body);line-height:1.42}
.dp-li-body b{color:var(--ink)}
.dp-kpis{display:flex;flex-wrap:wrap;gap:7px}
.dp-kpi{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:11.5px;color:var(--ink);background:var(--srf2);border:1px solid var(--line);border-radius:5px;padding:6px 11px}
.dp-note{font-size:12.5px;color:var(--muted);margin-top:11px;line-height:1.45;border-top:1px solid var(--line);padding-top:10px}
.dp-note b{color:var(--won)}
.dp-cal-tag{display:inline-block;font-size:12px;color:var(--won);margin-left:2px}

/* ---- Daily Plan check-offs + progress ---- */
.dp-prog{margin-top:12px}
.dp-prog-top{display:flex;justify-content:space-between;align-items:baseline;font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:13px;color:var(--ink);margin-bottom:6px}
.dp-streak{color:var(--red)}
.dp-prog-track{height:8px;background:var(--srf2);border:1px solid var(--line);border-radius:99px;overflow:hidden}
.dp-prog-bar{height:100%;width:0;background:linear-gradient(90deg,#ff5a4f,#ff4438);border-radius:99px;transition:width .35s ease}
.dp-prog-hint{font-size:11.5px;color:var(--muted);margin-top:6px}
.dp-row{cursor:pointer;user-select:none}
.dp-check{width:21px;height:21px;border:1.7px solid var(--line);border-radius:6px;flex:0 0 21px;margin-top:1px;display:grid;place-items:center;color:transparent;background:var(--bg);transition:.13s}
.dp-row:hover .dp-check{border-color:var(--red)}
.dp-check svg{width:13px;height:13px;stroke-width:3.4}
.dp-done .dp-check{background:var(--won);border-color:var(--won);color:#06281a}
.dp-done .dp-t{text-decoration:line-through;opacity:.55}
.dp-done .dp-d{opacity:.45}
.dp-done .dp-dot{opacity:.4}

/* ---- mobile nav: tap-to-open dropdowns ---- */
.navg-wrap.open .navdd{display:block}
@media(max-width:860px){
  .navg-wrap.open .navdd{position:fixed;top:58px;left:8px;right:8px;width:auto;min-width:0;border-radius:8px}
  .topnav .nav-tab{padding:0 12px}
  .navdd a{padding:12px 12px;font-size:15px}
}
/* ---- Daily Plan: today's add-ons ---- */
.dp-add{display:flex;gap:7px;margin-bottom:11px}
.dp-add input{flex:1}
.dp-extra-list{display:flex;flex-direction:column;gap:7px}
.dpx-row{display:flex;align-items:center;gap:10px;background:var(--srf2);border:1px solid var(--line);border-radius:7px;padding:8px 11px;cursor:pointer}
.dpx-row:hover .dp-check{border-color:var(--red)}
.dpx-done .dp-check{background:var(--won);border-color:var(--won);color:#06281a}
.dpx-t{flex:1;min-width:0;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dpx-done .dpx-t{text-decoration:line-through;opacity:.55}
.dpx-x{background:none;border:0;color:var(--muted);font-size:19px;line-height:1;cursor:pointer;padding:0 2px;flex:0 0 auto}
.dpx-x:hover{color:var(--red)}
.dpx-empty{font-size:12.5px;color:var(--muted)}

/* ---- Pipeline: click-to-focus dial panel ---- */
#dialfocus{margin:8px 0 4px}
.df-empty{font-size:12.5px;color:var(--muted);background:var(--srf2);border:1px dashed var(--line);border-radius:8px;padding:13px 14px;text-align:center}
.df-card{background:var(--srf2);border:1px solid rgba(255,68,56,.35);border-left:4px solid var(--red);border-radius:8px;padding:13px 15px;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.df-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.df-biz{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;font-size:20px;color:var(--ink);line-height:1.1}
.df-meta{font-size:12.5px;color:var(--muted);margin-top:3px}
.df-edit{padding:5px 11px;font-size:12px;white-space:nowrap}
.df-call{display:inline-block;margin:12px 0 10px;font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;font-size:21px;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,#ff5a4f,#e63a2e);border:1px solid #c2271c;border-radius:8px;padding:9px 18px;text-decoration:none}
.df-call:hover{background:linear-gradient(135deg,#ff6f64,#f0473b)}
.df-nophone{margin:11px 0;font-size:13px;color:var(--muted)}
.df-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:11px}
.df-out .deal-acts{margin-top:0}
.deal-city{font-size:12px;color:var(--muted);margin:1px 0 2px}
.t-city{font-size:11.5px;color:var(--muted);margin-right:auto}

/* ---- focus dial card v2 (redesign) ---- */
.df-card{background:linear-gradient(180deg,#1b2230,var(--srf2));border:1px solid var(--line);border-left:3px solid var(--red);border-radius:10px;padding:14px 16px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.df-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.df-id{min-width:0}
.df-biz{font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;font-size:22px;line-height:1.05;color:var(--ink);text-transform:none;letter-spacing:0}
.df-meta{font-size:12.5px;color:var(--muted);margin-top:3px}
.df-edit{flex:0 0 auto;background:none;border:0;color:var(--muted);font-family:'Barlow',sans-serif;font-size:12.5px;font-weight:600;cursor:pointer;padding:2px 4px;text-decoration:underline;text-underline-offset:2px}
.df-edit:hover{color:var(--red)}
.df-actions{display:flex;gap:9px;margin-top:13px;flex-wrap:wrap}
.df-call{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1 1 auto;min-width:175px;font-family:'Barlow Condensed','Oswald',sans-serif;font-weight:700;font-size:19px;letter-spacing:.01em;color:#fff;background:linear-gradient(135deg,#ff5a4f,#e63a2e);border:1px solid #c2271c;border-radius:9px;padding:11px 16px;text-decoration:none;box-shadow:0 3px 12px rgba(255,68,56,.28)}
.df-call:hover{background:linear-gradient(135deg,#ff6f64,#f0473b)}
.df-google{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-family:'Barlow',sans-serif;font-weight:600;font-size:14px;color:var(--ink);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:9px;padding:11px 15px;text-decoration:none}
.df-google:hover{border-color:var(--red);color:#fff;background:rgba(255,68,56,.10)}
.df-nophone{flex:1;font-size:13px;color:var(--muted);padding:11px 0}
.df-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.df-out{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.df-out-label{font-family:'Barlow Condensed','Oswald',sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:var(--muted)}
.df-out .deal-acts{margin:0;display:flex;gap:7px;flex-wrap:wrap}
.df-out-none{font-size:12.5px;color:var(--muted)}

/* ---- call-result dropdown (queue + dial focus) ---- */
.q-move{appearance:none;-webkit-appearance:none;font-family:'Barlow',sans-serif;font-size:12px;font-weight:700;color:var(--body);background:var(--srf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a93a3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 8px center/13px;border:1px solid var(--line);border-radius:7px;padding:5px 26px 5px 10px;cursor:pointer;transition:.13s;max-width:170px}
.q-move:hover,.q-move:focus{border-color:var(--red);color:var(--ink);outline:none}
.task .q-move{margin-left:auto;flex:0 0 auto}
.task .q-move+.deal-acts{margin-left:0}
.df-out .q-move{margin-left:auto}