/* Brand palette sampled from the Brisk Realty Deals logo pixels */
:root{--navy:#011D5D;--navy-2:#012a7a;--navy-dk:#00133F;--royal:#014FAE;--royal-d:#013F8C;--mid:#0379D1;--sky:#04B2E0;--cyan:#08B2DC;--cyan-50:#E4F6FC;--cyan-100:#C5ECF8;--ink:#14213D;--muted:#55627A;--line:#E1E7EF;--bg:#F4F6FA;--card:#fff;--r:12px;--shadow:0 6px 24px rgba(1,29,93,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff}
body.area-crm,body.area-buyer{background:var(--bg)}
a{color:var(--royal)}img{max-width:100%;display:block}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;color:var(--navy)}h1{font-size:clamp(1.8rem,4vw,2.7rem)}h2,.h2{font-size:1.6rem}h3,.h3{font-size:1.15rem}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}.narrow{max-width:760px}.narrow-sm{max-width:440px}
.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.9rem}.tiny{font-size:.78rem}
.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.topbar-inner{display:flex;align-items:center;gap:14px;min-height:72px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo img{height:64px;width:auto}.logo-dark img{height:72px}
.auth-logo{text-align:center;margin:-4px 0 14px}.auth-logo img{display:inline-block;width:240px;height:auto}
.tag{font-size:.75rem;font-weight:600;background:var(--navy);color:#fff;padding:3px 10px;border-radius:99px}.tag-accent{background:var(--cyan-50);color:var(--navy);border:1px solid var(--cyan-100)}
.nav{margin-left:auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--navy);font-weight:600}.nav a:not(.btn):hover{color:var(--royal)}
.pill{background:var(--cyan-50);color:var(--navy);border:1px solid var(--cyan-100);font-size:.8rem;padding:4px 10px;border-radius:99px}
.btn{display:inline-block;border:0;border-radius:10px;padding:11px 18px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;text-align:center;transition:.15s}
.btn-primary{background:var(--royal);color:#fff!important}.btn-primary:hover{background:var(--royal-d)}
.btn-accent{background:var(--cyan);color:var(--navy)!important}.btn-accent:hover{background:var(--sky);filter:brightness(1.06)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-2)}
.btn-ghost{background:#fff;color:var(--navy);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--navy)}
.btn-light{background:#fff;color:var(--navy)}
.btn-done{background:var(--cyan-50);color:var(--navy);border:1px solid var(--cyan-100);cursor:default}
.btn-sm{padding:7px 13px;font-size:.88rem}.btn-lg{padding:15px 24px;font-size:1.05rem}.btn-block{width:100%}
.hero{background:linear-gradient(155deg,var(--navy-dk) 0%,var(--navy) 45%,var(--royal) 100%);color:#fff;padding:48px 0 56px}
.hero h1{color:#fff}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);margin-bottom:10px}
.area-buyer .eyebrow{color:var(--royal)}
.lead{font-size:1.15rem;opacity:.95}
.checks{list-style:none;padding:0;margin:18px 0}.checks li{padding-left:30px;position:relative;margin:8px 0}
.checks li:before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;background:var(--royal);color:#fff;font-size:.8rem;display:grid;place-items:center;font-weight:700}
.hero .checks li:before{background:var(--cyan);color:var(--navy)}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.offer-form{color:var(--ink)}.offer-form h2{margin-bottom:2px}
.form label{display:block;font-size:.88rem;font-weight:600;color:var(--navy);margin:12px 0 0}
.form input,.form select,.form textarea,.inline select{width:100%;margin-top:5px;padding:11px 12px;border:1.5px solid #cfd7e2;border-radius:9px;font:inherit;font-weight:400;background:#fff;color:var(--ink)}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(4,178,224,.25)}
.form button{margin-top:16px}.form .checkbox{display:flex;align-items:center;gap:8px;margin-top:34px}.form .checkbox input{width:auto;margin:0}
.inline select{padding:6px 8px;margin:0;font-size:.88rem;min-width:140px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.hp{position:absolute!important;left:-9999px}
.error{background:#fdecec;color:#9b1c1c;border:1px solid #f5c2c2;padding:10px 12px;border-radius:9px;margin:10px 0}
.flash{background:var(--cyan-50);color:var(--navy);border:1px solid var(--cyan-100);border-left:4px solid var(--cyan);padding:12px 14px;border-radius:10px;margin:16px 0 0}
.section{padding:64px 0}.section-sm{padding:28px 0 56px}.alt{background:var(--bg)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.step,.trust{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px}
.num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--royal);color:#fff;font-weight:800;margin-bottom:12px}
.trust{border-top:3px solid var(--cyan)}.trust h3{color:var(--royal)}
.testimonial{margin:0;background:#fff;border:1.5px dashed #c5cfdb;border-radius:var(--r);padding:22px;color:var(--muted);font-style:italic}.testimonial cite{display:block;margin-top:8px;font-size:.85rem;font-style:normal;color:#8a95a5}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin:10px 0}summary{font-weight:600;cursor:pointer;color:var(--navy)}
.cta-band{background:linear-gradient(90deg,var(--navy) 0%,var(--royal) 100%);color:#fff;padding:40px 0}.cta-band h2{color:#fff;margin:0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.footer{background:var(--navy);color:#cfd8e8;border-top:4px solid var(--cyan);padding:40px 0 20px}.footer a{color:#fff}.footer b{color:#fff}.footer .muted{color:#b4c2da}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.fineprint{font-size:.75rem;color:#9fb0cc;margin-top:24px;line-height:1.5}
.area-buyer .fineprint,.area-crm .fineprint{color:var(--muted)}
.big-check{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:var(--royal);color:#fff;font-size:2.4rem;box-shadow:0 0 0 8px var(--cyan-50);display:grid;place-items:center}
.buyer-auth{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:start}
.board-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}
.deal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}
.deal-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.deal-photo{position:relative;aspect-ratio:16/10;background:#dfe5ec}.deal-photo img{width:100%;height:100%;object-fit:cover}
.photo-ph{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#e6ebf1,#e6ebf1 12px,#dde3ea 12px,#dde3ea 24px);color:#7a8799;font-weight:600}
.badge{position:absolute;top:12px;left:12px;background:var(--cyan);color:var(--navy);font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:99px}
.badge-sample{left:auto;right:12px;background:#b45309}.badge-under-contract{background:#b45309}
.badge-inline{background:#fdf0e1;color:#b45309;font-size:.72rem;font-weight:700;padding:2px 7px;border-radius:6px}
.deal-body{padding:18px;display:flex;flex-direction:column;gap:6px;flex:1}
.deal-head{display:flex;justify-content:space-between;gap:12px}.deal-head h3{margin:0}.deal-head p{margin:2px 0 0}
.price{font-size:1.5rem;font-weight:800;color:var(--royal);white-space:nowrap;text-align:right}.price small{display:block;font-size:.75rem;color:var(--muted);font-weight:600}
.facts{list-style:none;display:flex;gap:16px;padding:10px 0;margin:4px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.92rem;flex-wrap:wrap}
.nums{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0}.nums dt{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.nums dd{margin:0;font-weight:600;font-size:.92rem}
.deal-actions{margin-top:auto;padding-top:10px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.deal-actions form{margin:0}
.page-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.page-head h1{margin:0;font-size:1.8rem}.page-head p{margin:0;flex-basis:100%}
.page-head .btn{margin-left:auto}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.tab{padding:7px 12px;border-radius:99px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:.88rem}
.tab span{color:var(--muted);margin-left:4px}.tab.active{background:var(--royal);color:#fff;border-color:var(--navy)}.tab.active span{color:var(--cyan-100)}
.table-card{padding:0;overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.92rem}
.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#f8fafc;padding:12px 14px;border-bottom:1px solid var(--line)}
.table td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}.table tr:last-child td{border-bottom:0}.pad{padding:18px 18px 0}
.status{display:inline-block;font-size:.76rem;font-weight:700;padding:3px 10px;border-radius:99px;background:#eef2f7;color:var(--navy);white-space:nowrap}
.st-new{background:#e1ecfb;color:var(--royal)}.st-contacted{background:#fff4d6;color:#92600a}.st-appointment{background:#efe5ff;color:#6b21a8}.st-offer-made{background:#ffe8d9;color:#b4480c}
.st-under-contract{background:var(--cyan-100);color:var(--navy)}.st-closed{background:var(--royal);color:#fff}.st-dead{background:#eceff3;color:#6b7280}
.st-published{background:var(--cyan-50);color:var(--navy);box-shadow:inset 0 0 0 1px var(--cyan)}.st-draft{background:#eceff3;color:#6b7280}.st-sold{background:var(--navy);color:#fff}
.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:22px;align-items:start}
.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 14px;margin:0 0 20px}.kv dt{color:var(--muted);font-size:.88rem}.kv dd{margin:0}
.notes{list-style:none;padding:0;margin:16px 0 0}.notes li{border-left:3px solid var(--cyan);padding:6px 12px;margin:10px 0;background:#f8fafc;border-radius:0 8px 8px 0}
.pipeline{padding-left:20px;color:var(--muted);font-size:.9rem}.pipeline li.on{color:var(--royal);font-weight:700}
.small-photo{border-radius:10px;overflow:hidden;margin:-4px 0 12px}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
@media (max-width:900px){
  .hero-inner,.buyer-auth,.grid-2-1,.grid-1-2{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.grid4{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr}.hero{padding:28px 0 36px}
}
@media (max-width:600px){
  .row2,.row3,.grid4{grid-template-columns:1fr}.hide-sm{display:none}
  .area-public .nav a:not(.btn){display:none}.nav{gap:10px}.logo img{height:48px}
  .area-public .nav .btn{padding:7px 10px;font-size:.8rem}
  .section{padding:44px 0}.hero-cta .btn{flex:1}
  .deal-grid{grid-template-columns:1fr}
  .area-buyer .topbar-inner{flex-wrap:wrap;padding:8px 16px;row-gap:6px}
  .wrap.topbar-inner{padding-left:16px;padding-right:16px}
  .area-buyer .nav{margin-left:0;width:100%;gap:6px 14px;font-size:.95rem}
  .area-buyer .nav form{margin-left:auto}
  .topbar .nav a,.topbar .nav span{white-space:nowrap}
}
/* ---- production additions ---- */
.inline-form{display:inline;margin:0}
.linklike{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--navy);cursor:pointer}.linklike:hover{color:var(--royal);text-decoration:underline}
a.pill{text-decoration:none}
.btn-xs{padding:5px 9px;font-size:.78rem;border-radius:8px}
.btn-danger{background:#fff;color:#a4161a;border:1.5px solid #f1c4c6}.btn-danger:hover{background:#fdecec;border-color:#a4161a}
.actions{white-space:normal;min-width:210px}.actions .inline-form{display:inline-block;margin:0 4px 4px 0}
.row-off td{opacity:.6}.row-warn td{background:#fff8f0}
.notice{background:var(--cyan-50);border:1px solid var(--cyan-100);border-left:4px solid var(--royal);color:var(--navy);padding:12px 14px;border-radius:10px;margin:12px 0}
.notice-warn{background:#fff8e6;border-color:#f6dfa6;border-left-color:#b45309;color:#5a3b06}.notice-error{background:#fdecec;border-color:#f5c2c2;border-left-color:#a4161a;color:#7a1014}
/* Do not contact */
.dnc-banner{background:#a4161a;color:#fff;border-radius:12px;padding:14px 18px;margin:12px 0 16px;box-shadow:0 6px 18px rgba(164,22,26,.25);border-left:6px solid #5e0b0e}
.dnc-banner b{display:block;font-size:1.35rem;letter-spacing:.06em}.dnc-banner p{margin:4px 0 0;font-size:.95rem}
.badge-dnc{display:inline-block;background:#a4161a;color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em;padding:3px 8px;border-radius:6px;margin-left:6px;vertical-align:middle;white-space:nowrap}
.notice-dnc{background:#fdecec;border-color:#f5c2c2;border-left-color:#a4161a;color:#7a1014}
.dnc-text{color:#a4161a;font-weight:600}.dnc-off-contact{color:var(--muted);text-decoration:line-through}
tr.row-dnc td:first-child{box-shadow:inset 4px 0 0 #a4161a}
.tab-dnc{border-color:#f1c4c6;color:#a4161a}.tab-dnc.active{background:#a4161a;border-color:#7a1014;color:#fff}.tab-dnc.active span{color:#ffd9db}
/* Priority pin (alongside lifecycle status) */
.st-priority{background:var(--navy);color:#fff;margin-left:6px;box-shadow:inset 0 0 0 1px var(--cyan)}
.st-aging{background:#fff4d6;color:#92600a;margin-left:6px}
/* td stays a table-cell (row dividers line up); badges wrap inside */
.status-badges{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center;max-width:100%}
.chase-hint{color:#92600a;margin-top:4px;font-weight:600}
.notice-chase{background:#fff8e6;border-color:#f6dfa6;border-left-color:#b45309;color:#5a3b06}
.tab-due{border-color:var(--cyan-100);color:var(--navy)}.tab-due.active{background:var(--cyan);border-color:var(--navy);color:var(--navy)}
.tab-overdue{border-color:#f6dfa6;color:#92600a}.tab-overdue.active{background:#92600a;border-color:#6b4708;color:#fff}.tab-overdue.active span{color:#ffe9b0}
.tab-aging{border-color:#f6dfa6;color:#92600a}.tab-aging.active{background:#fff4d6;border-color:#92600a;color:#92600a}
tr.row-priority td:first-child{box-shadow:inset 4px 0 0 var(--cyan)}
tr.row-aging:not(.row-priority):not(.row-dnc) td:first-child{box-shadow:inset 4px 0 0 #e6a817}
tr.row-priority.row-dnc td:first-child,tr.row-aging.row-dnc td:first-child{box-shadow:inset 4px 0 0 #a4161a}
tr.row-priority:not(.row-dnc),tr.row-aging:not(.row-dnc):not(.row-priority){background:linear-gradient(90deg,rgba(8,178,220,.06),transparent 48%)}
tr.row-aging:not(.row-dnc):not(.row-priority){background:linear-gradient(90deg,rgba(230,168,23,.08),transparent 48%)}
.notice code,.temp-pw{font-family:ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px solid var(--line);padding:2px 8px;border-radius:6px;font-size:1rem;user-select:all}
.grid-team{display:grid;grid-template-columns:1fr;gap:22px;align-items:start}.grid-team>form.card{max-width:640px}.grid-team .row-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}
.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.78rem!important;color:var(--muted)!important;line-height:1.45}
.consent input{width:auto!important;margin:3px 0 0!important;flex:none}
.checkbox-inline{display:flex!important;gap:8px;align-items:center;font-weight:500!important}.checkbox-inline input{width:auto!important;margin:0!important}

.filter-bar{display:flex;gap:8px;margin:14px 0}.filter-bar input{flex:1;max-width:380px;padding:9px 12px;border:1.5px solid #cfd7e2;border-radius:9px;font:inherit}
.audit code{font-size:.8rem;color:var(--royal)}
.prose h2{font-size:1.2rem;margin-top:1.6em}.prose li{margin:.3em 0}
@media (max-width:900px){.grid-team{grid-template-columns:1fr}}
.dup-list{margin:8px 0 10px;padding-left:20px}.dup-list li{margin:4px 0}
/* ---- v3: BBB seal, deals filters, autocomplete ---- */
.bbb-seal{display:inline-block;background:transparent;border-radius:10px;padding:0;line-height:0}.bbb-seal img{width:150px;height:auto}
.bbb-seal:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.hero-trust{display:flex;align-items:center;gap:14px;margin-top:36px;font-weight:600;color:#dbe6f7;font-size:.9rem}
.trust-bbb{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:-4px 0 24px;text-align:left}.trust-bbb p{margin:0;max-width:420px}
.bbb-footer{margin-top:12px}.bbb-footer img{width:130px}
.board-head h1{margin-bottom:.2em}
.filter-drawer{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0;margin:0 0 12px;box-shadow:var(--shadow)}
.filter-drawer>summary{list-style:none;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}
.filter-drawer>summary::-webkit-details-marker{display:none}
.filter-drawer>summary:after{content:"▾";color:var(--royal);transition:transform .15s}.filter-drawer[open]>summary:after{transform:rotate(180deg)}
.filter-drawer .count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:var(--royal);color:#fff;font-size:.72rem;margin-left:6px;padding:0 6px}
.deal-filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px 12px;padding:0 16px 16px;align-items:end}
.deal-filters label{display:block;font-size:.78rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.03em}
.deal-filters input,.deal-filters select{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1.5px solid var(--line);border-radius:9px;font:inherit;font-size:.92rem;text-transform:none;letter-spacing:0;background:#fff;color:var(--ink)}
.deal-filters input:focus,.deal-filters select:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(4,178,224,.25)}
.deal-filters .f-q{grid-column:span 2}.f-actions{display:flex;gap:8px;align-items:center}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--cyan-50);border:1px solid var(--cyan-100);color:var(--navy);padding:5px 11px;border-radius:99px;font-size:.84rem;font-weight:600;text-decoration:none}
.chip span{font-size:1rem;line-height:1;color:var(--royal)}.chip:hover{border-color:var(--royal)}.chip-clear{background:#fff;border-color:var(--line)}
.sort-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 14px}.sort-links b{color:var(--navy)}.sort-links a{text-decoration:none}
.deal-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}
.deal-body{padding:14px 16px}.deal-head h3{font-size:1.05rem}.price{font-size:1.3rem}
.nums{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.nums dd small{display:block;font-weight:500;color:var(--muted);font-size:.78rem}
.deal-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:2px 0}.deal-tags li{font-size:.74rem;font-weight:700;color:var(--royal);background:#e9f1fc;border-radius:6px;padding:2px 8px}
.deal-notes{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:2px 0}
.no-matches{text-align:center;padding:36px 20px}.load-more{margin:22px 0 0}
.tag-picker{border:1.5px solid var(--line);border-radius:10px;padding:8px 14px 12px;margin:14px 0 0}.tag-picker legend{font-size:.88rem;font-weight:600;color:var(--navy);padding:0 6px}
.tag-picker .checkbox-inline{display:inline-flex;align-items:center;gap:6px;margin:8px 16px 0 0;font-weight:500}
.ac-wrap{position:relative}
.ac-list{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 4px);margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(1,29,93,.18);max-height:300px;overflow:auto;text-align:left}
.ac-item{padding:10px 12px;cursor:pointer;display:flex;flex-direction:column;gap:1px;color:var(--ink);font-weight:400;font-size:.92rem}.ac-item b{color:var(--navy)}.ac-item span{font-size:.8rem;color:var(--muted)}
.ac-item.active,.ac-item:hover{background:var(--cyan-50)}
.ac-head{padding:6px 12px 4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);cursor:default}
.ac-tag{align-self:flex-start;font-style:normal;font-size:.7rem;font-weight:700;color:var(--navy);background:var(--cyan-50);border:1px solid var(--cyan-100);border-radius:99px;padding:1px 8px;margin-bottom:3px}.ac-item.ac-last.active .ac-tag,.ac-item.ac-last:hover .ac-tag{background:#fff}
.ac-credit{padding:6px 12px 4px;font-size:.7rem;color:var(--muted);border-top:1px solid var(--line);margin-top:2px}
@media (max-width:900px){.deal-filters{grid-template-columns:1fr 1fr}.deal-filters .f-q{grid-column:1/-1}.f-actions{grid-column:1/-1}.f-actions .btn{flex:1}}
@media (max-width:600px){.deal-grid{grid-template-columns:1fr}.sort-links{display:none}.hero-trust{justify-content:flex-start}.trust-bbb{flex-direction:column;text-align:center}}
.form .tag-picker label.checkbox-inline{display:inline-flex!important;margin:8px 18px 0 0}
/* ---- v4: footer legal, consent, VIP ---- */
.footer-legal{border-top:1px solid rgba(255,255,255,.14);margin-top:26px;padding-top:16px;font-size:.8rem;color:#b4c2da;line-height:1.55}
.footer-legal p{margin:4px 0}.footer-legal .footer-id{color:#fff;font-weight:600}
.eho-line{display:flex;align-items:center;gap:8px}.eho{color:#fff;flex:none}
.consent-links{margin:6px 0 0 28px}.consent-links a{font-weight:600}
.submit-notice{color:var(--muted);margin:14px 0 8px}
.field-note{margin:4px 0 0}
.consent-proof summary{font-weight:500;color:var(--royal)}.consent-proof{background:none;border:0;padding:4px 0;margin:0}
.area-buyer .footer-legal,.area-crm .footer-legal{color:#b4c2da}

/* v5: hero buttons are equal height with centered text; the phone number never wraps */
.hero-cta .btn{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;white-space:nowrap}
@media (max-width:480px){.hero-cta{gap:10px}.hero-cta .btn-lg{padding:14px 10px;font-size:1rem}.hero-cta .btn-call{font-size:.95rem}.hero-trust{margin-top:28px}}
@media (max-width:374px){.hero-cta .btn-lg{padding:13px 8px;font-size:.92rem}.hero-cta .btn-call{font-size:.86rem}}

/* v6: lead page: human notes vs. secondary activity log */
.activity-log summary{cursor:pointer;font-weight:600;color:var(--navy,#011D5D);font-size:.92rem;padding:4px 0;list-style-position:inside}
.activity{list-style:none;margin:10px 0 0;padding:0}
.activity li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:7px 0;border-bottom:1px dashed var(--line,#e3e8f2);font-size:.88rem;color:#3a4a66}
.activity li:last-child{border-bottom:0}
/* long URLs (landing page, consent page URL) wrap instead of widening the page on phones */
.grid-2-1>*,.grid-1-2>*{min-width:0}.kv dd{min-width:0;overflow-wrap:anywhere}
@media (max-width:600px){.kv{grid-template-columns:96px minmax(0,1fr)}}
@media (max-width:374px){.logo img{height:42px}.area-buyer .nav{gap:6px 11px;font-size:.9rem}.area-public .nav .btn{padding:6px 8px;font-size:.76rem}}

/* v8: Notes + Activity log as dropdowns; caret flips when open */
.notes-log,.activity-log{margin-top:18px;border:1px solid var(--line);border-radius:10px;padding:0 14px;background:#fff}
.notes-log>summary,.activity-log>summary{list-style:none;cursor:pointer;font-weight:700;color:var(--navy);padding:12px 0;display:flex;align-items:center;gap:6px}
.notes-log>summary::-webkit-details-marker,.activity-log>summary::-webkit-details-marker{display:none}
.notes-log>summary .sum-title{font-size:1.05rem}.activity-log>summary .sum-title{font-size:.95rem}
.caret{display:inline-block;transition:transform .15s;font-size:.9em;line-height:1}
details[open]>summary .caret{transform:rotate(180deg)}
.notes-log>summary:focus-visible,.activity-log>summary:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:6px}
.notes-log .notes{margin:0 0 12px}
.activity-log{border-top:1px solid var(--line);padding-top:0}
.add-note-label{display:block;margin:6px 0 6px}
.note-text{white-space:pre-wrap;overflow-wrap:anywhere}
.note-actions{display:flex;gap:14px;align-items:center;margin-top:6px;font-size:.82rem}
.note-act{font-size:.82rem;font-weight:600;color:var(--royal);text-decoration:none}.note-act:hover{text-decoration:underline}
.note-del{color:#b42318}.note-edited{font-style:italic}
.note-edit-form{margin-top:6px}.note-edit-actions{display:flex;gap:10px;margin-top:8px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.note-edit-actions{align-items:center}.note-edit-actions .btn{margin:0;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 16px;line-height:1.2}
.form .note-edit-actions .btn,.form .note-edit-actions button{margin:0}
.note-edit-actions .btn{transition:none}
/* VIP buyer approval */
.approval-sub{margin-top:4px}.pending-approval{margin-bottom:22px}.pending-approval .pad.tiny{padding-top:0;margin:0 0 10px}.buyer-approval .eyebrow{display:block}.buyer-approval form{margin-top:8px}
/* deal photos */
.badge-count{top:auto;bottom:12px;left:auto;right:12px;background:rgba(1,29,93,.82);color:#fff}
.deal-gallery{margin:6px 0}.deal-gallery summary{cursor:pointer;color:var(--navy);font-weight:600}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin-top:8px}
.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}
.photo-manager{border:1px solid var(--line);border-radius:10px;padding:12px;margin:8px 0}
.photo-list{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:8px}
.photo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.photo-row img{width:96px;height:72px;object-fit:cover;border-radius:8px}
.form .photo-row label{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;font-weight:500}
.form .photo-row input{margin:0!important}.form .photo-order input{width:64px!important}
.radio-inline input{width:auto!important}
.photo-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin-top:8px}.photo-preview img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.photo-preview p{grid-column:1/-1;margin:0}
/* admin-only note history in the Activity log */
.note-change{display:block;margin-top:4px;padding:6px 8px;background:#fff8ec;border-left:3px solid #b45309;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}
.note-old{quotes:"\201C" "\201D"}
.audit-snapshot pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:#f6f8fc;padding:8px;border-radius:6px}
/* Staging (test site) only */
.staging-banner{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:1000;background:#b42318;color:#fff;font:600 13px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:6px 12px;border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.25);pointer-events:none;white-space:nowrap}
.outbox-body{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}
/* Deal calculator (CRM) */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.calc-inputs h2{margin:4px 0 0}.calc-inputs h2+label{margin-top:8px}.calc-inputs h2:not(:first-child){margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.calc-money,.calc-pct{position:relative;display:block}
.form .calc-money input{padding-left:26px}.form .calc-pct input{padding-right:30px}
.calc-pre,.calc-post{position:absolute;top:50%;transform:translateY(-50%);margin-top:2px;color:var(--muted);font-weight:600;pointer-events:none}
.calc-pre{left:12px}.calc-post{right:12px}
.calc-hint{display:block;font-weight:400;margin-top:4px}
.calc-est{margin-top:14px;border:1px solid var(--cyan-100);background:var(--cyan-50);border-radius:10px;padding:10px 14px}
.calc-est summary{cursor:pointer;font-weight:700;color:var(--royal)}.calc-est[open] summary{margin-bottom:4px}
.calc-est-line{margin:10px 0 2px;color:var(--navy)}
.calc-actions{display:flex;gap:10px;margin-top:18px}.form .calc-actions button{margin-top:0}
.calc-results{position:sticky;top:96px;display:grid;gap:14px}
.calc-hero{background:linear-gradient(135deg,var(--navy),var(--royal));color:#fff;border:0;display:grid;gap:4px}
.calc-hero .calc-out-label{color:var(--cyan-100)}
.calc-mao{font-size:clamp(2rem,6vw,2.8rem);line-height:1.1;color:#fff}.calc-mao.neg{color:#ffb4b4}
.calc-range{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);display:grid;gap:2px}.calc-range b{font-size:1.25rem;color:var(--cyan)}
.calc-out-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.calc-out{display:grid;gap:2px}.calc-out b{font-size:1.25rem;color:var(--navy)}.calc-out b.neg{color:#b42318}.calc-out b.pos{color:#067647}
.calc-verdict{border-radius:var(--r);padding:14px 16px;display:grid;gap:3px;border:1.5px solid}.calc-verdict b{font-size:1.2rem}
.calc-verdict.good{background:#ecfdf3;border-color:#75e0a7;color:#05603a}
.calc-verdict.tight{background:#fffaeb;border-color:#fec84b;color:#93370d}
.calc-verdict.bad{background:#fef3f2;border-color:#fda29b;color:#912018}
.calc-copy{width:100%}.calc-copy:disabled{opacity:.5;cursor:not-allowed}
@media (max-width:900px){.calc{grid-template-columns:1fr}.calc-results{position:static}}
@media (max-width:420px){.calc-grid{grid-template-columns:1fr}}
.calc-verdict[hidden]{display:none}
/* Admin "View as" banner (shown on every page while viewing as someone) */
.viewas-banner{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:6px 14px;background:#f5b400;color:#0b1b3f;font:600 14px/1.3 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;box-shadow:0 1px 4px rgba(0,0,0,.2)}
.viewas-banner .viewas-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
.viewas-banner .viewas-mode{font-weight:500}
.viewas-banner .viewas-exit{background:#0b1b3f;color:#fff;border:0;flex:none}
body.viewing-as .topbar{top:42px}
@media (max-width:600px){.viewas-banner{font-size:12.5px;gap:8px}.viewas-banner .viewas-mode{display:none}}
/* Calculator upgrades: rule buttons, math lines, flags, More tools, comps, Save to lead */
.calc-rule{margin-top:12px}.calc-rule-label{display:block;font-weight:600;margin-bottom:6px}
.calc-rule-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seg-btn{border:0;background:#fff;padding:9px 14px;font-weight:700;color:var(--navy);cursor:pointer;border-right:1px solid var(--line)}.seg-btn:last-child{border-right:0}
.seg-btn.on{background:var(--navy);color:#fff}
.calc-rule-custom{width:110px}.form .calc-rule-custom input{margin-top:0}
.calc-math{display:grid;gap:2px;font-size:.85rem;color:var(--cyan-100);margin-top:4px}
.calc-flags{margin:0;padding:10px 14px 10px 32px;border-radius:var(--r);background:#fffaeb;border:1.5px solid #fec84b;color:#93370d;font-size:.9rem;display:grid;gap:4px}
.calc-flags[hidden]{display:none}
.calc-out b.tier-thin{color:#b42318}.calc-out b.tier-fair{color:#b54708}.calc-out b.tier-good{color:#067647}.calc-out b.tier-strong{color:#05603a}
.calc-disclaimer{margin:0}
.calc-save .form{margin-top:6px}.calc-lead-search{position:relative}
.calc-more{margin-top:22px}.calc-more>summary{cursor:pointer;font-weight:700;color:var(--royal);font-size:1.05rem}
.calc-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:14px}
.calc-panel h3{margin:0 0 8px}
.calc-grid-flat{border:0;padding:0;box-shadow:none;margin:10px 0}
.calc-table{width:100%}.calc-table td,.calc-table th{padding:6px 8px}.calc-table tr.on td{background:var(--cyan-50);font-weight:700}
.calc-comps input{width:100%;min-width:0}.calc-comps .calc-money input{padding-left:22px}
@media (max-width:900px){.calc-more-grid{grid-template-columns:1fr}}
.deal-analysis .analysis{margin:8px 0}.deal-analysis summary{cursor:pointer}
.kv-tight dt,.kv-tight dd{padding-top:3px;padding-bottom:3px}
/* ---- Dark mode: [data-theme=dark] on <html>, set before paint by /static/theme-init.js ---- */
.theme-toggle{display:none;flex:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1.5px solid var(--line);border-radius:50%;background:transparent;color:var(--navy);cursor:pointer;transition:background .15s,border-color .15s}
html.js .theme-toggle{display:inline-flex}
.theme-toggle:hover{border-color:var(--royal);background:var(--cyan-50)}
.theme-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.theme-toggle svg{display:block}.theme-toggle .icon-sun{display:none}
[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}
.only-dark{display:none!important}
[data-theme=dark] .only-dark{display:inline-block!important}[data-theme=dark] .only-light{display:none!important}
@media (max-width:600px){
  .theme-toggle{width:34px;height:34px}.theme-toggle svg{width:18px;height:18px}
  .area-public .topbar-inner{gap:10px}
  /* CRM / buyer: the switch stays on the logo row; the nav wraps to its own row below */
  .area-buyer .theme-toggle{order:2;margin-left:auto}
  .area-buyer .nav{order:3}
}
@media (max-width:374px){.area-public .topbar-inner{gap:8px}.theme-toggle{width:32px;height:32px}}

html[data-theme=dark]{color-scheme:dark;
  --bg:#0b1630;--card:#101e3d;--surface-2:#16264a;--line:#26395f;--ink:#e6ecf7;--muted:#a9b6cf;
  --cyan-50:rgba(8,178,220,.12);--cyan-100:rgba(8,178,220,.38);--link:#7cc4ff;--head:#f3f6fc;--input:#0b1630;--input-line:#3b5182;
  --shadow:0 6px 24px rgba(0,0,0,.35)}
[data-theme=dark] body{background:var(--bg);color:var(--ink)}
[data-theme=dark] a{color:var(--link)}
[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--head)}
[data-theme=dark] .topbar{background:#0d1a38;border-bottom-color:var(--line)}
[data-theme=dark] .theme-toggle{color:#ffd970;border-color:var(--input-line)}
[data-theme=dark] .theme-toggle:hover{border-color:var(--cyan);background:rgba(8,178,220,.12)}
[data-theme=dark] .nav a{color:var(--ink)}[data-theme=dark] .nav a:not(.btn):hover{color:var(--cyan)}
[data-theme=dark] .nav a.btn-primary{color:#fff}
[data-theme=dark] .tag{background:#1d3a78;color:#fff}
[data-theme=dark] .tag-accent,[data-theme=dark] .pill{background:var(--cyan-50);color:#c9f0fb;border-color:var(--cyan-100)}
[data-theme=dark] .linklike{color:var(--ink)}[data-theme=dark] .linklike:hover{color:var(--cyan)}
/* buttons */
[data-theme=dark] .btn-ghost{background:transparent;color:var(--ink);border-color:var(--input-line)}[data-theme=dark] .btn-ghost:hover{border-color:var(--cyan)}
[data-theme=dark] .btn-navy{background:#1d3a78;color:#fff}[data-theme=dark] .btn-navy:hover{background:#25488f}
[data-theme=dark] .btn-done{background:var(--cyan-50);color:#c9f0fb;border-color:var(--cyan-100)}
[data-theme=dark] .btn-danger{background:transparent;color:#ffa4a8;border-color:#7a2a33}[data-theme=dark] .btn-danger:hover{background:#3a1219;border-color:#ffa4a8}
[data-theme=dark] .btn-light{background:#fff;color:#011D5D!important}
/* surfaces */
[data-theme=dark] .alt{background:#0e1b39}
[data-theme=dark] .card,[data-theme=dark] .step,[data-theme=dark] .trust,[data-theme=dark] details,[data-theme=dark] .deal-card,[data-theme=dark] .filter-drawer,[data-theme=dark] .notes-log,[data-theme=dark] .activity-log{background:var(--card);border-color:var(--line)}
[data-theme=dark] .trust{border-top-color:var(--cyan)}[data-theme=dark] .trust h3{color:var(--link)}
[data-theme=dark] .testimonial{background:var(--card);border-color:var(--input-line);color:var(--muted)}[data-theme=dark] .testimonial cite{color:#9fb0cc}
[data-theme=dark] summary,[data-theme=dark] .notes-log>summary,[data-theme=dark] .activity-log>summary,[data-theme=dark] .activity-log summary,[data-theme=dark] .deal-gallery summary{color:var(--head)}
[data-theme=dark] .area-buyer .eyebrow{color:var(--cyan)}
[data-theme=dark] .big-check{box-shadow:0 0 0 8px rgba(8,178,220,.18)}
[data-theme=dark] .hero{background:linear-gradient(155deg,#060e22 0%,#0b1a45 45%,#0d3b85 100%)}
[data-theme=dark] .cta-band{background:linear-gradient(90deg,#0b1a45 0%,#0d3b85 100%)}
[data-theme=dark] .footer{background:#011D5D}
/* forms */
[data-theme=dark] .offer-form{color:var(--ink)}
[data-theme=dark] .form label,[data-theme=dark] .deal-filters label,[data-theme=dark] .tag-picker legend{color:#d3def2}
[data-theme=dark] .consent{color:var(--muted)!important}
[data-theme=dark] .form input,[data-theme=dark] .form select,[data-theme=dark] .form textarea,[data-theme=dark] .inline select,[data-theme=dark] .deal-filters input,[data-theme=dark] .deal-filters select,[data-theme=dark] .filter-bar input{background:var(--input);color:var(--ink);border-color:var(--input-line)}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#8d9cba;opacity:1}
[data-theme=dark] .form input:focus,[data-theme=dark] .form select:focus,[data-theme=dark] .form textarea:focus,[data-theme=dark] .deal-filters input:focus,[data-theme=dark] .deal-filters select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(8,178,220,.3)}
[data-theme=dark] .form input[type=checkbox],[data-theme=dark] .form input[type=radio]{accent-color:var(--cyan)}
[data-theme=dark] .tag-picker,[data-theme=dark] .photo-manager{border-color:var(--input-line)}
[data-theme=dark] .error{background:#3a1219;color:#ffc1c4;border-color:#7a2a33}
[data-theme=dark] .flash,[data-theme=dark] .notice{background:rgba(8,178,220,.1);color:var(--ink);border-color:var(--cyan-100)}
[data-theme=dark] .flash{border-left-color:var(--cyan)}[data-theme=dark] .notice{border-left-color:#3b8cff}
[data-theme=dark] .notice-warn{background:rgba(245,180,0,.1);border-color:rgba(245,180,0,.4);border-left-color:#f5b400;color:#fde2a0}
[data-theme=dark] .notice-error{background:#3a1219;border-color:#7a2a33;border-left-color:#ff6b72;color:#ffc1c4}
[data-theme=dark] .notice code,[data-theme=dark] .temp-pw{background:var(--input);color:var(--ink);border-color:var(--input-line)}
[data-theme=dark] .submit-notice,[data-theme=dark] .fineprint{color:var(--muted)}
/* deal cards */
[data-theme=dark] .deal-photo{background:#1a2a4f}
[data-theme=dark] .photo-ph{background:repeating-linear-gradient(45deg,#15254a,#15254a 12px,#1a2c55 12px,#1a2c55 24px);color:#a9b6cf}
[data-theme=dark] .badge-inline{background:rgba(245,140,40,.18);color:#fdc28a}
[data-theme=dark] .price{color:var(--link)}
[data-theme=dark] .deal-tags li{background:rgba(59,140,255,.16);color:#b7d6ff}
[data-theme=dark] .chip{background:var(--cyan-50);border-color:var(--cyan-100);color:#d6f3fb}[data-theme=dark] .chip span{color:var(--cyan)}
[data-theme=dark] .chip-clear{background:transparent;border-color:var(--input-line)}
[data-theme=dark] .sort-links b{color:var(--head)}
[data-theme=dark] .filter-drawer>summary:after{color:var(--cyan)}
/* CRM tables, tabs, badges */
[data-theme=dark] .tab{background:var(--card);border-color:var(--line);color:var(--ink)}
[data-theme=dark] .tab.active{background:#1f5fc4;color:#fff;border-color:#3b8cff}[data-theme=dark] .tab.active span{color:#d6ecff}
[data-theme=dark] .table th{background:var(--surface-2);color:#b9c5db}
[data-theme=dark] .row-warn td{background:rgba(245,140,40,.1)}
[data-theme=dark] .status{background:rgba(148,163,184,.16);color:var(--ink)}
[data-theme=dark] .st-new{background:rgba(59,140,255,.2);color:#b7d6ff}
[data-theme=dark] .st-contacted{background:rgba(245,180,0,.16);color:#fcd97a}
[data-theme=dark] .st-appointment{background:rgba(168,85,247,.22);color:#dcbcff}
[data-theme=dark] .st-offer-made{background:rgba(249,115,22,.2);color:#fdc09a}
[data-theme=dark] .st-under-contract{background:rgba(8,178,220,.22);color:#a8ecfb}
[data-theme=dark] .st-closed{background:#1f5fc4;color:#fff}
[data-theme=dark] .st-dead,[data-theme=dark] .st-draft{background:rgba(148,163,184,.16);color:#c0c9d8}
[data-theme=dark] .st-published{background:rgba(8,178,220,.14);color:#c9f0fb;box-shadow:inset 0 0 0 1px rgba(8,178,220,.6)}
[data-theme=dark] .st-sold{background:#1d3a78;color:#fff}
[data-theme=dark] .notes li{background:var(--surface-2)}
[data-theme=dark] .pipeline li.on{color:var(--link)}
[data-theme=dark] .activity li{color:#c3cee2}
[data-theme=dark] .note-act,[data-theme=dark] .consent-proof summary,[data-theme=dark] .audit code{color:var(--link)}
[data-theme=dark] .note-del{color:#ffa4a8}
[data-theme=dark] .note-change{background:rgba(245,140,40,.12);border-left-color:#f59e0b;color:var(--ink)}
[data-theme=dark] .audit-snapshot pre{background:var(--input);color:var(--ink)}
/* address / lead suggestion dropdown */
[data-theme=dark] .ac-list{background:#14244a;border-color:var(--input-line);box-shadow:0 12px 30px rgba(0,0,0,.5)}
[data-theme=dark] .ac-item{color:var(--ink)}[data-theme=dark] .ac-item b{color:#fff}[data-theme=dark] .ac-item span{color:var(--muted)}
[data-theme=dark] .ac-item.active,[data-theme=dark] .ac-item:hover{background:rgba(8,178,220,.18)}
[data-theme=dark] .ac-tag{color:#c9f0fb;background:rgba(8,178,220,.16);border-color:rgba(8,178,220,.4)}[data-theme=dark] .ac-item.ac-last.active .ac-tag,[data-theme=dark] .ac-item.ac-last:hover .ac-tag{background:rgba(8,178,220,.28)}
/* calculator */
[data-theme=dark] .calc-est{background:var(--cyan-50);border-color:var(--cyan-100)}
[data-theme=dark] .calc-est summary,[data-theme=dark] .calc-more>summary{color:var(--link)}
[data-theme=dark] .calc-est-line{color:var(--ink)}
[data-theme=dark] .calc-hero{background:linear-gradient(135deg,#0a1f55,#1452b0);box-shadow:inset 0 0 0 1px rgba(124,196,255,.25)}
[data-theme=dark] .calc-hero .calc-out-label,[data-theme=dark] .calc-math{color:#cdeefa}
[data-theme=dark] .calc-out b{color:var(--head)}[data-theme=dark] .calc-out b.neg,[data-theme=dark] .calc-out b.tier-thin{color:#ffa4a8}
[data-theme=dark] .calc-out b.pos,[data-theme=dark] .calc-out b.tier-good{color:#7ee2a8}[data-theme=dark] .calc-out b.tier-strong{color:#5ee08f}[data-theme=dark] .calc-out b.tier-fair{color:#fdc08a}
[data-theme=dark] .calc-hero .calc-mao{color:#fff}[data-theme=dark] .calc-mao.neg{color:#ffb4b4}
[data-theme=dark] .calc-verdict.good{background:rgba(18,183,106,.12);border-color:#2f9e68;color:#a6f0c6}
[data-theme=dark] .calc-verdict.tight,[data-theme=dark] .calc-flags{background:rgba(245,180,0,.1);border-color:#b8860b;color:#fde2a0}
[data-theme=dark] .calc-verdict.bad{background:#3a1219;border-color:#a8323b;color:#ffc1c4}
[data-theme=dark] .seg{border-color:var(--input-line)}
[data-theme=dark] .seg-btn{background:var(--input);color:var(--ink);border-right-color:var(--input-line)}
[data-theme=dark] .seg-btn.on{background:#1f5fc4;color:#fff}
[data-theme=dark] .calc-table tr.on td{background:rgba(8,178,220,.14)}
[data-theme=dark] .hero .eyebrow{color:#5fd6f5}[data-theme=dark] .calc-range b{color:#8fe6fb}

/* Do not contact (dark) */
[data-theme=dark] .dnc-banner{background:#7a1014;border-left-color:#ff6b72;box-shadow:none}
[data-theme=dark] .badge-dnc{background:#c1272d;color:#fff}
[data-theme=dark] .notice-dnc{background:#3a1219;border-color:#7a2a33;border-left-color:#ff6b72;color:#ffc1c4}
[data-theme=dark] .dnc-text{color:#ff8a90}
[data-theme=dark] tr.row-dnc td:first-child{box-shadow:inset 4px 0 0 #ff6b72}
[data-theme=dark] .tab-dnc{border-color:#7a2a33;color:#ff8a90}[data-theme=dark] .tab-dnc.active{background:#c1272d;border-color:#ff6b72;color:#fff}
[data-theme=dark] .st-priority{background:#0b1b3f;color:#c9f0fb;box-shadow:inset 0 0 0 1px rgba(8,178,220,.7)}
[data-theme=dark] .st-aging{background:rgba(245,180,0,.16);color:#fcd97a}
[data-theme=dark] .chase-hint{color:#fcd97a}
[data-theme=dark] .notice-chase{background:rgba(245,180,0,.1);border-color:#b8860b;border-left-color:#fcd97a;color:#fde2a0}
[data-theme=dark] .tab-overdue{border-color:#b8860b;color:#fcd97a}.tab-overdue.active{background:#92600a;color:#fff}
[data-theme=dark] .tab-aging{border-color:#b8860b;color:#fcd97a}.tab-aging.active{background:rgba(245,180,0,.16);color:#fcd97a}
[data-theme=dark] tr.row-priority td:first-child{box-shadow:inset 4px 0 0 #5fd6f5}
[data-theme=dark] tr.row-aging:not(.row-priority):not(.row-dnc) td:first-child{box-shadow:inset 4px 0 0 #fcd97a}
[data-theme=dark] tr.row-priority.row-dnc td:first-child,[data-theme=dark] tr.row-aging.row-dnc td:first-child{box-shadow:inset 4px 0 0 #ff6b72}
[data-theme=dark] tr.row-priority:not(.row-dnc){background:linear-gradient(90deg,rgba(8,178,220,.1),transparent 48%)}
[data-theme=dark] tr.row-aging:not(.row-dnc):not(.row-priority){background:linear-gradient(90deg,rgba(245,180,0,.08),transparent 48%)}

/* Lead documents: signed PSA review */
.lead-docs .docs{list-style:none;margin:8px 0 12px;padding:0;display:grid;gap:10px}
.lead-docs .doc{border:1px solid var(--cyan-100);border-left:4px solid var(--cyan);border-radius:10px;padding:10px 12px;background:#fff}
.doc-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.doc-icon{flex:none;width:38px;height:38px;border-radius:8px;background:var(--navy);color:#fff;font-size:.7rem;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;justify-content:center}
.doc-info{flex:1 1 220px;min-width:0}.doc-name{word-break:break-word;color:var(--navy)}
.doc-links{display:flex;gap:6px;flex:none}
.doc-review{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:999px;vertical-align:middle;white-space:nowrap}
.rv-pending{background:#fff4d6;color:#92600a}.rv-approved{background:var(--cyan-50);color:var(--navy);box-shadow:inset 0 0 0 1px var(--cyan)}.rv-changes{background:#ffe8d9;color:#b4480c}
.doc-review-meta{margin-top:2px;color:var(--royal)}
.doc-review-form{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;padding-top:8px;border-top:1px dashed var(--cyan-100)}
.doc-review-form select{width:auto}.doc-review-form input{flex:1 1 180px;width:auto}
.doc-del{color:#a4161a;font-size:.85rem;margin-top:6px}
.doc-upload{background:var(--cyan-50);border-radius:10px;padding:12px}
.badge-psa{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.02em;padding:3px 8px;border-radius:6px;margin-left:6px;vertical-align:middle;white-space:nowrap;text-decoration:none}
.badge-psa.psa-pending{background:var(--royal);color:#fff}.badge-psa.psa-changes{background:#ffe8d9;color:#b4480c}.badge-psa.psa-approved{background:var(--cyan-50);color:var(--navy);box-shadow:inset 0 0 0 1px var(--cyan)}
.tab-psa{border-color:var(--cyan-100);color:var(--royal)}.tab-psa.active{background:var(--royal);border-color:var(--navy);color:#fff}.tab-psa.active span{color:var(--cyan-100)}
[data-theme=dark] .lead-docs .doc{background:rgba(255,255,255,.03);border-color:rgba(8,178,220,.3);border-left-color:var(--cyan)}
[data-theme=dark] .doc-name{color:#e6eefc}[data-theme=dark] .doc-icon{background:#1f5fc4}
[data-theme=dark] .doc-upload{background:rgba(8,178,220,.08)}
[data-theme=dark] .rv-pending{background:rgba(245,180,0,.16);color:#fcd97a}[data-theme=dark] .rv-approved{background:rgba(8,178,220,.14);color:#c9f0fb;box-shadow:inset 0 0 0 1px rgba(8,178,220,.6)}[data-theme=dark] .rv-changes{background:rgba(249,115,22,.2);color:#fdc09a}
[data-theme=dark] .doc-review-meta{color:#a8ecfb}[data-theme=dark] .doc-del{color:#ff8a90}
[data-theme=dark] .badge-psa.psa-pending{background:#1f5fc4}[data-theme=dark] .badge-psa.psa-changes{background:rgba(249,115,22,.2);color:#fdc09a}[data-theme=dark] .badge-psa.psa-approved{background:rgba(8,178,220,.14);color:#c9f0fb}
[data-theme=dark] .tab-psa{border-color:rgba(8,178,220,.35);color:#a8ecfb}[data-theme=dark] .tab-psa.active{background:#1f5fc4;color:#fff}

/* ---- Team SOPs (/crm/sops): calm, spacious, scannable. Light + dark + mobile + print. ---- */
.sop-wrap{max-width:1160px}
.sops .eyebrow{color:var(--royal)}
[data-theme=dark] .sops .eyebrow{color:var(--cyan)}
.sop-hero{background:linear-gradient(155deg,var(--navy-dk) 0%,var(--navy) 50%,var(--royal) 100%);color:#fff;border-radius:18px;padding:34px 32px 26px;margin-bottom:28px;box-shadow:var(--shadow)}
.sop-hero h1{color:#fff;margin:0 0 6px}.sop-hero .eyebrow{color:var(--cyan)}
.sop-lede{max-width:62ch;font-size:1.08rem;opacity:.95;margin:0 0 20px}
.sop-hint{color:rgba(255,255,255,.78)!important;margin:10px 0 0}
.sop-kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;font:600 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);background:var(--card)}
.sop-hint .sop-kbd{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}
/* Search */
.sop-search{position:relative;max-width:720px}
.sop-search input{width:100%;padding:15px 52px 15px 48px;font:inherit;font-size:1.05rem;border:2px solid transparent;border-radius:14px;background:var(--card);color:var(--ink);box-shadow:0 4px 18px rgba(1,29,93,.14);-webkit-appearance:none;appearance:none}
.sop-search input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(8,178,220,.25)}
.sop-search-icon{position:absolute;left:16px;top:15px;color:var(--muted);pointer-events:none}
.sop-search .sop-kbd{position:absolute;right:14px;top:15px}
.sop-search input:focus ~ .sop-kbd{display:none}
.sop-results{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(1,29,93,.22);max-height:min(70vh,560px);overflow:auto;padding:8px;text-align:left}
.sop-results-count,.sop-results-empty{font-size:.85rem;color:var(--muted);padding:8px 10px}
.sop-group+.sop-group{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.sop-group-title{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--royal);padding:8px 10px 4px}
[data-theme=dark] .sop-group-title{color:var(--cyan)}
.sop-result{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)!important}
.sop-result:hover,.sop-result.is-active{background:var(--cyan-50)}
.sop-result.is-active{box-shadow:inset 3px 0 0 var(--cyan)}
.sop-result-h{display:block;font-weight:650;color:var(--navy)}[data-theme=dark] .sop-result-h{color:var(--head)}
.sop-result-p{font-weight:500;color:var(--muted)}
.sop-result-snip{display:block;font-size:.88rem;color:var(--muted);margin-top:2px;line-height:1.45}
.sop-results mark,mark.sop-hit{background:#ffe58a;color:#14213D;border-radius:3px;padding:0 1px}
mark.sop-hit{box-shadow:0 0 0 2px #ffe58a;transition:background .8s,box-shadow .8s}
mark.sop-hit.sop-hit-fade{background:transparent;box-shadow:none;color:inherit}
.sop-nojs-results{margin:0 0 24px}.sop-nojs-results ul{margin:0;padding-left:20px}.sop-nojs-results li{margin:6px 0}
/* Landing cards */
.sop-cards{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.sop-card{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow);transition:transform .15s,border-color .15s,box-shadow .15s}
.sop-card:hover,.sop-card:focus-visible{border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 10px 30px rgba(1,29,93,.14)}
.sop-card-num{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.15rem;background:var(--cyan-50);color:var(--navy);border:1px solid var(--cyan-100)}
[data-theme=dark] .sop-card-num{color:var(--head)}
.sop-card-start{border-color:var(--cyan);background:linear-gradient(90deg,var(--cyan-50),var(--card) 60%)}
.sop-card-start .sop-card-num{background:var(--royal);color:#fff;border-color:var(--royal)}
.sop-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sop-start-tag{align-self:flex-start;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--cyan);color:var(--navy);padding:2px 9px;border-radius:99px}
.sop-card-title{font-size:1.2rem;font-weight:700;color:var(--navy)}[data-theme=dark] .sop-card-title{color:var(--head)}
.sop-card-desc{color:var(--ink);max-width:70ch}
.sop-card-meta{font-size:.82rem;color:var(--muted)}
.sop-card-go{flex:none;font-size:1.4rem;color:var(--royal)}[data-theme=dark] .sop-card-go{color:var(--cyan)}
.sop-foot{margin-top:28px;text-align:center}
/* SOP page */
.sop-crumbs{margin:0 0 14px;color:var(--muted)}.sop-crumbs a{text-decoration:none;font-weight:600}
.sop-topsearch{margin:0 0 26px}.sop-topsearch .sop-search{max-width:none}
.sop-topsearch .sop-search input{box-shadow:none;border-color:var(--line);padding-top:13px;padding-bottom:13px}
.sop-topsearch .sop-search-icon{top:14px}.sop-topsearch .sop-search .sop-kbd{top:14px}
.sop-head{max-width:72ch;margin:0 0 26px}
.sop-head h1{margin:0 0 10px}
.sop-summary{font-size:1.12rem;line-height:1.6;margin:0 0 10px}
.sop-meta{margin:0 0 14px}
.sop-tools{display:flex;flex-wrap:wrap;gap:8px}
.sop-checknote{margin:10px 0 0}
.sop-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:40px;align-items:start}
.sop-toc-side{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;padding:4px 6px 12px 0;font-size:.9rem}
.sop-toc-title{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.sop-toc ol{list-style:none;margin:0;padding:0}
.sop-toc li{margin:0}
.sop-toc a{display:block;padding:6px 10px;border-left:2px solid var(--line);text-decoration:none;color:var(--ink);line-height:1.35}
.sop-toc li li a{padding:4px 10px 4px 22px;font-size:.84rem;color:var(--muted)}
.sop-toc a:hover{color:var(--royal);border-left-color:var(--cyan)}
.sop-toc a.is-current{color:var(--royal);border-left-color:var(--royal);font-weight:650;background:var(--cyan-50)}
[data-theme=dark] .sop-toc a:hover,[data-theme=dark] .sop-toc a.is-current{color:var(--cyan);border-left-color:var(--cyan)}
.sop-toc-mobile{display:none}
.sop-main{min-width:0;max-width:780px}
.sop-filter{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:0 0 18px}
.sop-filter label{display:block;font-weight:700;font-size:.88rem;color:var(--navy);margin:0 0 6px}[data-theme=dark] .sop-filter label{color:var(--head)}
.sop-filter-row{display:flex;gap:8px}
.sop-filter input{flex:1;min-width:0;padding:10px 12px;font:inherit;border:1.5px solid var(--input-line,#cfd7e2);border-radius:10px;background:var(--input,#fff);color:var(--ink)}
.sop-filter input:focus{outline:none;border-color:var(--royal);box-shadow:0 0 0 3px rgba(4,178,224,.25)}
.sop-filter-status{margin:8px 0 0;min-height:1em}.sop-filter-status:empty{display:none}
.sop-sec{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0 0 16px;box-shadow:0 2px 10px rgba(1,29,93,.05);scroll-margin-top:96px}
.sop-sec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:18px 22px;border-radius:16px}
.sop-sec>summary::-webkit-details-marker{display:none}
.sop-sec>summary:hover{background:var(--cyan-50)}
.sop-sec>summary:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.sop-sec>summary h2{margin:0;font-size:1.25rem;flex:1}
.sop-count,.sop-progress{flex:none;font-size:.78rem;font-weight:600;color:var(--muted);background:var(--bg);border:1px solid var(--line);padding:3px 10px;border-radius:99px}
.sop-progress.is-done{background:#dcf5e6;color:#11603a;border-color:#a8e0bf}
[data-theme=dark] .sop-progress.is-done{background:rgba(52,199,120,.15);color:#8ee5b2;border-color:rgba(52,199,120,.4)}
.sop-chev{flex:none;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);margin:-4px 4px 0;transition:transform .2s}
.sop-sec[open]>summary .sop-chev{transform:rotate(-135deg);margin-top:4px}
.sop-sec-body{padding:2px 26px 22px;line-height:1.7}
.sop-sec-body p,.sop-sec-body ul,.sop-sec-body ol{margin:0 0 14px;max-width:70ch}
.sop-sec-body li{margin:6px 0}
.sop-sec-body ul,.sop-sec-body ol{padding-left:22px}
.sop-item{border-top:1px solid var(--line);padding:20px 0 4px;scroll-margin-top:96px}
.sop-intro+.sop-item,.sop-sec-body>.sop-item:first-child{border-top:0;padding-top:8px}
.sop-item h3{position:relative;font-size:1.08rem;margin:0 0 10px;line-height:1.35}
.sop-anchor{position:absolute;left:-18px;opacity:0;text-decoration:none;color:var(--muted)!important;font-weight:400}
.sop-item h3:hover .sop-anchor,.sop-anchor:focus{opacity:1}
.sop-flash{animation:sopflash 2.2s ease-out}
@keyframes sopflash{0%,35%{box-shadow:0 0 0 3px var(--cyan),0 0 0 10px rgba(8,178,220,.18)}100%{box-shadow:0 0 0 0 transparent}}
.sop-item.sop-flash{border-radius:10px}
.sop-box{border-radius:12px;padding:14px 18px;margin:0 0 16px;max-width:70ch;border:1px solid var(--line);background:var(--bg)}
.sop-box p:last-child,.sop-box ul:last-child{margin-bottom:0}
.sop-box-label{font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin:0 0 6px;color:var(--muted)}
.sop-say{border-left:4px solid var(--cyan);background:var(--cyan-50);border-color:var(--cyan-100);border-left-color:var(--cyan)}
.sop-say .sop-box-label{color:var(--royal)}[data-theme=dark] .sop-say .sop-box-label{color:var(--cyan)}
.sop-say p{font-size:1.03rem}
.sop-rules{border:2px solid var(--royal);background:var(--card)}
.sop-rules .sop-box-label{color:var(--royal)}[data-theme=dark] .sop-rules{border-color:var(--cyan)}[data-theme=dark] .sop-rules .sop-box-label{color:var(--cyan)}
.sop-internal{border-left:4px solid #d9a400;background:#fff8e1;border-color:#f3dc9a;border-left-color:#d9a400}
.sop-internal .sop-box-label{color:#8a6500}
[data-theme=dark] .sop-internal{background:rgba(217,164,0,.12);border-color:rgba(217,164,0,.35);border-left-color:#d9a400}[data-theme=dark] .sop-internal .sop-box-label{color:#ffd970}
.sop-callout{background:var(--bg)}
.ph{font-weight:600;color:var(--royal);white-space:nowrap}[data-theme=dark] .ph{color:var(--cyan)}
.sop-checklist{list-style:none;padding:0!important}
.sop-checklist li{margin:4px 0}
.sop-checklist label{display:flex;gap:12px;align-items:flex-start;padding:8px 10px;border-radius:10px;cursor:pointer}
.sop-checklist label:hover{background:var(--cyan-50)}
.sop-checklist input{flex:none;width:20px;height:20px;margin:3px 0 0;accent-color:var(--royal);cursor:pointer}
.sop-checklist input:checked+span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--cyan)}
.sop-table-wrap{overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:12px}
.sop-table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.45}
.sop-table th,.sop-table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.sop-table thead th{background:var(--navy);color:#fff;font-weight:650;font-size:.85rem}
.sop-table tbody th{font-weight:650;color:var(--navy);white-space:nowrap}[data-theme=dark] .sop-table tbody th{color:var(--head)}
.sop-table tbody tr:last-child>*{border-bottom:0}
.sop-table tbody tr:nth-child(even){background:var(--bg)}
[data-theme=dark] .sop-table thead th{background:#1d3a78}
.sop-pager{display:flex;justify-content:space-between;gap:12px;margin:28px 0 0}
.sop-pager a{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none;font-weight:650;max-width:48%}
.sop-pager-next{text-align:right;margin-left:auto}
.nav a[aria-current=page]{color:var(--royal)}[data-theme=dark] .nav a[aria-current=page]{color:var(--cyan)}
@media (max-width:900px){
  .sop-layout{grid-template-columns:1fr;gap:0}
  .sop-toc-side{display:none}
  .sop-toc-mobile{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;margin:0 0 16px;padding:0 6px}
  .sop-toc-mobile>summary{cursor:pointer;padding:14px 12px;font-weight:700;color:var(--navy)}[data-theme=dark] .sop-toc-mobile>summary{color:var(--head)}
  .sop-toc-mobile ol{padding:0 6px 12px}
  .sop-main{max-width:none}
}
@media (max-width:600px){
  .sop-hero{padding:24px 18px 20px;border-radius:14px}
  .sop-search input{font-size:16px;padding:13px 14px 13px 44px}
  .sop-search .sop-kbd,.sop-hint{display:none}
  .sop-search-icon{left:14px;top:13px}
  .sop-results{position:fixed;left:10px;right:10px;top:auto;max-height:60vh}
  .sop-card{padding:18px 16px;gap:14px;align-items:flex-start}
  .sop-card-num{width:38px;height:38px;font-size:1rem}
  .sop-card-go{display:none}
  .sop-sec>summary{padding:16px 16px}
  .sop-sec>summary h2{font-size:1.1rem}
  .sop-sec-body{padding:0 16px 18px}
  .sop-anchor{display:none}
  .sop-table{font-size:.88rem}.sop-table th,.sop-table td{padding:8px 10px}
  .sop-pager{flex-direction:column}.sop-pager a{max-width:none}
}
@media print{
  .topbar,.footer,.staging-banner,.sop-topsearch,.sop-search,.sop-hint,.sop-tools,.sop-toc,.sop-filter,.sop-pager,.sop-crumbs,.sop-chev,.sop-count,.sop-anchor,.viewas-banner,.flash{display:none!important}
  body,body.area-crm{background:#fff!important;color:#000}
  .sop-layout{display:block}.sop-main,.sop-head{max-width:none}
  .sop-sec{border:0;box-shadow:none;margin:0 0 10px;break-inside:auto}
  .sop-sec>summary{padding:10px 0 4px}.sop-sec>summary h2{font-size:1.2rem;color:#000}
  .sop-sec-body{padding:0}
  .sop-item{break-inside:avoid}
  .sop-box{break-inside:avoid;background:#fff!important}
  .sop-hero{background:none;color:#000;box-shadow:none;padding:0}.sop-hero h1{color:#000}
  .sop-card{box-shadow:none}
  .sop-table thead th{background:#eee!important;color:#000}
  a{color:#000;text-decoration:none}
  mark.sop-hit{background:none;box-shadow:none}
}
.sops [hidden]{display:none!important}

/* ---- CRM header (one row at every width; hamburger panel below 1000px) ---- */
.area-crm .topbar-inner{flex-wrap:nowrap;gap:20px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;flex:none;min-width:0}
.brand .tag{white-space:nowrap;line-height:1.4;flex:none}
.area-crm .logo img{height:56px}
.crm-nav{margin-left:auto;display:flex;align-items:center;gap:14px;min-width:0}
.crm-nav ul{list-style:none;margin:0;padding:0}
.crm-links{display:flex;align-items:center;gap:4px}
.crm-links>li>a,.menu-btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:9px;border:0;background:none;font:inherit;font-size:.95rem;font-weight:600;color:var(--navy);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s}
.crm-links>li>a:hover,.menu-btn:hover,.menu-btn[aria-expanded=true]{background:var(--cyan-50);color:var(--royal)}
.crm-links>li>a[aria-current=page],.menu-btn.is-current{background:var(--cyan-50);color:var(--royal);box-shadow:inset 0 -2px 0 var(--royal)}
.crm-nav a:focus-visible,.menu-btn:focus-visible,.menu-item-btn:focus-visible,.nav-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.caret{flex:none;transition:transform .15s}.menu-btn[aria-expanded=true] .caret{transform:rotate(180deg)}
.menu{position:relative}
html.js .menu-panel{display:none}
html.js .menu.open>.menu-panel{display:block}
.menu-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(1,29,93,.16);padding:6px;z-index:40}
.menu-right{left:auto;right:0;min-width:240px}
.menu-label{margin:4px 10px 4px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.menu-panel a,.menu-item-btn{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:8px;border:0;background:none;font:inherit;font-size:.95rem;font-weight:600;color:var(--navy);text-decoration:none;white-space:nowrap;cursor:pointer}
.menu-panel a:hover,.menu-item-btn:hover{background:var(--cyan-50);color:var(--royal)}
.menu-panel a[aria-current=page]{background:var(--cyan-50);color:var(--royal);box-shadow:inset 3px 0 0 var(--royal)}
.menu-panel .inline-form{display:block}
.account-btn{padding:0 8px 0 4px;height:42px;border:1px solid var(--line);border-radius:99px}
.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--navy);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.02em;flex:none}
.avatar-lg{width:40px;height:40px;font-size:.9rem}
.account-head{display:flex;align-items:center;gap:12px;padding:10px 12px 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.account-head strong{display:block;color:var(--ink);white-space:nowrap}
.role-pill{display:inline-block;margin-top:3px;font-size:.74rem;font-weight:600;padding:1px 9px;border-radius:99px;background:var(--cyan-50);color:var(--navy);border:1px solid var(--cyan-100)}
.nav-toggle{display:none;flex:none;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1.5px solid var(--line);border-radius:10px;background:transparent;color:var(--navy);cursor:pointer}
.nav-toggle-bars{position:relative;display:block;width:20px;height:14px}
.nav-toggle-bars span{position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
.nav-toggle-bars span:nth-child(1){top:0}.nav-toggle-bars span:nth-child(2){top:6px}.nav-toggle-bars span:nth-child(3){top:12px}
.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded=true] .nav-toggle-bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.area-crm .theme-toggle{flex:none}
/* mid widths: account shows just the initials */
@media (max-width:1180px){.crm-nav-admin .account-name{display:none}.crm-links>li>a,.menu-btn{padding:0 10px}.area-crm .topbar-inner{gap:16px}}
/* below 1000px: hamburger + slide-down panel */
@media (max-width:999px){
  .area-crm .topbar-inner{gap:10px;min-height:64px}
  .area-crm .logo img{height:48px}
  .brand{margin-right:auto}
  html.js .nav-toggle{display:inline-flex}
  html.js .crm-nav{position:absolute;left:0;right:0;top:100%;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 16px 16px;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 16px 32px rgba(1,29,93,.14);max-height:calc(100vh - 72px);overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility 0s linear .18s}
  html.js .topbar.nav-open .crm-nav{visibility:visible;opacity:1;transform:none;transition:opacity .18s,transform .18s}
  html:not(.js) .crm-nav{flex-wrap:wrap}
  .crm-links{flex-direction:column;align-items:stretch;gap:2px}
  .crm-links>li>a,.menu-btn{height:auto;padding:12px 14px;font-size:1rem;width:100%}
  .crm-links>li>a[aria-current=page]{box-shadow:inset 3px 0 0 var(--royal)}
  /* inside the panel the menus are plain groups, always expanded */
  .menu-admin>.menu-btn{display:none}
  html.js .menu-panel,.menu-panel{display:block;position:static;box-shadow:none;border:0;border-radius:0;padding:0;min-width:0;background:none}
  .menu-admin>.menu-panel{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
  .menu-panel a,.menu-item-btn{padding:12px 14px;font-size:1rem}
  .menu-account{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
  .menu-account>.account-btn{display:none}
  .account-head{border-bottom:0;padding:6px 14px 8px;margin:0}
  .menu-account ul{display:flex;gap:8px;padding:0 6px}
  .menu-account li{flex:1}
  .menu-account a,.menu-account .menu-item-btn{text-align:center;border:1px solid var(--line);padding:10px 12px;font-size:.95rem}
}
@media (max-width:600px){.area-crm .wrap.topbar-inner{padding-left:14px;padding-right:14px}.area-crm .logo img{height:42px}.brand{gap:8px}.brand .tag{font-size:.7rem;padding:3px 8px}.nav-toggle{width:38px;height:38px}}
@media (max-width:359px){.brand .tag{display:none}}
@media (prefers-reduced-motion:reduce){html.js .crm-nav,.caret,.nav-toggle-bars span{transition:none!important}}
[data-theme=dark] .crm-links>li>a,[data-theme=dark] .menu-btn,[data-theme=dark] .menu-panel a,[data-theme=dark] .menu-item-btn{color:var(--ink)}
[data-theme=dark] .crm-links>li>a:hover,[data-theme=dark] .menu-btn:hover,[data-theme=dark] .menu-btn[aria-expanded=true],[data-theme=dark] .menu-panel a:hover,[data-theme=dark] .menu-item-btn:hover{background:rgba(8,178,220,.12);color:#c9f0fb}
[data-theme=dark] .crm-links>li>a[aria-current=page],[data-theme=dark] .menu-btn.is-current,[data-theme=dark] .menu-panel a[aria-current=page]{background:rgba(8,178,220,.16);color:#fff;box-shadow:inset 0 -2px 0 var(--cyan)}
[data-theme=dark] .menu-panel a[aria-current=page]{box-shadow:inset 3px 0 0 var(--cyan)}
[data-theme=dark] .menu-panel{background:#122247;border-color:var(--input-line);box-shadow:0 14px 36px rgba(0,0,0,.5)}
[data-theme=dark] .account-btn,[data-theme=dark] .nav-toggle{border-color:var(--input-line)}
[data-theme=dark] .nav-toggle{color:var(--ink)}
[data-theme=dark] .avatar{background:#1d3a78}
[data-theme=dark] .role-pill{color:#c9f0fb}
@media (max-width:999px){
  [data-theme=dark] html.js .crm-nav,html.js[data-theme=dark] .crm-nav{background:#0d1a38;box-shadow:0 16px 36px rgba(0,0,0,.5)}
  html[data-theme=dark] .menu-panel{background:none;box-shadow:none}
  html[data-theme=dark] .crm-links>li>a[aria-current=page]{box-shadow:inset 3px 0 0 var(--cyan)}
}
/* tablets: the panel is a right-aligned card instead of a full-width sheet */
@media (min-width:601px) and (max-width:999px){
  html.js .crm-nav{left:auto;right:20px;width:340px;border:1px solid var(--line);border-top:0;border-radius:0 0 14px 14px}
  html.js[data-theme=dark] .crm-nav{border-color:var(--input-line)}
}
/* ---- site fixes (Oct 23) ---- */
/* Long links/strings never push the page wider than the screen */
main p,main li,main td,main dd,.footer p{overflow-wrap:break-word}
main a{overflow-wrap:anywhere}
.nowrap{white-space:nowrap}.balance{text-wrap:balance}
/* CRM tables: headings stay on one line on tablets/desktops (the card scrolls sideways if it must) */
@media (min-width:821px){.th-nowrap th{white-space:nowrap}}
@media (max-width:600px){
  /* Stacked form rows: the label margin already spaces fields, so no extra grid gap */
  .form .row2,.form .row3{row-gap:0}
  /* Buyer header: logo, tag, Deals, Log out and the theme switch on one row */
  .area-buyer .topbar-inner{flex-wrap:nowrap;gap:10px;padding:8px 14px}
  .area-buyer .nav{order:0;margin-left:auto;width:auto;flex-wrap:nowrap;gap:12px;font-size:.92rem}
  .area-buyer .nav form{margin-left:0}
  .area-buyer .theme-toggle{order:0;margin-left:0;flex:none}
  .area-buyer .logo{flex:none}.area-buyer .tag{white-space:nowrap;font-size:.7rem;padding:3px 8px}
}
/* CRM tables become stacked cards on phones and portrait tablets */
@media (max-width:820px){
  .table-stack thead{display:none}
  .table-stack,.table-stack tbody,.table-stack tr,.table-stack td{display:block;width:100%}
  .table-stack tr{padding:12px 16px;border-bottom:1px solid var(--line)}
  .table-stack tr:last-child{border-bottom:0}
  .table-stack td,.table-stack tr:last-child td{border-bottom:0;padding:3px 0}
  .table-stack tr td[data-label],.table-stack tr:last-child td[data-label]{position:relative;padding-left:104px;min-height:24px}
  .table-stack td[data-label]::before{content:attr(data-label);position:absolute;left:0;top:5px;width:96px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);line-height:1.3}
  .table-stack td.stack-head{font-size:1rem;padding-bottom:6px}
  .table-stack td.stack-actions{padding-top:8px;min-width:0}
  .table-stack td.stack-actions:empty{display:none}
  .table-stack td[colspan]{padding:6px 0;text-align:center}
  .table-stack select{max-width:min(100%,340px)}
  /* Status stripe: on cards the first cell is a full-width block with no left padding, so draw the stripe on the card edge instead */
  .table-stack tr.row-dnc td:first-child,.table-stack tr.row-priority td:first-child,.table-stack tr.row-aging td:first-child{box-shadow:none!important}
  .table-stack tr.row-priority{box-shadow:inset 4px 0 0 var(--cyan)}
  .table-stack tr.row-aging:not(.row-priority):not(.row-dnc){box-shadow:inset 4px 0 0 #e6a817}
  .table-stack tr.row-dnc{box-shadow:inset 4px 0 0 #a4161a}
  [data-theme=dark] .table-stack tr.row-priority{box-shadow:inset 4px 0 0 #5fd6f5}
  [data-theme=dark] .table-stack tr.row-aging:not(.row-priority):not(.row-dnc){box-shadow:inset 4px 0 0 #fcd97a}
  [data-theme=dark] .table-stack tr.row-dnc{box-shadow:inset 4px 0 0 #ff6b72}
}
@media (max-width:420px){.area-buyer .tag{display:none}}

/* CRM: leads page head actions, team last-login cells, CSV import */
.page-head .head-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}.page-head .head-actions .btn{margin-left:0}
.never{color:var(--muted);font-style:italic}
.import-list{margin:6px 0 14px;padding-left:20px;font-size:.92rem}.import-list li{margin:3px 0}
.import-self{align-self:end;margin:0 0 12px}
#import-form input[type=file],#import-preview select{max-width:100%}
#import-confirm[disabled]{opacity:.5;cursor:not-allowed}
@media (max-width:560px){.page-head .head-actions{margin-left:0;width:100%}.page-head .head-actions .btn{flex:1;text-align:center}}

/* Team table has 7 columns: stack it into cards below 1100px so nothing scrolls sideways; keep names/emails readable above that */
@media (min-width:1101px){.table-team td.stack-head{min-width:190px;max-width:230px}.table-team td.stack-head a{overflow-wrap:break-word}.table-team td.tiny[data-label]{min-width:118px}.table-team td[data-label="Status"] .status{display:inline-block;max-width:104px;white-space:normal;border-radius:14px}}
@media (min-width:821px) and (max-width:1100px){
  .table-team.table-stack thead{display:none}
  .table-team.table-stack,.table-team.table-stack tbody,.table-team.table-stack tr,.table-team.table-stack td{display:block;width:100%}
  .table-team.table-stack tr{padding:12px 16px;border-bottom:1px solid var(--line)}
  .table-team.table-stack tr:last-child{border-bottom:0}
  .table-team.table-stack td,.table-team.table-stack tr:last-child td{border-bottom:0;padding:3px 0}
  .table-team.table-stack tr td[data-label],.table-team.table-stack tr:last-child td[data-label]{position:relative;padding-left:104px;min-height:24px}
  .table-team.table-stack td[data-label]::before{content:attr(data-label);position:absolute;left:0;top:5px;width:96px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);line-height:1.3}
  .table-team.table-stack td.stack-head{font-size:1rem;padding-bottom:6px}
  .table-team.table-stack td.stack-actions{padding-top:8px;min-width:0}
  .table-team.table-stack select{max-width:min(100%,340px)}
}
/* Import preview: mapping dropdowns use the full card width on phones/tablets, rows sit flush inside the form card */
#import-preview .btn-sm{margin:4px 0 14px}
@media (max-width:820px){#import-preview .table-stack select{width:100%;max-width:none}#import-preview .table-stack tr{padding-left:0;padding-right:0}}
/* Import mapping: same fixed column widths in the main table and the collapsed "other columns" table so they line up */
.import-map{table-layout:fixed}.import-map .c-col{width:36%}.import-map .c-ex{width:30%}.import-map .c-use{width:34%}
.import-map td{vertical-align:middle;overflow-wrap:anywhere}.import-map select{width:100%}
.import-ex{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
details.import-more{padding:0;margin:12px 0 18px;overflow:hidden;border-radius:12px}
details.import-more>summary{list-style:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:14px 16px 14px 38px;position:relative;font-weight:600;color:var(--ink)}
details.import-more>summary::-webkit-details-marker{display:none}
details.import-more>summary::before{content:"";position:absolute;left:18px;top:20px;width:7px;height:7px;border-right:2px solid var(--royal);border-bottom:2px solid var(--royal);transform:rotate(-45deg);transition:transform .15s}
details.import-more[open]>summary::before{transform:rotate(45deg);top:18px}
details.import-more>summary:hover{background:var(--cyan-50)}
details.import-more>summary:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px;border-radius:12px}
.import-more-act{color:var(--royal);text-decoration:underline;text-underline-offset:3px;font-weight:600}
details.import-more .when-open,details.import-more[open] .when-closed{display:none}details.import-more[open] .when-open{display:inline}
details.import-more>.table-card{border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;margin:0}
[data-theme=dark] details.import-more>summary{color:var(--head)}[data-theme=dark] .import-more-act{color:var(--link)}
[data-theme=dark] details.import-more>summary::before{border-color:var(--link)}
@media (max-width:820px){
  .import-ex{white-space:normal}
  .import-map td[data-label]:has(select)::before{top:50%;transform:translateY(-50%)}
  #import-preview details.import-more .table-stack tr{padding-left:16px;padding-right:16px}
}
/* Sort links for the stacked Team cards (the table headings with the same links are hidden there) */
.team-sort{margin:0}
@media (min-width:1101px){.team-sort{display:none}}

/* Bulk assign (Leads page, Admin) */
.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;padding:10px 14px;margin:0 0 12px}
.bulk-bar .bulk-count{font-size:.92rem;color:var(--muted)}
.bulk-bar.has-picks .bulk-count{color:inherit;font-weight:700}
.bulk-bar .bulk-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bulk-bar select{min-width:190px;max-width:100%;padding:7px 10px;margin:0;border:1.5px solid #cfd7e2;border-radius:9px;font:inherit;font-size:.9rem;background:#fff;color:var(--ink)}
[data-theme=dark] .bulk-bar select{background:var(--input);color:var(--ink);border-color:var(--input-line)}
.bulk-bar .btn-danger:disabled,.bulk-bar .btn-primary:disabled{opacity:.5;cursor:not-allowed}
.bulk-del-list{max-height:50vh;overflow:auto;padding-left:20px}.bulk-del-list li{margin:3px 0}
.bulk-bar .bulk-group{display:inline-flex;gap:8px;align-items:center}
.bulk-bar .bulk-left{display:flex;align-items:center;gap:6px 16px;flex-wrap:wrap}
.bulk-bar .bulk-all-label{display:inline-flex;align-items:center;font-size:.92rem;font-weight:600;cursor:pointer;white-space:nowrap}
input.bulk-pick{width:18px;height:18px;margin:0 8px 0 0;vertical-align:-3px;accent-color:var(--blue,#1d4ed8);cursor:pointer}
@media (max-width:640px){
  .bulk-bar .bulk-controls{width:100%}
  .bulk-bar select{flex:1 1 auto;min-width:0}
  .bulk-bar .bulk-group{display:flex;width:100%}
  .table-stack td.stack-head input.bulk-pick{margin-right:10px}
}