:root{
  --navy:#13202a; --navy2:#1d2f3c; --cream:#f6f4ee; --paper:#fffdf8; --line:#e4dfd2; --ink:#1c2328; --mute:#6b7177;
  --gold:#d9b25c; --goldt:#8a6a1f; --goldbg:#f7eed9; --red:#b3402e; --redbg:#f9e6e2; --green:#2f7a4f; --greenbg:#e3f2e8;
  --blue:#2c5d8a; --bluebg:#e5eef7; --r:10px; --shadow:0 1px 2px rgba(19,32,42,.06),0 4px 14px rgba(19,32,42,.05);
  --serif: "Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans: "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font:14px/1.45 var(--sans);color:var(--ink);background:var(--cream)}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
#app{display:flex;min-height:100vh}
#side{width:220px;background:var(--navy);color:#dfe5e9;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;flex:none}
.brand{display:flex;gap:10px;align-items:center;padding:18px 16px 14px}
.brand .mark{width:36px;height:36px;border-radius:9px;background:var(--gold);color:var(--navy);display:grid;place-items:center;font:700 15px var(--serif)}
.brand b{font:600 17px var(--serif);color:#fff;display:block}
.brand small{color:#9fb0bc;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
#nav{display:flex;flex-direction:column;padding:6px 8px;gap:1px;overflow:auto}
#nav a{color:#cfd8de;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px}
#nav a i{font-style:normal;width:18px;text-align:center;color:#8fa2b0}
#nav a:hover{background:var(--navy2);text-decoration:none}
#nav a.on{background:var(--navy2);color:#fff;box-shadow:inset 3px 0 0 var(--gold)}
#nav .badge{margin-left:auto;background:var(--gold);color:var(--navy);border-radius:10px;font-size:11px;font-weight:700;padding:0 7px;line-height:18px}
#nav .badge:empty{display:none}
.conn{margin-top:auto;padding:12px 16px;font-size:12px;color:#9fb0bc;border-top:1px solid #243746}
#conn > div{display:flex;gap:7px;align-items:center;margin:3px 0}
.dot{width:8px;height:8px;border-radius:50%;background:#58656e;display:inline-block}
.dot.ok{background:#5fbf86}.dot.bad{background:#e0735f}
main{flex:1;min-width:0;display:flex;flex-direction:column}
#top{position:sticky;top:0;z-index:20;background:rgba(246,244,238,.94);backdrop-filter:blur(6px);display:flex;gap:10px;align-items:center;padding:12px 24px;border-bottom:1px solid var(--line)}
#top .menu{display:none}
.search{flex:1;position:relative;max-width:560px}
.search input{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}
#qres{position:absolute;top:42px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);display:none;max-height:420px;overflow:auto}
#qres a{display:block;padding:8px 12px;color:var(--ink);border-bottom:1px solid #f1eee6}
#qres a:hover,#qres a.sel{background:var(--goldbg);text-decoration:none}
#view{padding:22px 24px 60px;max-width:1500px;width:100%}
h1{font:600 26px/1.2 var(--serif);margin:0 0 4px}
h2{font:600 18px/1.3 var(--serif);margin:0 0 10px}
h3{font:600 13px var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin:18px 0 8px}
.sub{color:var(--mute);margin:0 0 18px}
.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:7px 12px;border-radius:8px;font:500 13px var(--sans);cursor:pointer;white-space:nowrap}
.btn:hover{border-color:#c9c1ad}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:600}
.btn.navy{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.red{color:var(--red)}
.btn.sm{padding:4px 9px;font-size:12px}
.btn.ghost{background:transparent;border-color:transparent;color:var(--blue)}
.btn:disabled{opacity:.5;cursor:default}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.spacer{flex:1}
.grid{display:grid;gap:18px}
.g2{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}
.g3{grid-template-columns:300px minmax(0,1fr) 320px}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px}
.card+.card{margin-top:14px}
.card h2 .n{color:var(--mute);font:400 14px var(--sans);margin-left:6px}
.empty{color:var(--mute);padding:10px 0;font-style:italic}
.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#fff;border-radius:20px;padding:3px 10px;font-size:12px;cursor:pointer;color:var(--ink);white-space:nowrap}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.chip small{color:var(--mute)}.chip.on small{color:#c6d1d8}
.tag{display:inline-block;background:var(--goldbg);color:var(--goldt);border-radius:5px;padding:1px 7px;font-size:11.5px;margin:1px 3px 1px 0}
.pill{display:inline-block;border-radius:20px;padding:1px 9px;font-size:11.5px;font-weight:600;background:#eceae3;color:#444}
.pill.hot{background:var(--redbg);color:var(--red)}.pill.warm{background:var(--goldbg);color:var(--goldt)}
.pill.client{background:var(--greenbg);color:var(--green)}.pill.new{background:var(--bluebg);color:var(--blue)}
.score{font-weight:700;font-size:12px;color:var(--goldt)}
table.t{width:100%;border-collapse:collapse;font-size:13.5px}
table.t th{text-align:left;font-weight:600;color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 8px;border-bottom:1px solid var(--line);position:sticky;top:52px;background:var(--cream)}
table.t td{padding:9px 8px;border-bottom:1px solid #ece8de;vertical-align:top}
table.t tr:hover td{background:#fbf8f0}
table.t tr.clk{cursor:pointer}
.muted{color:var(--mute)}.small{font-size:12px}
input,select,textarea{font:inherit;color:inherit}
.f{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.f label{font-size:12px;color:var(--mute);font-weight:600}
.f input,.f select,.f textarea,.inp{border:1px solid var(--line);border-radius:7px;padding:7px 9px;background:#fff;width:100%}
.f textarea{min-height:90px;resize:vertical}
.fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0 12px}
.check{display:flex;gap:7px;align-items:center;font-size:13px;margin:4px 0}
/* tasks */
.task{border:1px solid var(--line);border-radius:9px;background:#fff;padding:11px 12px;margin-bottom:9px}
.task.p2{border-left:4px solid var(--red)}.task.p1{border-left:4px solid var(--gold)}
.task .tt{font-weight:600}
.task .who{font-weight:600;color:var(--navy)}
.task .meta{font-size:12px;color:var(--mute)}
.task .notes{white-space:pre-wrap;font-size:13px;color:#3d464c;margin:6px 0;background:#faf8f2;border-radius:6px;padding:6px 8px}
.task textarea,.task input.inp{margin:6px 0}
.task .acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.kind{display:inline-block;width:22px;height:22px;border-radius:6px;text-align:center;line-height:22px;font-size:12px;margin-right:6px;background:#eceae3}
.kind.call{background:var(--greenbg)}.kind.text{background:var(--bluebg)}.kind.email{background:var(--goldbg)}
/* timeline */
.tl{position:relative}
.ev{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid #efebe1}
.ev .ic{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:13px;background:#eceae3}
.ev.in .ic{background:var(--greenbg)}.ev.site .ic{background:var(--goldbg)}.ev.email .ic{background:var(--bluebg)}
.ev .bd{flex:1;min-width:0}
.ev .s{font-weight:600}
.ev .b{white-space:pre-wrap;color:#3d464c;font-size:13px;max-height:110px;overflow:hidden;cursor:pointer}
.ev .b.open{max-height:none}
.ev .ts{font-size:11.5px;color:var(--mute)}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:10px}
.tabs button{border:0;background:none;padding:8px 12px;font:600 13px var(--sans);color:var(--mute);cursor:pointer;border-bottom:2px solid transparent}
.tabs button.on{color:var(--navy);border-color:var(--gold)}
.kv{display:grid;grid-template-columns:110px 1fr;gap:5px 10px;font-size:13px}
.kv b{color:var(--mute);font-weight:600}
/* kanban */
.board{display:flex;gap:12px;overflow:auto;padding-bottom:10px;align-items:flex-start}
.col{background:#efece4;border-radius:10px;min-width:230px;width:230px;padding:8px;flex:none}
.col h4{margin:4px 6px 8px;font-size:13px;display:flex;justify-content:space-between}
.col.drop{outline:2px dashed var(--gold)}
.kc{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 9px;margin-bottom:7px;cursor:grab;font-size:13px}
.kc b{display:block}
/* steps */
.step{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px;margin-bottom:8px}
.step .hd{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.step .num{background:var(--navy);color:#fff;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:12px;font-weight:700}
.wait{font-size:12px;color:var(--mute);margin:2px 0 8px 32px}
/* bars */
.bar{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:13px}
.bar .lab{width:200px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar .tr{flex:1;background:#ece8de;border-radius:4px;height:16px;position:relative}
.bar .fl{background:var(--gold);height:100%;border-radius:4px}
.bar .v{width:60px;text-align:right;font-weight:600}
.stat{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.stat div{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px}
.stat b{display:block;font:600 26px var(--serif)}
.stat span{color:var(--mute);font-size:12px}
/* modal + toast */
.modal{position:fixed;inset:0;background:rgba(19,32,42,.45);display:none;align-items:flex-start;justify-content:center;z-index:50;overflow:auto;padding:40px 12px}
.modal.on{display:flex}
.mbox{background:var(--paper);border-radius:12px;width:min(760px,100%);padding:22px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.mbox .x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:24px;cursor:pointer;color:var(--mute)}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:9px;display:none;z-index:60;max-width:90vw}
.notice{background:var(--goldbg);border:1px solid #ecd9a8;border-radius:9px;padding:10px 12px;margin-bottom:14px;font-size:13px}
.notice.red{background:var(--redbg);border-color:#efc6bd}
.sig{display:flex;gap:9px;padding:8px 0;border-bottom:1px solid #efebe1;font-size:13px}
.sig .when{color:var(--mute);font-size:11.5px;white-space:nowrap}
pre.code{background:#fff;border:1px solid var(--line);padding:10px;border-radius:8px;white-space:pre-wrap;font-size:12px}
@media (max-width:1100px){.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr}}
/* Menu: a bar across the top that scrolls sideways, on every screen size */
#app{flex-direction:column}
#side{position:sticky;top:env(safe-area-inset-top, 0px);z-index:40;width:100%;height:auto;flex-direction:row;align-items:center;
      padding-left:env(safe-area-inset-left, 0px);padding-right:env(safe-area-inset-right, 0px);box-shadow:0 2px 10px rgba(19,32,42,.18)}
#side .brand{padding:8px 6px 8px 14px;flex:none}
#side .brand .mark{width:32px;height:32px;font-size:13px}
#nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:2px;padding:8px 10px 8px 4px;flex:1;min-width:0;
     scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#nav::-webkit-scrollbar{display:none}
#nav a{white-space:nowrap;padding:7px 11px;border-radius:20px;scroll-snap-align:start;flex:none}
#nav a i{display:none}
#nav a.on{background:var(--gold);color:var(--navy);box-shadow:none}
#nav a.on .badge{background:var(--navy);color:var(--gold)}
#nav .badge{margin-left:6px}
#side .conn{margin:0;border:0;border-left:1px solid #243746;padding:4px 14px;display:flex;gap:14px;align-items:center;flex:none;font-size:11.5px}
#side .conn #userbox{margin:0!important;display:flex;gap:8px;align-items:center}
#side .conn #userbox br{display:none}
#side .conn #conn{display:flex;gap:10px}
#side .conn #conn > div{margin:0;white-space:nowrap}
#top{position:static;padding:10px 24px}
#top .menu{display:none}
@media (max-width:1680px){#side .conn #conn{display:none}}
#nav{mask-image:linear-gradient(to right,#000 92%,transparent)}
@media (max-width:1000px){
  #side .brand div{display:none}
  #side .conn{display:none}
  #nav{mask-image:linear-gradient(to right,#000 85%,transparent)}
  #top{padding:10px 16px}
  #view{padding:16px}
  table.t th{top:0}
  .hide-m{display:none}
}
@media (max-width:520px){
  #top .btn{padding:7px 9px}
  #top .btn:last-child{display:none}
}
/* ---- profile pages (Facebook-style) ---- */
.profile{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}
.cover{height:210px;background:linear-gradient(120deg,var(--navy) 0%,#2b4357 60%,#8a6a1f 140%);background-size:cover;background-position:center;position:relative}
.cover .back{position:absolute;left:14px;top:12px;background:rgba(255,255,255,.88);color:var(--navy);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}
.phead{display:flex;gap:18px;align-items:flex-end;padding:0 22px 12px;margin-top:-56px;flex-wrap:wrap}
.av{border-radius:50%;background:var(--goldbg);color:var(--goldt);display:grid;place-items:center;font-weight:700;flex:none}
.av.lg{width:128px;height:128px;font:600 44px var(--serif);border:5px solid var(--paper);background:var(--navy);color:var(--gold);position:relative;z-index:1}
.av.lg.house{font-size:54px}
.av.sm{width:36px;height:36px;font-size:14px}
.av.sm.call{background:var(--greenbg);color:var(--green)}.av.sm.text{background:var(--bluebg);color:var(--blue)}.av.sm.email{background:var(--goldbg)}.av.sm.site{background:#f3e3c4}.av.sm.me{background:var(--navy);color:var(--gold)}
.pinfo{flex:1;min-width:240px;padding-top:62px}
.pinfo h1{font-size:30px}
.pacts{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:6px}
.ptabs{display:flex;gap:2px;border-top:1px solid var(--line);padding:0 14px;overflow:auto}
.ptabs button{border:0;background:none;padding:12px 14px;font:600 14px var(--sans);color:var(--mute);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}
.ptabs button:hover{background:#f6f2e8}
.ptabs button.on{color:var(--navy);border-color:var(--gold)}
.grid.fb{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}
.intro div{margin:6px 0}
.bg{white-space:pre-wrap;background:#faf8f2;border-radius:8px;padding:9px 10px;font-size:13px;margin-top:8px}
.next .sug{margin:7px 0;font-size:13.5px}
.composer{padding:12px}.composer .av{margin-right:8px}
.post{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px;box-shadow:var(--shadow)}
.post .ph{display:flex;gap:10px;align-items:center}
.post .ts{font-size:12px;color:var(--mute)}
.post .pt{font-weight:600;margin-top:8px}
.post .pb{white-space:pre-wrap;margin-top:6px;color:#2f383e;max-height:160px;overflow:hidden;cursor:pointer}
.post .pb.open{max-height:none}
.post.in{border-left:4px solid var(--green)}
.post.k-system,.post.k-stage{padding:8px 14px;box-shadow:none;background:transparent}
.post.k-system .pb,.post.k-stage .pb{display:none}
.intel{border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin:8px 0;background:#fff}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.gallery img{width:100%;height:130px;object-fit:cover;border-radius:8px;display:block}
/* prospect grid */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pc{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;box-shadow:var(--shadow)}
.pc:hover{border-color:#cdbf98}
.pcs{position:absolute;left:8px;top:8px;z-index:2;background:#fff;border-radius:6px;padding:2px 4px}
.pimg{height:140px;background:#e9e4d6 center/cover;display:grid;place-items:center;font-size:40px;color:#b8ab88;position:relative}
.pscore{position:absolute;right:8px;top:8px;background:var(--navy);color:var(--gold);font-weight:700;border-radius:20px;padding:2px 9px;font-size:13px}
.pbody{padding:10px 12px}
/* conversations */
.conv{display:grid;grid-template-columns:330px 1fr;border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden;height:calc(100vh - 170px);margin-top:12px}
.clist{border-right:1px solid var(--line);overflow:auto}
.citem{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #efebe1;color:var(--ink)}
.citem:hover{background:#faf6ec;text-decoration:none}.citem.on{background:var(--goldbg)}
.cthread{display:flex;flex-direction:column;min-width:0}
.msgs{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#fbf9f4}
.msg{max-width:72%;padding:8px 12px;border-radius:14px;white-space:pre-wrap;font-size:13.5px}
.msg.in{background:#fff;border:1px solid var(--line);align-self:flex-start}
.msg.out{background:var(--navy);color:#fff;align-self:flex-end}
.msg .mmeta{font-size:11px;opacity:.65;margin-bottom:2px}
#nav .badge.red{background:#e0735f;color:#fff}
@media (max-width:900px){.grid.fb{grid-template-columns:1fr}.conv{grid-template-columns:1fr;height:auto}.clist{max-height:260px}.av.lg{width:96px;height:96px;font-size:34px}.pinfo{padding-top:44px}}

/* ================= Modern look ================= */
:root{
  --cream:#f3f4f7; --paper:#ffffff; --line:#e5e7ec; --ink:#121721; --mute:#687083;
  --navy:#0f1b2d; --navy2:#1c2a40; --gold:#e0b24f; --goldt:#8a6417; --goldbg:#fbf3e0;
  --blue:#2f5fd0; --bluebg:#eaf0fd; --green:#1f8a55; --greenbg:#e5f5ec; --red:#c4412b; --redbg:#fdecea;
  --r:16px; --shadow:0 1px 2px rgba(16,24,40,.04),0 6px 20px rgba(16,24,40,.05);
  --sans:"Manrope","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif; --serif:var(--sans);
}
body{font:14px/1.5 var(--sans);letter-spacing:-.005em;background:var(--cream)}
h1{font:750 26px/1.2 var(--sans);letter-spacing:-.025em}
h2{font:700 16px/1.3 var(--sans);letter-spacing:-.01em}
h3{font-weight:700;font-size:11.5px;letter-spacing:.08em}
a{color:var(--blue)}
/* top menu bar: light, frosted */
#side{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);
      color:var(--ink);box-shadow:none;border-bottom:1px solid var(--line)}
#side .brand b{font:800 15px var(--sans);color:var(--ink);letter-spacing:-.02em}
#side .brand small{color:var(--mute);font-size:10.5px}
#side .brand .mark{background:var(--navy);color:var(--gold);border-radius:10px;font:800 13px var(--sans)}
#nav a{color:#3b4456;font-weight:600;font-size:13.5px}
#nav a:hover{background:#eef0f4;text-decoration:none}
#nav a.on{background:var(--navy);color:#fff}
#nav a.on .badge{background:var(--gold);color:var(--navy)}
#nav .badge{background:var(--goldbg);color:var(--goldt)}
#nav .badge.red{background:var(--red);color:#fff}
#side .conn{border-left:1px solid var(--line);color:var(--mute)}
#side .conn #userbox .small{color:var(--ink)!important}
#side .conn select.inp{background:#fff}
@media (max-width:1000px){#nav{mask-image:linear-gradient(to right,#000 85%,transparent)}}
#top{background:transparent;border-bottom:0}
.search input{border-radius:12px;background:#fff;border-color:var(--line);box-shadow:var(--shadow);padding:10px 14px}
/* buttons */
.btn{border-radius:10px;font-weight:600;padding:8px 13px;border-color:var(--line);transition:background .15s,border-color .15s,box-shadow .15s}
.btn:hover{border-color:#cdd2db;background:#fafbfc}
.btn.gold{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.gold:hover{background:var(--navy2);border-color:var(--navy2)}
.btn.navy{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btn:focus-visible,.inp:focus,.f input:focus,.f select:focus,.f textarea:focus,.search input:focus{outline:none;box-shadow:0 0 0 3px rgba(47,95,208,.18);border-color:var(--blue)}
/* surfaces */
.card,.post,.task,.pc,.profile,.conv{border-radius:var(--r);border-color:var(--line);box-shadow:var(--shadow);background:var(--paper)}
.card{padding:18px}
.task{border-radius:14px;padding:13px 14px}
.task.p2{border-left:4px solid var(--red)}.task.p1{border-left:4px solid var(--gold)}
.task .notes,.bg{background:#f6f7f9;border-radius:10px}
.f input,.f select,.f textarea,.inp{border-radius:10px;border-color:var(--line)}
.chip{border-radius:999px;padding:5px 12px;font-weight:600;border-color:var(--line)}
.chip.on{background:var(--navy);border-color:var(--navy)}
.pill{border-radius:999px;padding:2px 10px;font-weight:700;font-size:11px;background:#eef0f4;color:#475066}
.tag{border-radius:999px;padding:2px 9px;background:#f1f3f7;color:#3b4456;font-weight:600}
.score{color:var(--goldt);font-weight:800}
.notice{border-radius:12px;background:var(--goldbg);border-color:#f1dfb0}
.notice.red{background:var(--redbg);border-color:#f7c9c1}
table.t th{background:var(--cream);font-size:11px;letter-spacing:.06em}
table.t tr:hover td{background:#f8f9fb}
.stat div{border-radius:14px;box-shadow:var(--shadow);border-color:var(--line)}
.stat b{font:800 28px var(--sans);letter-spacing:-.03em}
.bar .tr{background:#eceef2;border-radius:999px}.bar .fl{border-radius:999px;background:linear-gradient(90deg,var(--navy),#3d5a86)}
.col{background:#e9ecf1;border-radius:14px}
.kc{border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.06)}
.step{border-radius:14px}
.step .num{background:var(--navy)}
.mbox{border-radius:20px}
.modal{background:rgba(15,27,45,.5);backdrop-filter:blur(3px)}
#toast{border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
/* profiles */
.profile{overflow:hidden}
.cover{height:190px;background:radial-gradient(120% 140% at 0% 0%,#2a4670 0%,var(--navy) 55%,#0b1422 100%)}
.cover .back{background:rgba(255,255,255,.92);border-radius:999px}
.av.lg{background:linear-gradient(145deg,var(--navy),#2a4670);color:var(--gold);border-color:var(--paper);font:800 42px var(--sans);letter-spacing:-.03em}
.av.sm.me{background:var(--navy)}
.pinfo h1{font-size:30px}
.ptabs button{font-weight:700;border-bottom-width:3px}
.ptabs button.on{color:var(--ink);border-color:var(--navy)}
.post .pt{font-weight:700}
.post.in{border-left:4px solid var(--green)}
.intel{border-radius:12px;border-color:var(--line)}
.pimg{background:#e8ebf0;color:#aab1bf}
.pscore{background:var(--navy);color:var(--gold)}
.msg{border-radius:16px}.msg.out{background:var(--navy)}
.msgs{background:#f6f7f9}
.citem.on{background:#eef2fb}
.demo-bar{border-radius:0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ===== Calmer, scannable layout ===== */
#view{max-width:1240px}
.hello h1{font-size:24px}
.sub{margin:2px 0 14px}
.grid.tight{gap:16px;align-items:start}
.alert,.hint{display:flex;align-items:center;gap:8px;border-radius:12px;padding:10px 14px;margin-bottom:10px;font-size:13.5px;color:var(--ink)}
.alert{background:var(--redbg)}.alert b{color:var(--red);font-size:16px}
.hint{background:var(--goldbg);color:var(--goldt);font-weight:600}
.alert span,.hint span{margin-left:auto;font-weight:700;color:var(--blue)}
.alert:hover,.hint:hover{text-decoration:none;filter:brightness(.98)}
.seg{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}
.seg::-webkit-scrollbar{display:none}
.seg button{flex:none;border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 12px;font:600 13px var(--sans);color:#3b4456;cursor:pointer;display:flex;gap:6px;align-items:center}
.seg button b{font-size:11.5px;background:#eef0f4;border-radius:999px;padding:0 7px;color:#3b4456}
.seg button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.seg button.on b{background:var(--gold);color:var(--navy)}
.seg.sm button{padding:5px 10px;font-size:12px}
/* tasks: one line each, tap to open */
.task{padding:0;margin-bottom:8px;overflow:hidden}
.task .th{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer}
.task .th:hover{background:#fafbfc}
.task .tmain{flex:1;min-width:0}
.task .tt{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task .meta{font-size:12px;color:var(--mute)}
.task .chev{color:#a3aab8;font-size:20px;transition:transform .15s}
.task.open .chev{transform:rotate(90deg)}
.task .tbody{display:none;padding:0 14px 12px 46px;border-top:1px solid #f0f1f4}
.task.open .tbody{display:block;padding-top:10px}
.task.p2{border-left:3px solid var(--red)}.task.p1{border-left:3px solid var(--gold)}
.kind{flex:none;width:30px;height:30px;line-height:30px;border-radius:9px;margin:0;font-size:13px}
/* side lists */
.card.side{padding:12px 14px}
.lrow{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f4;font-size:13px}
.lrow:last-child{border-bottom:0}
.lrow .lmain{flex:1;min-width:0;display:flex;flex-direction:column}
.lrow .lmain span{color:var(--mute);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow .when{font-size:11.5px;color:var(--mute);white-space:nowrap}
/* slimmer profile header */
.cover{height:120px}
.phead{margin-top:-44px;gap:14px;padding:0 18px 10px}
.av.lg{width:96px;height:96px;font-size:32px;border-width:4px}
.pinfo{padding-top:48px}.pinfo h1{font-size:24px}
.ptabs button{padding:10px 12px;font-size:13.5px}
.post{padding:10px 12px}
@media (max-width:1000px){
  .grid.tight{grid-template-columns:1fr}
  .cover{height:84px}.av.lg{width:72px;height:72px;font-size:24px}.phead{margin-top:-34px}.pinfo{padding-top:4px;min-width:0;flex-basis:100%}
  .pacts{width:100%}.pacts .btn{flex:1}.pacts select{flex:2}
  .task .tbody{padding-left:14px}
  .hello h1{font-size:21px}
}
.grid > *, .grid > section, main{min-width:0}
#view{box-sizing:border-box}
.task .notes{white-space:pre-wrap;overflow-wrap:anywhere}

/* ================= Private-bank finish ================= */
/* Layout: dark navy masthead with the menu, quiet off-white page, hairline-ruled white panels. */
:root{
  --ink:#141a23; --mute:#6c7280; --line:#e6e3dc; --cream:#f6f5f2; --paper:#ffffff;
  --navy:#0d1726; --navy2:#16233a; --gold:#c9a24a; --goldt:#8c6a1d; --goldbg:#f8f1df;
  --red:#b2442f; --redbg:#fbeeeb; --green:#2c7a52; --greenbg:#e9f4ee; --blue:#2d5aa8; --bluebg:#edf2fa;
  --display:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --sans:"Figtree","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --r:12px; --shadow:none;
}
body{font:14px/1.55 var(--sans);letter-spacing:0;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}
h1{font:400 34px/1.1 var(--display);letter-spacing:-.01em;color:var(--ink)}
h2{font:600 15px/1.3 var(--sans);letter-spacing:0}
h3{font:600 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;flex:none}
a{color:var(--blue)}
/* masthead */
#side{background:var(--navy);border-bottom:1px solid rgba(201,162,74,.35);backdrop-filter:none;-webkit-backdrop-filter:none}
#side .brand .mark{background:transparent;border:1px solid var(--gold);color:var(--gold);font:400 17px var(--display);border-radius:50%;width:34px;height:34px}
#side .brand b{font:400 20px var(--display);color:#fff;letter-spacing:.01em}
#side .brand small{color:#8e9aab;letter-spacing:.16em;font-size:9.5px}
#nav{padding:0 8px}
#nav a{color:#b9c3d0;font-weight:500;font-size:13.5px;border-radius:0;padding:17px 12px 15px;border-bottom:2px solid transparent}
#nav a:hover{background:transparent;color:#fff}
#nav a.on{background:transparent;color:#fff;border-bottom-color:var(--gold)}
#nav .badge{background:rgba(201,162,74,.18);color:var(--gold)}
#nav a.on .badge{background:var(--gold);color:var(--navy)}
#nav .badge.red{background:#c4553f;color:#fff}
#side .conn{border-left:1px solid rgba(255,255,255,.12);color:#8e9aab}
#side .conn #userbox .small{color:#e6eaf0!important}
@media (max-width:1000px){#nav a{padding:14px 11px 12px}#nav{mask-image:linear-gradient(to right,#000 88%,transparent)}}
/* toolbar */
#top{padding:18px 32px 4px}
.search input{border-radius:10px;box-shadow:none;border:1px solid var(--line);background:var(--paper);padding:10px 14px}
#view{padding:18px 32px 70px}
/* buttons */
.btn{border-radius:8px;font:500 13px var(--sans);padding:8px 14px;background:var(--paper);border:1px solid var(--line);color:var(--ink);display:inline-flex;gap:7px;align-items:center;justify-content:center}
.btn:hover{border-color:#cfcabe;background:#fbfaf8}
.btn.gold{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.gold:hover{background:var(--navy2)}
.btn.navy{background:var(--paper);border-color:var(--gold);color:var(--goldt)}
.btn.sm{padding:5px 10px;font-size:12.5px}
.btn.ghost{border-color:transparent;background:transparent;color:var(--mute)}
.btn.ghost:hover{color:var(--ink)}
.btn.red,.btn.ghost.red{color:var(--red)}
/* surfaces */
.card,.post,.profile,.conv,.pc{border:1px solid var(--line);border-radius:var(--r);box-shadow:none;background:var(--paper)}
.card h2{margin-bottom:12px}
.pill{border-radius:999px;background:transparent;border:1px solid var(--line);color:#4b5262;font-weight:600;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px}
.pill.hot{border-color:#ecc3b9;color:var(--red);background:var(--redbg)}
.pill.warm{border-color:#ead9ad;color:var(--goldt);background:var(--goldbg)}
.pill.client{border-color:#bfdccb;color:var(--green);background:var(--greenbg)}
.pill.new{border-color:#c9d7ef;color:var(--blue);background:var(--bluebg)}
.tag{background:transparent;border:1px solid var(--line);color:#4b5262;border-radius:6px;font-weight:500}
.score{font:400 15px var(--display);color:var(--goldt)}
.chip{border-radius:999px;font-weight:500}
.chip.on{background:var(--navy);border-color:var(--navy)}
.notice{border-radius:10px}
table.t th{background:var(--cream);font-size:10.5px;letter-spacing:.12em;color:var(--mute)}
table.t td{border-bottom-color:#efede8}
/* Today */
.hello h1{font-size:38px}
.sub{color:var(--mute)}
.alert,.hint{border:1px solid var(--line);background:var(--paper);border-radius:10px}
.alert{border-left:3px solid var(--red)}.alert b{font:400 22px var(--display);color:var(--red)}
.hint{border-left:3px solid var(--gold);color:var(--ink);font-weight:500}
.seg{gap:2px;border-bottom:1px solid var(--line);margin-bottom:0}
.seg button{border:0;border-radius:0;background:transparent;padding:10px 12px;font-weight:500;color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px}
.seg button b{background:transparent;color:inherit;font-weight:600;padding:0}
.seg button.on{background:transparent;color:var(--ink);border-bottom-color:var(--gold)}
.seg button.on b{background:transparent;color:var(--goldt)}
#tlist{background:var(--paper);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r);overflow:hidden}
#tlist .empty{border:0;border-radius:0}
.task{border:0;border-bottom:1px solid #efede8;border-radius:0;margin:0;box-shadow:none;background:var(--paper)}
.task:last-child{border-bottom:0}
.task.p2,.task.p1{border-left:0}
.task .th{padding:13px 18px}
.task .th:hover{background:#fbfaf8}
.task .tt{font-weight:600}
.task.p2 .tt::before,.task.p1 .tt::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--gold)}
.task.p2 .tt::before{background:var(--red)}
.kind{width:34px;height:34px;border-radius:50%;background:transparent;border:1px solid var(--line);color:var(--navy);display:grid;place-items:center}
.kind.call,.kind.text,.kind.email{background:transparent}
.task .tbody{background:#fcfbf9;border-top:1px solid #efede8;padding-left:62px}
.task .notes,.bg{background:var(--paper);border:1px solid #efede8;border-radius:8px}
.card.side{padding:0 16px 12px}
.card.side .seg{margin:0 -16px 6px;padding:0 6px}
.lrow .lmain b{font-weight:600}
/* profiles */
.cover{height:150px;background:
  repeating-linear-gradient(135deg,rgba(201,162,74,.07) 0 1px,transparent 1px 22px),
  linear-gradient(180deg,#132036,var(--navy))}
.cover .back{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px)}
.av.lg{background:var(--navy);color:var(--gold);border:4px solid var(--paper);box-shadow:0 0 0 1px var(--line);font:400 40px var(--display)}
.av.lg .ic{width:40px;height:40px;stroke-width:1.3}
.av.sm{border:1px solid var(--line);background:var(--paper);color:var(--navy)}
.av.sm.me{background:var(--navy);color:var(--gold);border:0;font:400 15px var(--display)}
.av.sm.call,.av.sm.text,.av.sm.email,.av.sm.site{background:var(--paper);color:var(--navy)}
.pinfo h1{font-size:36px}
.ptabs{padding:0 18px}
.ptabs button{font-weight:500;color:var(--mute);padding:13px 12px}
.ptabs button.on{color:var(--ink);border-bottom:2px solid var(--gold)}
.intro div{display:flex;gap:9px;align-items:baseline}
.intro .ic{color:var(--goldt);vertical-align:-2px}
.next .sug{display:flex;gap:10px;align-items:baseline}
.post{border-radius:var(--r)}
.post.in{border-left:2px solid var(--green)}
.post .ts{font-size:11.5px}
.msg.out{background:var(--navy)}
.pscore{background:var(--navy);color:var(--gold);font:400 15px var(--display)}
.pimg .ic{width:36px;height:36px;stroke-width:1.2}
.mbox{border-radius:14px}
@media (max-width:1000px){
  #top{padding:12px 16px 0}#view{padding:14px 16px 60px}
  .hello h1{font-size:30px}.pinfo h1{font-size:28px}
  .task .th{padding:12px 14px}.task .tbody{padding-left:14px}
  .cover{height:96px}
}
#view,#top{width:100%;max-width:1240px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.intro div{display:block;position:relative;padding-left:26px}
.intro .ic{position:absolute;left:0;top:3px}
.next .sug{display:block}
.post.k-system,.post.k-stage{border:0;background:transparent;padding:2px 12px;margin-bottom:4px}
.post.k-system .ph,.post.k-stage .ph{gap:6px}
.post.k-system .av,.post.k-stage .av,.post.k-system .ph b,.post.k-stage .ph b{display:none}
.post.k-system .pt,.post.k-stage .pt{margin:0;font-weight:500;color:var(--mute);font-size:12.5px;order:2}
.post.k-system .ph,.post.k-stage .ph{float:right}
.post.k-system .ts,.post.k-stage .ts{font-size:11px}

/* ===== Client files ===== */
.eyebrow{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:600}
.filehead{padding:16px 20px}
.filehead h1{font-size:32px}
.prog{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px;font-size:13px}
.bar2{flex:1;min-width:120px;max-width:260px;height:6px;border-radius:99px;background:#ece9e2;overflow:hidden}
.bar2 i{display:block;height:100%;background:var(--gold);border-radius:99px}
.prog .nxt{color:var(--mute)}
.links{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px}
.links a{display:inline-flex;gap:6px;align-items:center}
.ftabs{margin:14px 0 12px;border-bottom:1px solid var(--line)}
.sys{display:inline-block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;border-radius:4px;padding:1px 6px;margin-left:4px;vertical-align:1px;border:1px solid}
.s-crm{color:#0d1726;border-color:#c9cdd4}.s-pb{color:#8c6a1d;border-color:#e6cf97;background:#fbf4e3}.s-dl{color:#1f5fbf;border-color:#bcd0ee}
.s-sky{color:#1f7a8c;border-color:#b6dbe2}.s-ep{color:#6b3fa0;border-color:#d6c6ea}.s-mls{color:#2c7a52;border-color:#bfdccb}.s-ti{color:#8a4b2a;border-color:#e6c9b8}.s-cl{color:#555;border-color:#ddd}
.phase{padding:0;margin-bottom:10px;overflow:hidden}
.phh{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;padding:14px 18px;font:inherit;cursor:pointer;text-align:left}
.phh:hover{background:#fbfaf8}
.phh .pn{width:26px;height:26px;border-radius:50%;border:1px solid var(--gold);color:var(--goldt);display:grid;place-items:center;font:400 14px var(--display)}
.phh b{font-weight:600;font-size:15px}
.phh .chev{color:#a3aab8;font-size:20px;transition:transform .15s}
.phase.open .chev{transform:rotate(90deg)}
.phb{display:none;border-top:1px solid #efede8}
.phase.open .phb{display:block}
.ci{display:flex;gap:12px;align-items:flex-start;padding:11px 18px;border-bottom:1px solid #f3f1ec}
.ci:last-child{border-bottom:0}
.ci.done .cl{color:var(--mute);text-decoration:line-through;text-decoration-color:#cfcabe}
.ci.na{opacity:.45}
.cm{flex:1;min-width:0}.cl{font-weight:500}
.cbx{position:relative;flex:none;margin-top:1px}
.cbx input{position:absolute;opacity:0;inset:0;cursor:pointer}
.cbx i{display:block;width:20px;height:20px;border-radius:6px;border:1.5px solid #c9c4b7;background:#fff}
.cbx input:checked + i{background:var(--navy);border-color:var(--navy);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a24a' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.drop.over{outline:2px dashed var(--gold)}
.filegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.fcard{display:block;color:var(--ink);padding:14px 16px}
.fcard:hover{text-decoration:none;border-color:#cfcabe}
.fcard b{display:block;font-weight:600;margin:3px 0 10px}
.fcard .bar2{max-width:none;margin-bottom:6px}
.tight-list{padding-left:18px;margin:6px 0}.tight-list li{margin:4px 0}
@media (max-width:1000px){.filehead h1{font-size:24px}.ci{padding:10px 14px}.ci .btn{display:none}}
.ftabs{display:flex;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.ftabs::-webkit-scrollbar{display:none}
.ftabs button{white-space:nowrap;flex:none}
.ci.done [data-na]{visibility:hidden}
.ci [data-na]{opacity:.55}.ci:hover [data-na]{opacity:1}
@media (max-width:1000px){.filehead .row{flex-wrap:wrap}.filehead select{width:100%}}
/* People table: sortable headers + per-column filters */
.ptable th.sortable{cursor:pointer;user-select:none;white-space:nowrap}
.ptable th.sortable:hover{color:var(--ink)}
.ptable .sarr{font-size:9px;margin-left:5px;color:var(--goldt)}
.ptable tr.frow th{padding:0 6px 8px;text-transform:none;letter-spacing:0;font-weight:400;top:auto;position:static}
.ptable .cf{padding:5px 8px;font-size:12.5px;border-radius:7px;min-width:70px;width:100%}
/* Today side lists: whole row opens the profile */
a.lrow.go,div.lrow.go{color:var(--ink);text-decoration:none;cursor:pointer;margin:0 -16px;padding:9px 16px}
a.lrow.go:hover,div.lrow.go:hover{background:#fbfaf8;text-decoration:none}
a.lrow.go:hover b{color:var(--blue)}
.lrow .linkme{font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--goldt);border:1px solid #ead9ad;background:var(--goldbg);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:1px}
/* Appointments */
.appts.card{padding:14px 18px;margin-bottom:16px}
.appt{display:flex;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #efede8}
.appt:last-child{border-bottom:0}
.appt .atime{width:64px;flex:none;font:400 19px/1.1 var(--display);color:var(--navy)}
.appt .atime span{display:block;font:500 11px var(--sans);color:var(--mute);margin-top:2px}
.appt .amain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.appt .amain span{font-size:12.5px;color:var(--mute)}
.appt.past{opacity:.7}
button.linkme{cursor:pointer;font:600 10.5px var(--sans);letter-spacing:.04em;color:var(--goldt);border:1px solid #ead9ad;background:var(--goldbg);border-radius:999px;padding:1px 8px}
@media (max-width:640px){.appt{flex-wrap:wrap}.appt .btn{margin-left:78px}}
/* Person header: actions get their own line so tags and address stay readable */
@media (min-width:1001px){.phead .pacts{flex-basis:100%;padding-left:110px;padding-bottom:4px}.phead .pinfo{padding-top:52px}}
.card.appts .appt .atime{width:58px;font-size:17px}
/* People table: header + filter row scroll with the table (no overlap) */
.ptable th{position:static!important}
.ptable tr.frow th{padding-top:0}

a.brand,a.brand:hover{text-decoration:none;color:inherit;cursor:pointer}
a.brand:hover .mark{background:rgba(201,162,74,.15)}
/* Home calendar */
.card.calv{padding:14px 18px 12px;margin-bottom:16px}
.calhead{display:flex;align-items:center;gap:6px;margin-bottom:10px}
.calhead h2{margin:0;font:400 22px var(--display)}
.calhead .btn.ghost{font-size:18px;padding:2px 10px;color:var(--ink)}
.calseg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-left:8px}
.calseg button{border:0;background:var(--paper);padding:5px 12px;font:500 12.5px var(--sans);color:var(--mute);cursor:pointer}
.calseg button.on{background:var(--navy);color:#fff}
.cgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.cgrid.dow{background:none;border:0;margin-bottom:4px}
.cgrid.dow span{font:600 10px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:0 8px}
.cday{background:var(--paper);min-height:112px;padding:7px 7px 8px;display:flex;flex-direction:column;gap:3px;min-width:0}
.cgrid.month .cday{min-height:92px}
.cday.out{background:#fbfaf8}.cday.out .cdh b{color:#b9bcc4}
.cday.past{background:#fcfbf9}
.cday.today{box-shadow:inset 0 2px 0 var(--gold);background:#fffdf7}
.cdh{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--mute);margin-bottom:2px}
.cdh b{font:400 18px var(--display);color:var(--ink);margin-left:2px}
.cday.today .cdh b{color:var(--goldt)}
.ctasks{font:600 10.5px var(--sans);background:#f1efea;color:#4b5262;border-radius:999px;padding:0 7px;line-height:17px;text-decoration:none}
a.ctasks:hover{background:var(--goldbg);text-decoration:none}
.cev{display:block;font-size:11.5px;line-height:1.3;padding:3px 6px;border-radius:5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;border-left:3px solid transparent}
a.cev:hover{text-decoration:none;filter:brightness(.97)}
.cev i{font-style:normal;font-weight:600;margin-right:4px;color:var(--navy)}
.ev-appt{background:#edf2fa;border-left-color:var(--blue)!important}
.ev-close{background:var(--greenbg);border-left-color:var(--green)!important;font-weight:600}
.ev-dl{background:var(--redbg);border-left-color:var(--red)!important}
.ev-dl.done{opacity:.5;text-decoration:line-through}
.ev-occ{background:var(--goldbg);border-left-color:var(--gold)!important}
.cmore{font-size:11px;color:var(--mute);padding-left:6px}
.clegend{display:flex;gap:12px;flex-wrap:wrap;margin-top:9px;font-size:11px;color:var(--mute)}
.clegend span[class]{padding:1px 7px;border-radius:4px;border-left:3px solid transparent;color:var(--ink)}
@media (max-width:760px){
  .cgrid.week{grid-template-columns:1fr}
  .cgrid.week .cday{min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center}
  .cgrid.week .cdh{width:100%}
  .cgrid.week .cev{flex:1 1 100%}
  .cgrid.month .cday{min-height:58px;padding:4px}
  .cgrid.month .cev{font-size:0;padding:0;height:5px;margin:1px 0}
  .cgrid.month .cev i{display:none}
  .calhead{flex-wrap:wrap}.calhead h2{width:100%}
}
/* Six-section menu + section tabs */
#nav a.gear{margin-left:auto;padding-left:14px;padding-right:14px}
#nav a.gear .glabel{display:none}
#nav a.gear .ic{width:18px;height:18px;vertical-align:-4px}
#subnav{width:100%;max-width:1240px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.subnav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-top:6px;overflow-x:auto;scrollbar-width:none}
.subnav::-webkit-scrollbar{display:none}
.subnav a{padding:9px 12px;font:500 13px var(--sans);color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;text-decoration:none}
.subnav a:hover{color:var(--ink);text-decoration:none}
.subnav a.on{color:var(--ink);border-bottom-color:var(--gold)}
@media (max-width:1000px){#subnav{padding:0 16px}}
/* Today triage */
.tgroup{background:var(--paper)}
.tgh{display:flex;align-items:baseline;gap:8px;padding:12px 18px;border-bottom:1px solid #efede8;cursor:default;list-style:none}
.tgh b{font:600 13px var(--sans)}
.tgh span{font:600 11px var(--sans);color:var(--goldt);background:var(--goldbg);border-radius:999px;padding:0 8px}
.tgh i{font-style:normal;font-size:12px;color:var(--mute);margin-left:auto}
details.later{border-top:1px solid var(--line)}
details.later > summary{cursor:pointer;background:#fbfaf8}
details.later > summary::-webkit-details-marker{display:none}
details.later > summary::after{content:"›";margin-left:8px;color:var(--mute);transition:transform .15s}
details.later[open] > summary::after{transform:rotate(90deg)}
details.later .tgh span{background:#f1efea;color:#4b5262}
/* Signing day */
.sd-k{font:600 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--goldt)}
.sd h2{font:400 28px var(--display);margin:2px 0 12px}
.sd-steps{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 16px;counter-reset:s}
.sd-steps li{flex:1;display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--mute);border-top:3px solid var(--line);padding-top:8px}
.sd-steps li b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;border:1px solid var(--line);flex:none}
.sd-steps li.on{color:var(--ink);border-top-color:var(--gold)}.sd-steps li.on b{background:var(--navy);color:#fff;border-color:var(--navy)}
.sd-steps li.done{border-top-color:var(--green)}.sd-steps li.done b{background:var(--greenbg);color:var(--green);border-color:#bfdccb}
.sd-side{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.sd-opt{text-align:left;border:1px solid var(--line);background:var(--paper);border-radius:12px;padding:14px;cursor:pointer;display:grid;gap:4px;font:inherit;color:var(--ink)}
.sd-opt b{font-size:15px}.sd-opt span{font-size:12px;color:var(--mute)}
.sd-opt.on{border-color:var(--navy);box-shadow:0 0 0 2px var(--navy) inset}
.sd-lead{color:var(--ink);margin:0 0 10px}
.sd-done{display:grid;gap:4px}
.sd-list{margin:0;padding-left:18px;display:grid;gap:8px;font-size:13.5px}
.sd-nav{margin-top:18px}
/* Next moves */
.phstrip{display:flex;gap:4px;margin:0 0 14px}
.phstrip div{flex:1;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mute);padding:8px 10px;border-radius:10px;background:var(--paper);border:1px solid var(--line);min-width:0}
.phstrip div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phstrip i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;border:1px solid var(--line);flex:none}
.phstrip .on{border-color:var(--gold);color:var(--ink);font-weight:600}.phstrip .on i{background:var(--navy);color:#fff;border-color:var(--navy)}
.phstrip .done i{background:var(--greenbg);color:var(--green);border-color:#bfdccb}
.moves .move{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid #efede8}
.moves .move:last-of-type{border-bottom:0}
.mnum{width:30px;height:30px;border-radius:50%;background:var(--goldbg);color:var(--goldt);display:grid;place-items:center;font:400 17px var(--display);flex:none}
.mmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.mmain > b{font-size:14.5px}.mmain > span{font-size:12.5px;color:var(--mute)}
.sees{font-size:10.5px;font-weight:600;letter-spacing:.04em;color:var(--green);background:var(--greenbg);border-radius:999px;padding:2px 8px;margin-left:auto;white-space:nowrap}
.sees.off{color:var(--mute);background:#f1efea}
.mlater{margin-top:8px;font-size:13px}.mlater summary{cursor:pointer;color:var(--blue)}
@media (max-width:760px){.phstrip span{display:none}.phstrip div{justify-content:center}.sd-side{grid-template-columns:1fr}.sees{margin-left:0}}
.fbk{border-left:3px solid var(--gold);padding:4px 10px;margin:8px 0;background:#fcfbf9}
@media (max-width:760px){.cgrid.week .cday:not(.today):not(.has){display:none}}
.morefilters{margin:10px 0 4px}.morefilters>summary{cursor:pointer;font-size:13px;color:var(--blue);list-style:none}.morefilters>summary::-webkit-details-marker{display:none}.morefilters>summary::before{content:"+ "}.morefilters[open]>summary::before{content:"\2212  "}
/* Game Plans board */
.gpboard{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:12px;overflow-x:auto;padding-bottom:8px}
.gpcol h3{margin:0;display:flex;gap:6px;align-items:baseline}.gpcol h3 b{font:600 12px var(--sans);color:var(--goldt)}
.gpcol > p{margin:2px 0 8px}
.gpc{display:flex;flex-direction:column;gap:2px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:9px 11px;margin-bottom:8px;color:var(--ink);text-decoration:none;font-size:13px}
.gpc:hover{border-color:#cfcabe;text-decoration:none}
.gpc span{color:var(--mute);font-size:12px}.gpc i{font-style:normal;font-size:11.5px;color:var(--mute)}
.gpc.late{border-left:3px solid var(--red)}
/* Duplicates */
.duprow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dupc{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:2px}
.dupc.keep{border-color:var(--gold);background:#fffdf7}
@media (max-width:760px){.duprow{grid-template-columns:1fr}.gpboard{grid-template-columns:repeat(6,78%)}}

.gpfun{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}
.gpfun>div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.gpfun b{font-size:1.4rem}.gpfun span{font-size:.85rem}.gpfun em{font-style:normal;font-size:.75rem;color:var(--mute)}

/* People list, calmer (Oct 18): bigger darker text, fewer chips, quiet buttons */
.ptable{font-size:14.5px}
.ptable td{vertical-align:top;padding-top:13px;padding-bottom:13px;color:var(--ink)}
.ptable td b{font-size:15px}
.ptable thead th{font-size:12px;letter-spacing:.04em;color:#5b6170}
.ptable .muted,.ptable .small.muted{color:#5f6673}
.ptable .pcontact{line-height:1.5}.ptable .pmail{color:#4b5262;font-size:13.5px;word-break:break-all}
.ptable .pill{text-transform:none;letter-spacing:0;font-size:12.5px;padding:3px 10px}
.ptags{display:flex;flex-wrap:wrap;gap:4px;align-items:center;max-width:220px}
.ptag{font-size:12.5px;padding:2px 8px;border-radius:6px;background:#f1efe8;color:#3d4350;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}
.pmore{font-size:12px;color:#6b7280;padding:2px 4px}
.pscore{display:inline-block;min-width:30px;text-align:center;font:700 13px/1.6 var(--sans);border-radius:6px;padding:0 6px;background:#f1efe8;color:#4b5262;font-variant-numeric:tabular-nums}
.pscore.mid{background:var(--goldbg);color:var(--goldt)}.pscore.hi{background:var(--redbg);color:var(--red)}
.btn.ghost{background:transparent;border-color:transparent;color:#4b5262}.btn.ghost:hover{background:#efede6}
.ptable tr.clk:hover td{background:#faf8f3}
/* Ask Claude box (Oct 18, 2026) */
.askc{margin:14px 0;padding:12px 14px;border-left:3px solid var(--gold)}
.askf{display:flex;gap:8px;align-items:center}
.askf .inp{flex:1;min-width:0}
.aski{color:var(--goldt);font-size:18px;line-height:1}
.aska{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.askq2{font-weight:600}
.askans{margin-top:4px;white-space:normal;line-height:1.45}
.aska.queued .askans{color:var(--goldt)}
.askc .linkme{background:none;border:0;padding:0;margin-top:6px;color:var(--goldt);cursor:pointer;text-decoration:underline}
@media (max-width:640px){.askf{flex-wrap:wrap}.askf .btn{width:100%}}

/* Today: to-dos grouped under one person (Oct 19, 2026) */
details.pgroup{border-bottom:1px solid #efede8;background:var(--paper)}
details.pgroup > summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:13px 18px}
details.pgroup > summary:hover{background:#fbfaf8}
details.pgroup > summary::-webkit-details-marker{display:none}
details.pgroup .tmain{flex:1;min-width:0}
details.pgroup > summary .tt{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
details.pgroup > summary .meta{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
details.pgroup.p2 > summary .tt::before,details.pgroup.p1 > summary .tt::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:1px;background:var(--gold)}
details.pgroup.p2 > summary .tt::before{background:var(--red)}
details.pgroup .kind.pg{background:var(--navy);border-color:var(--navy);color:#fff;font:600 13px var(--sans)}
details.pgroup > summary .chev{color:#a3aab8;font-size:20px;transition:transform .15s}
details.pgroup[open] > summary .chev{transform:rotate(90deg)}
details.pgroup[open] > summary{background:#fbfaf8}
details.pgroup .pgl{border-top:1px solid #efede8;border-left:3px solid var(--gold);margin-left:34px}
details.pgroup .pgl .task:last-child{border-bottom:0}

/* designed emails + Homeowner Insider strip */
.mailframe{width:100%;border:1px solid var(--line);border-radius:8px;background:#f3f4f6;display:block}
.mailcard{display:flex;gap:10px;align-items:center;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:#fafafa}
.mailcard:hover{background:#f3f4f6}.mailcard img{width:52px;height:78px;object-fit:cover;border-radius:4px;flex:none}
.msg .mailcard{background:transparent}
.nlstrip{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.nl{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;background:#eef0f2;color:#8a9399;box-sizing:border-box}
.nl.sent{background:#1f6f5c;color:#fff}.nl.queued{background:#c9a227;color:#fff}
.nl.next{background:#fff;border:2px solid #c9a227;color:#7a5f00;font-weight:700}
.nlkey{margin-top:6px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.nlkey .nl{width:12px;height:12px;cursor:default}

/* tables inside their own scroll box: keep the header in place (sticky offset was pushing it over the first row) */
div[style*="overflow:auto"] > table.t th,div[style*="overflow: auto"] > table.t th{position:static}

/* Website activity: one card per prospect */
.sitegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;align-items:start}
.sitecard{padding:12px 14px}.sitecard summary{cursor:pointer;list-style:none}.sitecard summary::-webkit-details-marker{display:none}
.sitecard .sev{border-top:1px solid var(--line);padding:7px 0;font-size:13px}.sitecard[open] summary{margin-bottom:6px}
.stag{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px}
.stag.hot{background:#fde8e4;color:#b3261e}.stag.warm{background:#fdf3d8;color:#7a5f00}.stag.cold{background:#e9eef2;color:#5b6b76}

/* Website visits per day chart (validated categorical slots 1-5, light surface) */
.sitechart{margin-bottom:12px}.sitechart .svgwrap{position:relative;margin-top:6px}.sitechart svg{width:100%;height:220px;display:block}
.sitechart svg text{font-size:11px;fill:#6b7378}.sitechart svg .g{stroke:#ebe8e1;stroke-width:1}
.s-home{fill:#2a78d6;background:#2a78d6}.s-sample{fill:#eb6834;background:#eb6834}.s-cma{fill:#1baf7a;background:#1baf7a}.s-pb{fill:#eda100;background:#eda100}.s-pf{fill:#e87ba4;background:#e87ba4}
.slegend{gap:14px;margin-top:8px;flex-wrap:wrap}.slegend label{display:flex;align-items:center;gap:6px;cursor:pointer}
.sw{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.stip{position:absolute;top:6px;width:160px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:12px;box-shadow:0 6px 20px rgba(0,0,0,.08);pointer-events:none}

.sitebucket{margin:18px 0 8px;font-size:16px}.sitebucket:first-child{margin-top:4px}
.sitegrid > .card{margin:0}

/* Conversations, clearer (Oct 19) */
.cprev{display:flex;gap:6px;align-items:center;white-space:nowrap;overflow:hidden}.cprev .muted{overflow:hidden;text-overflow:ellipsis}
.ctag{flex:none;font-size:10.5px;font-weight:600;padding:1px 6px;border-radius:8px;background:#eef0f4;color:#556}.ctag.red{background:#fde8e8;color:#b42318}
.msg.sys{display:block;padding:8px 14px;border-radius:12px;margin:0;text-transform:none;letter-spacing:normal;font-weight:400;align-self:center;max-width:86%;background:transparent;border:1px dashed var(--line);color:var(--muted,#667);font-size:12.5px;text-align:center;white-space:normal}
.msg.sys .mailcard{margin:6px auto 0;max-width:340px;text-align:left}
.msg.sys .mailcard,.msg.sys .mailcard *{color:var(--ink)}
.mday{align-self:center;font-size:11px;color:#889;text-transform:uppercase;letter-spacing:.05em;margin:6px 0 0}
.creply{padding:8px 14px 10px;border-top:1px solid var(--line);background:var(--paper)}
.creply textarea{max-height:110px;min-height:60px}
.conv{height:calc(100vh - 230px)}

/* search: found on this page (Oct 19) */
.findhit{outline:2px solid var(--gold,#b88a2e);outline-offset:2px;background:rgba(184,138,46,.10)!important;transition:background .4s}
/* mailer batches (Oct 19, 2026) */
.batchbar{padding:14px 16px;margin-bottom:12px}
.batchbar .row{flex-wrap:wrap;gap:8px}
.batchbar .chip b{margin-left:4px}
.pill.ok{background:#e5f4e4;color:#1f6b3a;border-color:#bfe0bf}
/* prospect photos: show the house, not the sky (a later .pimg rule reset the position/size) */
.pimg{height:170px;background-size:cover!important;background-position:center 60%!important;background-repeat:no-repeat!important}
/* photo viewer pop-up */
.lb{position:fixed;inset:0;z-index:1000;background:rgba(10,14,20,.92);display:flex;align-items:center;justify-content:center;padding:24px 64px}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;max-height:100%}
.lb img{max-width:min(1200px,100%);max-height:calc(100vh - 110px);object-fit:contain;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.4);cursor:pointer}
.lb figcaption{color:#cfd5de;font-size:13px;font-variant-numeric:tabular-nums}
.lb button{position:absolute;background:rgba(255,255,255,.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:30px;line-height:1;cursor:pointer;display:grid;place-items:center}
.lb button:hover{background:rgba(255,255,255,.24)}
.lb .lb-prev{left:12px;top:50%;transform:translateY(-50%)}
.lb .lb-next{right:12px;top:50%;transform:translateY(-50%)}
.lb .lb-x{right:14px;top:14px;width:40px;height:40px;font-size:26px}
.lb button[hidden]{display:none}
@media (max-width:640px){.lb{padding:16px 8px}.lb .lb-prev,.lb .lb-next{top:auto;bottom:16px;transform:none}}
.batchbar .chip.due{border-color:var(--gold,#b88a2e)}
.notice.ok{background:#e5f4e4;border-color:#bfe0bf;color:#1f4d2e}

/* Oct 19: Their numbers card on the person page */
.card.numbers .nprop{border-top:1px solid var(--line,#e3e3e3);padding:10px 0}.card.numbers .nprop:first-of-type{border-top:0}
.card.numbers .nnow{font-weight:600;margin:4px 0}.card.numbers ul{margin:4px 0 6px 18px;padding:0}.card.numbers li{margin:2px 0}
.card.numbers details summary{cursor:pointer;color:var(--accent,#a87526)}

/* Oct 19: one block per property in Intro */
.props-h{margin-top:2px}.propcard{border:1px solid var(--line,#e3e3e3);border-radius:12px;padding:10px 12px;margin:6px 0;display:flex;flex-direction:column;gap:4px}

/* Oct 20: pull recap */
.recap{padding:14px 16px;margin-bottom:12px}
.recap>summary{cursor:pointer;list-style:none}
.recap>summary::-webkit-details-marker{display:none}
.rchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rchip{font-size:12.5px;padding:3px 9px;border-radius:999px;background:#eef3ee;border:1px solid #d5e2d5}
.rchip.off{background:#f6eeee;border-color:#e6d2d2}
.rchip.soon{background:#f7f2e6;border-color:#e8dcbc}
.rcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-top:12px}
.rch{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6b6b6b;margin-bottom:6px}
.rcx{margin:4px 0}
.rcx summary{cursor:pointer;font-size:14px}
.rcx ul{margin:4px 0 8px 18px;padding:0}
.rcx li{font-size:13.5px;margin:2px 0}
.rclanes{margin-top:10px;display:flex;flex-wrap:wrap;gap:4px}
.rclanes .up{color:#2e7d32}.rclanes .dn{color:#b23b3b}
.recap .warn{color:#9a6b00;margin-top:4px}

/* Oct 20: investor portfolio master code on the profile */
.pfmaster{border:2px solid #c9a64a;background:#fbf6e7;border-radius:12px;padding:12px 14px;margin:6px 0 12px}
.pfmaster .pfk{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8a6d1c}
.pfmaster .pfc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 6px}
.pfmaster .pfcode{font:700 20px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;color:#1d1d1d;user-select:all}

/* Oct 20: Keep / Discard (Yes / No) on every prospect */
.kd{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:6px;z-index:2}
.kd.inline{position:static;display:inline-flex;margin-right:6px}
.kdb{flex:1;border:0;border-radius:8px;padding:6px 8px;font:600 13px/1 inherit;font-family:inherit;cursor:pointer;background:rgba(255,255,255,.94);color:var(--navy);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.kd.inline .kdb{flex:none;padding:9px 12px;border:1px solid var(--line)}
.kdb.yes:hover,.kdb.yes.on{background:var(--green);color:#fff}
.kdb.no:hover{background:var(--red);color:#fff}
.kdb.back{background:var(--goldbg);color:var(--goldt)}
.pc.kept{border-color:var(--green);box-shadow:0 0 0 2px var(--greenbg),var(--shadow)}
.pc.gone{opacity:.6}
.pc.leaving{opacity:0;transform:scale(.97);transition:opacity .22s,transform .22s}
/* Oct 20: property blocks fold when there are more than 2 */
.propfold{border:1px solid var(--line,#e3e3e3);border-radius:12px;padding:8px 12px;margin:6px 0}.propfold>summary{cursor:pointer;list-style:none;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.propfold>summary::-webkit-details-marker{display:none}.propfold[open]>summary .small::after{content:" ▲"}.propfold:not([open])>summary .small::after{content:" ▼"}.propfold .propcard{margin:8px 0 0}
/* Oct 20: work the to-dos one person at a time */
.wqbar{position:sticky;top:0;z-index:30;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--night,#0b1620);color:#fff;padding:10px 14px;border-radius:12px;margin:0 0 12px}.wqbar .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.wqbar .btn[disabled]{opacity:.4}.wqstart{width:100%;margin:0 0 10px;justify-content:center}

/* Oct 20: Files & letters */
.filesc .fl{margin-top:8px}.filesc .frow{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:7px 0;border-top:1px solid rgba(0,0,0,.07)}
.filesc .frow a{font-weight:600;text-decoration:none}.filesc .frow a:hover{text-decoration:underline}

/* Oct 21: Prospecting in progress */
.chip.prog{border-color:var(--navy)}
.psteps{list-style:none;margin:6px 0 0;padding:0;font-size:12.5px;line-height:1.5}
.psteps li.d{color:var(--ink)}
.psteps li.n{color:var(--goldt)}

/* Oct 21, 2026: Client files, grouped panels + tabs */
.dtabs{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:16px 0 14px;padding-bottom:2px}
.dtabs::-webkit-scrollbar{display:none}
.dtabs button{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 14px;font:600 13.5px inherit;cursor:pointer}
.dtabs button{flex:none}
.dtabs button:hover{border-color:#cfcabe}
.dtabs button.zero:not(.on){color:var(--mute)}
.dtabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.dtabs .cnt,.dsub-h .cnt,.dyear .cnt{display:inline-block;min-width:20px;text-align:center;border-radius:10px;padding:0 6px;font-size:11.5px;font-weight:700;background:#eceae3;color:#555}
.dtabs button.on .cnt{background:var(--gold);color:var(--navy)}
.dgroup{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 20px 20px;box-shadow:var(--shadow)}
.dgroup-h{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.dgroup-h h2{margin:0;font-size:20px}
.dsub+.dsub{margin-top:20px}
.dsub-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.ddot{width:9px;height:9px;border-radius:50%;background:#bbb;display:inline-block}
.ddot.uc{background:var(--green)}.ddot.live{background:var(--gold)}.ddot.off{background:#9aa3a9}
.dgroup .filegrid{align-items:start}
.dgroup .filegrid>.card{margin:0}
.dcard{border-left:3px solid var(--gold)}
.g-active .dsub:has(.ddot.uc) .dcard{border-left-color:var(--green)}
.g-active .dsub:has(.ddot.off) .dcard{border-left-color:#9aa3a9}
.g-buyers .dcard{border-left-color:var(--blue)}
.g-lost .dcard{border-left-color:#cfcabe;opacity:.85}
.dcard-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.dcard .dprice{font-size:12.5px;font-weight:600;color:var(--goldt);white-space:nowrap}
.dclose{margin-top:6px;color:var(--green);font-weight:600}
.dpast{display:flex;flex-direction:column}
.dyear{display:flex;align-items:center;gap:8px;font:600 15px var(--serif);color:var(--navy);padding:14px 2px 6px}
.dyear:first-child{padding-top:0}
.drow{display:grid;grid-template-columns:64px minmax(140px,1.1fr) minmax(160px,1.4fr) 110px 100px;gap:12px;align-items:center;padding:10px 10px;border-radius:8px;color:var(--ink);border-bottom:1px solid #efebe1}
.drow:hover{background:#faf6ec;text-decoration:none}
.dside{font-size:11px;font-weight:700;text-align:center;border-radius:10px;padding:2px 0}
.dside.b{background:var(--bluebg);color:var(--blue)}.dside.s{background:var(--goldbg);color:var(--goldt)}
.dwho{font-weight:600}.dprop{color:var(--mute)}.dwhen{font-size:13px;color:var(--mute)}.drow .dprice{text-align:right;font-weight:600}
@media (max-width:760px){.drow{grid-template-columns:58px 1fr auto;row-gap:2px;padding:9px 6px}.drow .dside{grid-row:1/3;align-self:start;margin-top:2px}.drow .dwho{grid-column:2;grid-row:1}.drow .dprice{grid-column:3;grid-row:1}.drow .dprop{grid-column:2;grid-row:2;font-size:13px}.drow .dwhen{grid-column:3;grid-row:2;text-align:right;font-size:12px}.dgroup{padding:14px}}

/* ===== Oct 21, 2026 (Elvir): light / dark modes + category colors =====
   Dark = "option 2", light = "option 4". Calendar colors from option 4 in both.
   Toggle: ☾/☀ button in the top bar (saved per browser in localStorage "pb-theme"; default dark). */
:root{--k-expired:#dc2626;--k-cancelled:#ea580c;--k-fsbo:#7c3aed;--k-landlord:#0891b2;--k-other:#a16207;
 --s-new:#475569;--s-wait:#64748b;--s-research:#0369a1;--s-queued:#d97706;--s-mailed:#2563eb;--s-door:#0d9488;--s-talking:#16a34a;--s-sent:#4f46e5;--s-converted:#059669;--s-no:#991b1b;--s-gone:#6b7280;--s-relisted:#78716c;
 --ev-appt:#0e7490;--ev-close:#15803d;--ev-dl:#b91c1c;--ev-occ:#a16207}
/* --- light (option 4: ops grid, teal) --- */
html[data-theme=light]{--cream:#ffffff;--paper:#ffffff;--line:#94a3b8;--ink:#0f172a;--mute:#334155;--navy:#1e293b;--navy2:#334155;--gold:#0f766e;--goldt:#0f766e;--goldbg:#ccfbf1;--blue:#0e7490;--bluebg:#cffafe;--green:#15803d;--greenbg:#dcfce7;--red:#b91c1c;--redbg:#fee2e2;--shadow:none;--hover:#f1f5f9;--chip:#e2e8f0}
html[data-theme=light] .card,html[data-theme=light] .task,html[data-theme=light] details.pgroup,html[data-theme=light] .pc{border:1px solid var(--line)!important;border-radius:6px!important}
/* Oct 21: even striping that counts only the rows (single to-dos and person groups), not headers / pagers */
html[data-theme=light] .task{background:#fff!important}
html[data-theme=light] .tgroup > :nth-child(even of .task, details.pgroup),html[data-theme=light] .tgroup > :nth-child(even of .task, details.pgroup) > summary{background:#f1f5f9!important}
html[data-theme=light] .pgl > .task:nth-child(even){background:#f8fafc!important}
html[data-theme=light] .btn.gold{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}
html[data-theme=light] #nav .badge{background:#14b8a6!important;color:#04201d!important}
html[data-theme=light] #nav a.on .badge{background:#14b8a6!important;color:#04201d!important}
html[data-theme=light] h3,html[data-theme=light] .meta,html[data-theme=light] .sub,html[data-theme=light] .small,html[data-theme=light] .muted{color:var(--mute)!important}
/* --- dark (option 2) --- */
html[data-theme=dark]{color-scheme:dark;--cream:#0e131a;--paper:#18202b;--line:#334155;--ink:#f1f5f9;--mute:#a9b4c4;--navy:#05080d;--navy2:#111827;--gold:#f2c14e;--goldt:#f8d77f;--goldbg:#3a2f12;--blue:#7cb0ff;--bluebg:#16284a;--green:#5ee0a0;--greenbg:#123526;--red:#ff8a7a;--redbg:#3d1b18;--shadow:none;--hover:#232d3b;--chip:#243042}
html[data-theme=dark] body,html[data-theme=dark] #view{background:var(--cream)!important;color:var(--ink)}
html[data-theme=dark] #top{background:rgba(14,19,26,.95)!important;border-color:var(--line)!important}
html[data-theme=dark] .card,html[data-theme=dark] .task,html[data-theme=dark] details.pgroup,html[data-theme=dark] .pc,html[data-theme=dark] .mbox,html[data-theme=dark] .modal .mbox,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .inp,html[data-theme=dark] table,html[data-theme=dark] td,html[data-theme=dark] th{background-color:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] .btn{background:var(--paper)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] .btn.gold,html[data-theme=dark] .btn.navy{background:var(--gold)!important;color:#111!important;border-color:var(--gold)!important}
html[data-theme=dark] .btn.ghost{background:transparent!important;color:var(--blue)!important;border-color:transparent!important}
html[data-theme=dark] .btn.red{color:var(--red)!important}
html[data-theme=dark] .tag,html[data-theme=dark] .pill,html[data-theme=dark] .chip{background:var(--chip)!important;color:#e2e8f0!important;border:1px solid #475569!important}
html[data-theme=dark] .chip.on{background:var(--gold)!important;color:#111!important;border-color:var(--gold)!important}
html[data-theme=dark] .pill.hot{background:#7f1d1d!important;color:#fee2e2!important}
html[data-theme=dark] .pill.warm{background:#713f12!important;color:#fef3c7!important}
html[data-theme=dark] .pill.client,html[data-theme=dark] .pill.ok{background:#14532d!important;color:#dcfce7!important}
html[data-theme=dark] .pill.new{background:#1e3a8a!important;color:#dbeafe!important}
html[data-theme=dark] .notice{background:var(--chip)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] .notice.red{background:#3d1b18!important;color:#fecaca!important}
html[data-theme=dark] .kind,html[data-theme=dark] .av.sm{background:var(--chip)!important;color:#f1f5f9!important}
html[data-theme=dark] .cday{background:#141b25!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-theme=dark] .cday.today{background:#1f2a1c!important}html[data-theme=dark] .cday.past{background:#11161e!important}
html[data-theme=dark] .cdh,html[data-theme=dark] .cdh *{color:var(--ink)!important}
html[data-theme=dark] .ctasks{background:#334155!important;color:#fff!important}
html[data-theme=dark] .calseg button{background:var(--paper)!important;color:var(--mute)!important}
html[data-theme=dark] .calseg button.on{background:var(--gold)!important;color:#111!important}
html[data-theme=dark] .seg button.on,html[data-theme=dark] .tabs button.on,html[data-theme=dark] .ptabs button.on{color:var(--ink)!important}
html[data-theme=dark] a{color:var(--blue)}
html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] b,html[data-theme=dark] strong{color:var(--ink)}
html[data-theme=dark] .muted,html[data-theme=dark] .small.muted,html[data-theme=dark] .meta,html[data-theme=dark] .sub,html[data-theme=dark] h3{color:var(--mute)!important}
html[data-theme=dark] #toast{background:var(--gold)!important;color:#111!important}
html[data-theme=dark] img{opacity:.95}
html[data-theme=dark] .search input{background-color:var(--paper)!important}
html[data-theme=dark] #qres{background-color:var(--paper)!important}
html[data-theme=dark] table.t tr:hover td{background-color:var(--hover)!important}
html[data-theme=dark] .f input,html[data-theme=dark] .f select,html[data-theme=dark] .f textarea,html[data-theme=dark] .inp{background-color:var(--paper)!important}
html[data-theme=dark] .task{background-color:var(--paper)!important}
html[data-theme=dark] .task .notes{background-color:var(--paper)!important}
html[data-theme=dark] .kind{background-color:var(--paper)!important}
html[data-theme=dark] .ev .ic{background-color:var(--paper)!important}
html[data-theme=dark] .col{background-color:var(--paper)!important}
html[data-theme=dark] .kc{background-color:var(--paper)!important}
html[data-theme=dark] .step{background-color:var(--paper)!important}
html[data-theme=dark] .bar .tr{background-color:var(--paper)!important}
html[data-theme=dark] pre.code{background-color:var(--paper)!important}
html[data-theme=dark] .av.sm.site{background-color:var(--paper)!important}
html[data-theme=dark] .ptabs button:hover{background-color:var(--hover)!important}
html[data-theme=dark] .bg{background-color:var(--paper)!important}
html[data-theme=dark] .intel{background-color:var(--paper)!important}
html[data-theme=dark] .pcs{background-color:var(--paper)!important}
html[data-theme=dark] .pimg{background-color:var(--paper)!important}
html[data-theme=dark] .citem:hover{background-color:var(--hover)!important}
html[data-theme=dark] .msgs{background-color:var(--paper)!important}
html[data-theme=dark] .msg.in{background-color:var(--paper)!important}
html[data-theme=dark] .task .notes,html[data-theme=dark] .bg{background-color:var(--paper)!important}
html[data-theme=dark] .citem.on{background-color:var(--hover)!important}
html[data-theme=dark] .seg button b{background-color:var(--chip)!important}
html[data-theme=dark] .task .th:hover{background-color:var(--hover)!important}
html[data-theme=dark] .task .tbody{background-color:var(--paper)!important}
html[data-theme=dark] .bar2{background-color:var(--paper)!important}
html[data-theme=dark] .s-pb{background-color:var(--chip)!important}
html[data-theme=dark] .phh:hover{background-color:var(--hover)!important}
html[data-theme=dark] .cbx i{background-color:var(--paper)!important}
html[data-theme=dark] a.lrow.go:hover,html[data-theme=dark] div.lrow.go:hover{background-color:var(--hover)!important}
html[data-theme=dark] .cday.out{background-color:var(--paper)!important}
html[data-theme=dark] .cday.past{background-color:var(--paper)!important}
html[data-theme=dark] .cday.today{background-color:var(--hover)!important}
html[data-theme=dark] .ctasks{background-color:var(--paper)!important}
html[data-theme=dark] details.later > summary{background-color:var(--paper)!important}
html[data-theme=dark] details.later .tgh span{background-color:var(--paper)!important}
html[data-theme=dark] .sees.off{background-color:var(--chip)!important}
html[data-theme=dark] .fbk{background-color:var(--paper)!important}
html[data-theme=dark] .dupc.keep{background-color:var(--hover)!important}
html[data-theme=dark] .ptag{background-color:var(--chip)!important}
html[data-theme=dark] .pscore{background-color:var(--chip)!important}
html[data-theme=dark] .ptable tr.clk:hover td{background-color:var(--hover)!important}
html[data-theme=dark] details.pgroup > summary:hover{background-color:var(--hover)!important}
html[data-theme=dark] details.pgroup[open] > summary{background-color:var(--hover)!important}
html[data-theme=dark] .mailframe{background-color:var(--paper)!important}
html[data-theme=dark] .mailcard{background-color:var(--paper)!important}
html[data-theme=dark] .mailcard:hover{background-color:var(--hover)!important}
html[data-theme=dark] .nl{background-color:var(--paper)!important}
html[data-theme=dark] .nl.next{background-color:var(--hover)!important}
html[data-theme=dark] .stag.hot{background-color:var(--chip)!important}
html[data-theme=dark] .stag.warm{background-color:var(--chip)!important}
html[data-theme=dark] .stag.cold{background-color:var(--chip)!important}
html[data-theme=dark] .stip{background-color:var(--chip)!important}
html[data-theme=dark] .ctag{background-color:var(--chip)!important}
html[data-theme=dark] .ctag.red{background-color:var(--chip)!important}
html[data-theme=dark] .notice.ok{background-color:var(--chip)!important}
html[data-theme=dark] .rchip{background-color:var(--chip)!important}
html[data-theme=dark] .rchip.off{background-color:var(--chip)!important}
html[data-theme=dark] .rchip.soon{background-color:var(--chip)!important}
html[data-theme=dark] .pfmaster{background-color:var(--paper)!important}
html[data-theme=dark] .dtabs .cnt,html[data-theme=dark] .dsub-h .cnt,html[data-theme=dark] .dyear .cnt{background-color:var(--chip)!important}
html[data-theme=dark] .drow:hover{background-color:var(--hover)!important}
html[data-theme=dark] .task .notes{color:var(--mute)!important}
html[data-theme=dark] .ev .b{color:var(--mute)!important}
html[data-theme=dark] .post .pb{color:var(--mute)!important}
html[data-theme=dark] .seg button{color:var(--mute)!important}
html[data-theme=dark] .seg button b{color:var(--mute)!important}
html[data-theme=dark] .s-crm{color:var(--ink)!important}
html[data-theme=dark] .s-pb{color:var(--mute)!important}
html[data-theme=dark] .s-dl{color:var(--mute)!important}
html[data-theme=dark] .s-sky{color:var(--mute)!important}
html[data-theme=dark] .s-ep{color:var(--mute)!important}
html[data-theme=dark] .s-mls{color:var(--mute)!important}
html[data-theme=dark] .s-ti{color:var(--mute)!important}
html[data-theme=dark] .s-cl{color:var(--mute)!important}
html[data-theme=dark] .ctasks{color:var(--mute)!important}
html[data-theme=dark] details.later .tgh span{color:var(--mute)!important}
html[data-theme=dark] .ptable thead th{color:var(--mute)!important}
html[data-theme=dark] .ptable .muted,html[data-theme=dark] .ptable .small.muted{color:var(--mute)!important}
html[data-theme=dark] .ptable .pmail{color:var(--mute)!important}
html[data-theme=dark] .ptag{color:var(--mute)!important}
html[data-theme=dark] .pmore{color:var(--mute)!important}
html[data-theme=dark] .pscore{color:var(--mute)!important}
html[data-theme=dark] .nl.next{color:var(--mute)!important}
html[data-theme=dark] .stag.hot{color:var(--mute)!important}
html[data-theme=dark] .stag.warm{color:var(--mute)!important}
html[data-theme=dark] .stag.cold{color:var(--mute)!important}
html[data-theme=dark] .ctag{color:var(--mute)!important}
html[data-theme=dark] .ctag.red{color:var(--mute)!important}
html[data-theme=dark] .notice.ok{color:var(--mute)!important}
html[data-theme=dark] .rch{color:var(--mute)!important}
html[data-theme=dark] .rclanes .up{color:var(--mute)!important}
html[data-theme=dark] .rclanes .dn{color:var(--mute)!important}
html[data-theme=dark] .recap .warn{color:var(--mute)!important}
html[data-theme=dark] .pfmaster .pfk{color:var(--mute)!important}
html[data-theme=dark] .pfmaster .pfcode{color:var(--ink)!important}
html[data-theme=dark] .dtabs .cnt,html[data-theme=dark] .dsub-h .cnt,html[data-theme=dark] .dyear .cnt{color:var(--mute)!important}
/* --- calendar events: solid colors (option 4) in both modes --- */
.ev-appt,.ev-close,.ev-dl,.ev-occ,.cev.ev-appt,.cev.ev-close,.cev.ev-dl,.cev.ev-occ{color:#fff!important;border-left-color:rgba(0,0,0,.25)!important}
.ev-appt{background:var(--ev-appt)!important}.ev-close{background:var(--ev-close)!important}.ev-dl{background:var(--ev-dl)!important}.ev-occ{background:var(--ev-occ)!important}
.clegend span[class]{color:#fff!important}
.cev *{color:#fff!important}
/* --- category colors: prospect type (stripe + badge) and status (solid pill) --- */
html .kb{display:inline-block;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700;color:#fff;background:var(--k-other);letter-spacing:.02em}
html .kb.k-expired{background:var(--k-expired)}
html .kb.k-cancelled{background:var(--k-cancelled)}
html .kb.k-fsbo{background:var(--k-fsbo)}
html .kb.k-landlord{background:var(--k-landlord)}
html .pc.k-expired,html .card.k-expired{border-left:5px solid var(--k-expired)!important}
html .pc.k-cancelled,html .card.k-cancelled{border-left:5px solid var(--k-cancelled)!important}
html .pc.k-fsbo,html .card.k-fsbo{border-left:5px solid var(--k-fsbo)!important}
html .pc.k-landlord,html .card.k-landlord{border-left:5px solid var(--k-landlord)!important}
html .pc.k-other,html .card.k-other{border-left:5px solid var(--k-other)!important}
html .pill.st,html[data-theme] .pill.st{color:#fff!important;border:0!important;background:var(--s-new)!important}
html .pill.st-new{background:var(--s-new)!important}
html .pill.st-waiting-period{background:var(--s-wait)!important}
html .pill.st-researching{background:var(--s-research)!important}
html .pill.st-game-plan-queued{background:var(--s-queued)!important}
html .pill.st-mailed{background:var(--s-mailed)!important}
html .pill.st-door-knocked{background:var(--s-door)!important}
html .pill.st-talking{background:var(--s-talking)!important}
html .pill.st-game-plan-sent{background:var(--s-sent)!important}
html .pill.st-converted{background:var(--s-converted)!important}
html .pill.st-not-interested,html .pill.st-do-not-contact{background:var(--s-no)!important}
html .pill.st-discarded,.pill.st-not-now{background:var(--s-gone)!important}
html .pill.st-relisted-other-agent,html .pill.st-sold{background:var(--s-relisted)!important}
html .pill.st-verify,html .pill.st-gp{background:var(--s-queued)!important}
html .pill.st-viewed{background:var(--s-sent)!important}
html .pill.st-appt{background:var(--s-converted)!important}
html .chip .kdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:2px;background:var(--k-other)}
html .chip .kdot.k-expired{background:var(--k-expired)}
html .chip .kdot.k-cancelled{background:var(--k-cancelled)}
html .chip .kdot.k-fsbo{background:var(--k-fsbo)}
/* theme toggle */
html .thm{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:8px;padding:6px 10px;font-size:15px;cursor:pointer;line-height:1}

/* dark: text that used the navy color */
html[data-theme=dark] .task .who{color:var(--ink)!important}
html[data-theme=dark] .cover .back{color:var(--ink)!important}
html[data-theme=dark] .kind{color:var(--ink)!important}
html[data-theme=dark] .av.sm{color:var(--ink)!important}
html[data-theme=dark] .av.sm.call,html[data-theme=dark] .av.sm.text,html[data-theme=dark] .av.sm.email,html[data-theme=dark] .av.sm.site{color:var(--ink)!important}
html[data-theme=dark] .appt .atime{color:var(--ink)!important}
html[data-theme=dark] .cev i{color:var(--ink)!important}
html[data-theme=dark] .dyear{color:var(--ink)!important}
/* dark: keep/discard buttons stay readable */
html[data-theme=dark] .kdb{color:#0b1220!important}html[data-theme=dark] .kdb.yes.on,html[data-theme=dark] .kdb.yes:hover,html[data-theme=dark] .kdb.no:hover{color:#fff!important}

/* ===== Oct 21, 2026: UI fixes (lists, Today, pipeline, merge, loading) ===== */
/* loading indicator */
.pb-loading{display:flex;align-items:center;gap:10px;padding:28px 4px;color:var(--mute);font-size:14px}
.spin{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:pbspin .8s linear infinite;flex:none}
@keyframes pbspin{to{transform:rotate(360deg)}}
#view{position:relative}
#view[aria-busy=true]::before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:pbbar 1s linear infinite;z-index:5}
@keyframes pbbar{from{background-position:-40% 0}to{background-position:140% 0}}
/* "Show more" under long lists, and "+N more" on board columns */
.pgmore{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px}
.pgmore:empty{display:none}
.colmore{width:100%;justify-content:center;margin-top:2px}
/* Today: 5-at-a-time pager, side tabs wrap instead of cutting off */
.tpage{display:flex;align-items:center;gap:8px;padding:10px 18px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.card.side .seg{flex-wrap:wrap;overflow:visible;row-gap:0}
.card.side .seg button{padding-left:9px;padding-right:9px}
/* one-tap Log call / Text */
.qa{display:inline-flex;gap:4px;flex:none}
.qb{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:4px 9px;font:600 12px var(--sans);cursor:pointer;line-height:1.2;min-height:30px}
.qb .ic{width:14px;height:14px}
.qb:hover{border-color:var(--gold);color:var(--goldt)}
.qbox{padding:10px 14px 12px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:6px;cursor:default}
.qbox .inp{margin:0;width:100%}
.qbox .acts{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:760px){.task .qb span{display:none}.task .qb{padding:6px 9px;min-height:34px}.task .th{gap:8px}}
/* pipeline cards: stage menu + quick buttons */
.kc{display:flex;flex-direction:column;gap:2px}
.kc .kch{display:flex;align-items:baseline;gap:6px}.kc .kch b{flex:1;min-width:0}
.kc .kca{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kcf{display:flex;gap:4px;align-items:center;margin-top:6px}
.kst{flex:1;min-width:0;font:500 12px var(--sans);padding:4px 6px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);min-height:30px}
.kc .qb span{display:none}.kc .qb{padding:4px 8px}
.kc .qbox{padding:8px 0 0;border-top:1px dashed var(--line);margin-top:6px}
@media (max-width:760px){.board{scroll-snap-type:x proximity}.col{scroll-snap-align:start;min-width:78vw;width:78vw}}
/* merge confirm */
.mergeprev{width:100%;margin-top:8px}.mergeprev th{width:90px;text-align:left;vertical-align:top;color:var(--mute);font-weight:500}
.mergeprev td,.mergeprev th{padding:6px 8px;border-bottom:1px solid var(--line)}
.btn.red:not(.ghost){background:var(--red);border-color:var(--red);color:#fff}
html[data-theme=dark] .btn.red:not(.ghost){background:var(--red)!important;color:#111!important;border-color:var(--red)!important}
/* Inbox: long links wrap and stay short */
.msg{overflow-wrap:anywhere;word-break:break-word;min-width:0}
.msg a.mlink{text-decoration:underline;text-underline-offset:2px}
.msg.out a.mlink{color:inherit}
.cthread,.msgs{min-width:0}
/* prospect cards: no photo = no empty photo box */
.pimg[style=""]{height:auto!important;min-height:0;display:block!important;padding:42px 8px 4px;background:transparent!important}
.pimg[style=""] > .ic{display:none}
.pimg[style=""] .kd{position:static;width:100%}
.pimg[style=""] .kdb{border:1px solid var(--line)}
/* Landlords notes: grow to fit, can be dragged taller */
[data-ll] textarea[data-nt]{field-sizing:content;min-height:3.4em;max-height:420px;resize:vertical;overflow:auto;line-height:1.4}

/* Oct 21 (Elvir): per-bucket search + sort on the Pipeline */
.colctl{display:flex;gap:6px;margin:0 2px 8px}
.colctl .colq{flex:1 1 auto;min-width:0;padding:6px 10px;font-size:12px;border-radius:999px}
.colctl .cols{flex:0 0 auto;width:auto;max-width:44%;padding:6px 8px;font-size:12px;border-radius:999px}

/* Oct 21 (Elvir): search bar in the top banner + compact client header */
#side #top.intop{position:static;flex:1 1 auto;min-width:0;padding:6px 12px;background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;gap:8px}
#side #top.intop .search{max-width:440px}
#side #top.intop .search input{padding:8px 12px;font-size:13.5px}
#side #top.intop .btn{padding:7px 12px;font-size:13px}
@media (max-width:1100px){#side{flex-wrap:wrap}#side #top.intop{order:9;flex-basis:100%;padding:4px 12px 8px}}
.profile.compact .phead{margin-top:0;align-items:flex-start;padding:16px 22px 14px;gap:16px;position:relative}
.profile.compact .phead .back.inline{position:absolute;right:22px;top:12px;font-size:12px;color:var(--mute)}
.profile.compact .av.lg{width:72px;height:72px;font-size:26px;border-width:0;flex:none}
.profile.compact .pinfo{padding-top:0;min-width:300px}
.profile.compact .pinfo h1{font-size:28px;line-height:1.1;margin:0}
.profile.compact .pacts{width:100%;padding:4px 0 0 88px}
.pfacts{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px;font-size:14px}
.pfacts span{display:inline-flex;align-items:center;gap:6px}
.pfacts .ic{width:15px;height:15px;opacity:.7}
.pstats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pstats div{border:1px solid var(--line);border-radius:10px;padding:5px 10px;min-width:86px}
.pstats small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
.pstats b{font-size:13px}
.profile.compact .cover{height:110px}
@media (max-width:700px){.profile.compact .pacts{padding-left:0}.profile.compact .av.lg{width:52px;height:52px;font-size:19px}}
#side #nav{flex:0 0 auto}
#side #top.intop{flex:1 1 360px}
#side #top.intop .search{flex:1 1 220px;max-width:380px}
@media (max-width:1400px){#side .conn{display:none}}
.filesc.empty1{display:flex;align-items:center;gap:14px;padding:10px 18px}
.filesc.empty1 > .row{flex:0 0 auto;order:2;margin-left:auto}
.filesc.empty1 > .row h2{display:none}
.filesc.empty1 .fl{order:1}
.filesc.empty1 .fl::before{content:"Files & letters ";font-weight:700;color:var(--ink)}
.filesc.empty1 .fl{display:flex;gap:8px;align-items:baseline}

/* Oct 21 (Elvir): section menu as a collapsible left rail (desktop); phones keep the sideways row */
@media (min-width:901px){
  body.has-rail main{flex-direction:row;align-items:flex-start}
  body.has-rail #subnav{width:190px;max-width:none;margin:0;padding:18px 0 0 14px;position:sticky;top:72px;flex:none;transition:width .15s}
  body.has-rail #view{flex:1 1 auto;min-width:0}
  .subnav.rail{flex-direction:column;gap:2px;border-bottom:0;border-right:1px solid var(--line);padding:0 10px 12px 0;overflow:visible;margin-top:0}
  .subnav.rail a{border-bottom:0;border-left:3px solid transparent;border-radius:0 8px 8px 0;margin:0;padding:9px 12px;font-size:13.5px;white-space:normal}
  .subnav.rail a:hover{background:rgba(127,127,127,.08)}
  .subnav.rail a.on{border-left-color:var(--gold);background:rgba(217,178,92,.10);color:var(--ink);font-weight:600}
  .railh{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px 12px;font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
  .railx{border:1px solid var(--line);background:transparent;color:var(--mute);width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:15px;line-height:1}
  .railx::before{content:"‹"}
  .railx:hover{color:var(--ink)}
  body.rail-closed #subnav{width:44px;padding-left:8px}
  body.rail-closed .subnav.rail a,body.rail-closed .railh span{display:none}
  body.rail-closed .subnav.rail{border-right:0;padding-right:0}
  body.rail-closed .railh{padding:0}
  body.rail-closed .railx::before{content:"›"}
}
@media (max-width:900px){.railh{display:none}}

/* Oct 21, 2026 (Elvir): Today page at a glance. Number chips under the greeting, and a slim week strip
   with the picked day's agenda (the full calendar opens on demand). */
.glance{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 16px}
.gchip{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 14px;font:500 13.5px var(--sans);cursor:pointer}
.gchip b{font:600 16px var(--sans)}
.gchip:hover{background:var(--hover,#f6f4ef)}
.gchip.hot{border-color:var(--gold)}.gchip.hot b{color:var(--goldt)}
.card.calv.mini{padding:14px 18px}
.card.calv.mini .calhead{margin-bottom:10px}
.card.calv.mini .calhead h2{font-size:22px}
.calhead h2 small{font:500 13px var(--sans);color:var(--mute);margin-left:6px}
.mweek{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.mday{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);cursor:pointer;font-family:var(--sans);min-width:0}
.mday:hover{background:var(--hover,#f6f4ef)}
.mday .mdw{font:600 10px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.mday b{font:400 20px/1.1 var(--display)}
.mday.past{opacity:.6}
.mday.today b{color:var(--goldt)}
.mday.sel{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);opacity:1}
.mdots{display:flex;gap:3px;height:8px;align-items:center}
.mdots em{font:600 9px var(--sans);font-style:normal;color:var(--mute)}
.mdot{width:7px;height:7px;border-radius:50%;display:inline-block;border:0!important}
.mdot.ev-appt{background:var(--blue)}.mdot.ev-close{background:var(--green)}.mdot.ev-dl{background:var(--red)}.mdot.ev-occ{background:var(--gold)}
.mdn{font-size:10.5px;color:var(--mute);white-space:nowrap}
.agenda{margin-top:10px;border-top:1px solid var(--line);padding-top:4px}
.agenda .appt{border-bottom:1px solid var(--line)}
.aline{display:flex;gap:14px;align-items:center;padding:8px 10px;margin:6px 0;border-radius:8px;color:var(--ink);text-decoration:none;border-left:3px solid transparent;font-size:14px}
a.aline:hover{text-decoration:none;filter:brightness(1.05)}
.aline .at{width:50px;flex:none;font-weight:600;font-size:12.5px}
.aline .al{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aempty{padding:12px 2px 4px;color:var(--mute);font-size:14px}
html[data-theme=dark] .mday,html[data-theme=dark] .gchip{background:#141b25}
html[data-theme=dark] .mday.sel{background:var(--hover)}
@media (max-width:640px){.mday .mdn{display:none}.mday b{font-size:17px}.mweek{gap:4px}.gchip{font-size:12.5px;padding:5px 11px}}
.mday{text-transform:none}.mday .mdn{text-transform:none;letter-spacing:0}
.mday{padding:6px 2px 5px}.mday b{font-size:19px}
@media (max-width:640px){.agenda .appt .amain{flex:1 1 calc(100% - 80px)}.agenda .appt .btn{margin-left:78px}.card.calv.mini .calhead{flex-wrap:wrap}}

/* Oct 21, 2026 (Elvir): Today rebuilt: Next up + four boxes on the left, today's schedule on the right,
   plainly labeled watch lists underneath. */
.tgrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;align-items:start;margin-bottom:16px}
.tleft{display:flex;flex-direction:column;gap:14px;min-width:0}
.card.nextup{padding:14px 16px 6px;border-color:var(--gold)}
.nuh{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.nuh b{font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--goldt)}
.nubody .task{border:0!important;box-shadow:none!important;margin:0;background:transparent!important}
.nubody .task .th{padding-left:0;padding-right:0}
.ttiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ttile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);text-decoration:none;min-width:0}
.ttile:hover{text-decoration:none;border-color:var(--gold)}
.ttile .ti{font-size:15px;color:var(--mute);line-height:1}.ttile .ti svg{width:16px;height:16px}
.ttile div{font-size:13.5px;color:var(--mute)}.ttile div b{font:600 24px var(--sans);color:var(--ink);margin-right:2px}
.ttile .tn{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ttile.zero{opacity:.55}
.card.sched{padding:14px 16px}
.card.sched h3,.wbox h3{margin:0;font:600 15px var(--sans)}
.card.sched .appt{border-bottom:1px solid var(--line)}
.soonh{margin:14px 0 4px;font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.watch{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card.wbox{padding:14px 16px 8px}
.wn{font:600 12px var(--sans);background:var(--chip,#f1efea);color:var(--ink);border-radius:999px;padding:1px 8px;margin-left:4px;vertical-align:2px}
.wsub{margin:2px 0 6px;font-size:12.5px;color:var(--mute)}
.card.sched .lrow,.wbox .lrow{padding:8px 0;border-bottom:1px solid var(--line)}
.card.sched .lrow:last-child,.wbox .lrow:last-child{border-bottom:0}
.wlist{max-width:900px}
@media (max-width:1100px){.tgrid{grid-template-columns:1fr}}
@media (max-width:640px){.ttiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.card.sched .aline{white-space:normal;align-items:flex-start}
.card.sched .aline .al{white-space:normal}
.card.sched .aline .btn{flex:none;align-self:center}
.ttile div{white-space:nowrap}.ttile div b{font-size:22px}
html .card.wbox h3,html .card.sched h3{text-transform:none!important;letter-spacing:0!important;font:600 16px var(--sans)!important;color:var(--ink)}
html .card.sched .lrow,html .card.wbox .lrow{margin:0!important;padding-left:0!important;padding-right:0!important}
.card.sched .aline.ev-appt{background:transparent!important;border-left:3px solid var(--blue);padding-left:12px}
.card.sched .aline.ev-appt b{color:var(--ink)}
.wtog{display:block;width:100%;margin:6px 0 4px;padding:8px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--blue);font:600 13px var(--sans);cursor:pointer;text-align:center}
.wtog:hover{text-decoration:underline}
.card.wbox{align-self:start}
.watch>.card{margin:0!important}

/* Oct 21, 2026: contact map */
.mapbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 12px}
.mapbar .inp{max-width:240px;margin:0}
.mchip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--paper);color:var(--mute);border-radius:999px;padding:6px 12px;font:500 13px var(--sans);cursor:pointer;opacity:.6}
.mchip.on{opacity:1;color:var(--ink);border-color:var(--ink)}
.mchip b{font-weight:600;color:var(--mute)}
.mchip i{width:10px;height:10px;border-radius:50%;display:inline-block;border:1.5px solid #0d1726}
.mchip i.sq{border-radius:2px;background:#c9cfd8;transform:rotate(45deg);width:8px;height:8px}
.mchip i.ring{background:transparent;border:2px solid #f2c14e}
.mapwrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;height:calc(100vh - 230px);min-height:460px}
#mapc{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#0e131a;min-height:460px}
.mapside{border:1px solid var(--line);border-radius:14px;background:var(--paper);padding:16px;overflow:auto;position:relative}
.mhint{color:var(--mute);font-size:14px;line-height:1.55}
.mapside .mx{position:absolute;top:8px;right:10px;border:0;background:none;color:var(--mute);font-size:22px;cursor:pointer}
.mside-h{display:flex;gap:10px;align-items:flex-start;margin-right:20px}
.mside-h h3{margin:0 0 4px;font:600 18px var(--sans);text-transform:none;letter-spacing:0;color:var(--ink)}
.mdot{width:12px;height:12px;border-radius:50%;flex:none;margin-top:6px;display:inline-block}
.mdot.sq{border-radius:2px;background:#c9cfd8;transform:rotate(45deg)}
.maddr{margin:10px 0;font-size:14px}
.mfacts{display:grid;gap:6px;margin:10px 0;font-size:13.5px}
.mfacts>div{display:grid;grid-template-columns:96px 1fr;gap:8px}
.mfacts span{color:var(--mute)}
.macts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.mnear{border-top:1px solid var(--line);padding-top:10px;margin-top:6px;display:grid;gap:4px}
.mnear b{font-size:13px;margin-bottom:4px}
.mnear button{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--ink);text-align:left;padding:5px 0;cursor:pointer;font:500 13.5px var(--sans)}
.mnear button .mdot{margin:0;width:9px;height:9px}
.mnear button em{margin-left:auto;font-style:normal;font-size:12px;color:var(--mute);white-space:nowrap}
.mnear button:hover{text-decoration:underline}
.mpros{background:#c9cfd8;border:1.5px solid #0d1726;transform:rotate(45deg);border-radius:2px}
.mpros.on{background:#fff;border-color:#f2c14e}
.leaflet-container{font-family:var(--sans)}
@media (max-width:900px){.mapwrap{grid-template-columns:1fr;height:auto}#mapc{height:62vh}.mapside{display:none}.mapside.on{display:block;position:fixed;left:0;right:0;bottom:0;max-height:60vh;z-index:1000;border-radius:16px 16px 0 0}}
@media (max-width:900px){#side #nav{flex:1 1 100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto}#side{max-width:100vw;overflow-x:hidden}}
.conv>.clist,.conv>.cthread{min-height:0}.cthread{overflow:hidden}.msgs{min-height:0}
.creply textarea{min-height:44px!important;height:44px;transition:height .15s}.creply textarea:focus{height:120px}
/* Oct 21: prospect header without the cover strip */
.profile.pxp .pxback{padding:14px 22px 0}
.profile.pxp .phead{margin-top:0;align-items:flex-start;padding:14px 22px 14px}
.pxph{flex:none;width:240px;height:160px;border-radius:14px;border:1px solid var(--line);background:var(--navy) center/cover no-repeat;position:relative;cursor:pointer;padding:0}
.pxph span{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.6);color:#fff;font:600 11.5px var(--sans);border-radius:999px;padding:3px 9px}
.pxph:hover{border-color:var(--gold)}
.profile.pxp .phead .pinfo{padding-top:4px!important;flex:1 1 300px;min-width:0}
.profile.pxp .phead .pacts{padding-left:0!important;flex-basis:auto!important;align-self:flex-start;margin-left:0}
.profile.pxp .phead .av.lg{margin-top:0}
@media (max-width:700px){.pxph{width:100%;height:190px}}
/* Oct 22: profile + prospect headers share one layout: info and actions on the left, the house photo on the right */
.profile.pxp .phead{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;column-gap:20px;row-gap:12px;align-items:start;margin-top:0!important;padding:12px 22px 16px!important}
.profile.pxp .phead>.av{grid-column:1;grid-row:1;margin:0!important}
.profile.pxp .phead>.pinfo{grid-column:2;grid-row:1;padding-top:2px!important;min-width:0}
.profile.pxp .phead>.pacts{grid-column:1/3;grid-row:2;padding-left:0!important;margin:0!important;flex-basis:auto!important}
.profile.pxp .phead>.pxph{grid-column:3;grid-row:1/3;width:300px;height:200px;align-self:start}
.profile.pxp .pxback{padding:14px 22px 0}
@media (max-width:900px){.profile.pxp .phead{grid-template-columns:auto minmax(0,1fr)}.profile.pxp .phead>.pxph{grid-column:1/-1;grid-row:3;width:100%;height:200px}.profile.pxp .phead>.pacts{grid-column:1/-1}}
@media (max-width:640px){.profile.pxp .phead{grid-template-columns:minmax(0,1fr)}.profile.pxp .phead>.av{display:none}.profile.pxp .phead>.pinfo{grid-column:1}.profile.pxp .phead>.pxph{grid-row:1}}
.profile.pxp .phead>.pxph+.pinfo{grid-column:1/3}
@media (max-width:640px){.profile.pxp .phead>.pxph{grid-row:1;grid-column:1}.profile.pxp .phead>.pinfo,.profile.pxp .phead>.pxph+.pinfo{grid-row:2;grid-column:1}.profile.pxp .phead>.pacts{grid-row:3;grid-column:1}}
/* Oct 22: Game Plan steps on the profile */
.gptrack{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}
.gptrack span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:3px 10px 3px 4px;font:600 12px var(--sans);color:var(--mute)}
.gptrack span i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line);display:inline-grid;place-items:center;font:700 10px var(--sans);font-style:normal}
.gptrack span.on{color:var(--ink);border-color:var(--green)}
.gptrack span.on i{background:var(--green);border-color:var(--green);color:#0d1726}
.gptrack small{font:500 11px var(--sans);color:var(--mute);margin-left:2px}
.gpnext{font-size:13px;margin:4px 0 2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pfbox{background:var(--panel2,rgba(127,127,127,.08));border:1px solid var(--line,rgba(127,127,127,.2));border-radius:10px;padding:10px 12px;margin-top:6px}.pfbox .check{margin:4px 0}
.pkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.pkc{border:1px solid var(--line,rgba(127,127,127,.2));border-radius:12px;overflow:hidden;background:var(--card,rgba(127,127,127,.04))}.pkc.on{border-color:#c9a14a}
.pkimg{height:140px;background-size:cover;background-position:center 22%;position:relative}.pkimg .pill{position:absolute;left:10px;top:10px}.pkb{padding:12px 14px}
.msg.hit{outline:2px solid #c9a14a;outline-offset:2px}.cprev mark,.citem mark{background:rgba(201,161,74,.35);color:inherit;border-radius:2px;padding:0 1px}

/* Listing log (Oct 22, 2026) */
.llog .shrow{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}
.llog .shrow:last-child{border-bottom:0}
.llog .shrow.x .shmain{opacity:.55}
.llog .shmain{flex:1;min-width:0}
.llog .shact{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.llog .shsrc{font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--line);color:var(--mute);white-space:nowrap}
.llog .shsrc.you{border-color:var(--gold,#c9a14a);color:var(--goldt,#9a7a2e)}
.llog .shsrc.oh{border-color:var(--navy,#1d2a44);color:var(--ink)}
.llog .shrow.oh{background:var(--paper);border-radius:10px;padding:9px 10px;margin:4px 0;border-bottom:0}
.llog .fbk{margin-top:6px;padding:6px 9px;border-left:3px solid var(--gold,#c9a14a);border-radius:4px}
.llog .ok{color:var(--green)}

/* Next moves layout (Oct 22): automatic items folded away at the bottom */
details.autolog>summary{cursor:pointer;list-style:none;padding:2px 0}
details.autolog>summary::-webkit-details-marker{display:none}
details.autolog>summary::before{content:"▸ ";color:var(--mute)}
details.autolog[open]>summary::before{content:"▾ "}
details.autolog .lrow{padding:6px 0}

/* Oct 22: Pipeline tabs (Leads / Clients / Landlords) and buckets that wrap instead of scrolling sideways */
.pltabs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.pltabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 14px;font:600 13px var(--sans);color:var(--ink,#1f2933);cursor:pointer;display:flex;gap:8px;align-items:center}
.pltabs button span{background:#eef0f4;border-radius:999px;padding:1px 8px;font-size:12px;color:var(--mute)}
.pltabs button.on{background:var(--navy);border-color:var(--navy);color:#fff}
.pltabs button.on span{background:rgba(255,255,255,.18);color:#fff}
.board.wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));overflow:visible;gap:12px}
.board.wrap .col{width:auto;min-width:0}
.kc.ll{cursor:pointer}
html[data-theme=dark] .pltabs button{background:var(--paper);color:inherit}
html[data-theme=dark] .pltabs button.on{background:var(--gold);border-color:var(--gold);color:#13202a}
html[data-theme=dark] .pltabs button.on span{background:rgba(0,0,0,.15);color:#13202a}
html[data-theme=dark] .pltabs button span{background:rgba(255,255,255,.08)}
@media (max-width:760px){.board.wrap{grid-template-columns:1fr;scroll-snap-type:none}.board.wrap .col{width:auto;min-width:0}}

/* Oct 22 (round 2): Pipeline list view */
.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-left:8px}
.seg button{border:0;background:transparent;padding:6px 14px;font:600 13px var(--sans);color:var(--mute);cursor:pointer}
.seg button.on{background:var(--navy);color:#fff}
.plstrip{display:flex;flex-wrap:wrap;gap:0;margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card,#fff)}
.plstrip button{flex:1 1 auto;border:0;border-right:1px solid var(--line);background:transparent;padding:9px 12px;font:600 12.5px var(--sans);color:var(--ink,#1f2933);cursor:pointer;white-space:nowrap;text-align:center}
.plstrip button:last-child{border-right:0}
.plstrip button b{display:block;font:800 18px var(--sans);letter-spacing:-.02em;margin-top:2px}
.plstrip button.zero{color:var(--mute)}
.plstrip button.on{background:var(--navy);color:#fff}
.plstrip button:hover:not(.on){background:rgba(0,0,0,.035)}
.pltool{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0 8px}
.pltool #plq{flex:1 1 220px;max-width:340px}
.pltool .plf{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto}
.pllist{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card,#fff)}
.plh,.plr{display:grid;grid-template-columns:minmax(180px,2.2fr) 170px 64px 110px minmax(160px,2fr) 96px;gap:10px;align-items:center;padding:7px 12px}
.plh.ll,.plr.ll{grid-template-columns:minmax(200px,2.4fr) 170px 100px 180px 1fr}
.pltool #plso{width:auto;flex:0 0 auto}
.plr.kc{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:6px 12px;cursor:pointer}
.plh{font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);background:rgba(0,0,0,.025);border-bottom:1px solid var(--line)}
.plr{border-bottom:1px solid var(--line);cursor:pointer;font-size:13.5px;margin:0;border-radius:0;box-shadow:none;background:transparent}
.plr:last-child{border-bottom:0}
.plr:hover{background:rgba(212,175,95,.08)}
.plr .pln{min-width:0}.plr .pln b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plr small{display:block;font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plr .inp.sm{padding:4px 6px;font-size:12.5px;height:30px;width:100%}
.plr .pnx{min-width:0}.plr .pnx span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plr .late{color:#c0392b;font-weight:600}.plr .duetoday{color:#b7791f;font-weight:600}.plr .stale{color:#b7791f}
.plr .pla{display:flex;justify-content:flex-end}.plr .pla .qb span{display:none}
.plr > .qbox{grid-column:1/-1}
.plr .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
html[data-theme=dark] .plstrip,html[data-theme=dark] .pllist{background:var(--paper)}
html[data-theme=dark] .plstrip button{color:inherit}
html[data-theme=dark] .plstrip button.on,html[data-theme=dark] .seg button.on{background:var(--gold);color:#13202a}
html[data-theme=dark] .plh{background:rgba(255,255,255,.03)}
html[data-theme=dark] .plr:hover{background:rgba(255,255,255,.04)}
@media (max-width:760px){.plh{display:none}.plh,.plr,.plr.ll{grid-template-columns:1fr 118px auto}.plr.ll{grid-template-columns:1fr 130px}.plr .pla .qa{display:flex;gap:4px}
 .plstrip button{flex:1 1 33%;border-bottom:1px solid var(--line)}.pltool #plq{max-width:none}}

/* Oct 22: list pattern on Game Plans, Landlords, Tasks */
.gpl .plh,.gpl .plr{grid-template-columns:minmax(200px,2fr) 120px minmax(200px,2.4fr) 90px 110px}
.lll .plh,.lll .plr{grid-template-columns:minmax(200px,2.2fr) 170px 90px 150px minmax(120px,1fr)}
.plr.islate{box-shadow:inset 3px 0 0 #c0392b}
.late-t{color:#c0392b}
.gpstep{display:inline-block;font:700 11.5px var(--sans);padding:3px 9px;border-radius:999px;background:#eef0f4;color:#3d4b5c}
.gpstep.s-requested{background:#fdf0dc;color:#94600d}.gpstep.s-built{background:#eef0f4;color:#3d4b5c}.gpstep.s-sent{background:#e3effc;color:#1f4e79}
.gpstep.s-opened{background:#fde5e1;color:#a5341f}.gpstep.s-walkthrough,.gpstep.s-client{background:#e3f4ea;color:#1d6b3f}
.lll .plr .lldet{grid-column:1/-1;cursor:default;padding:4px 2px 8px;border-top:1px dashed var(--line)}
.lll .plr.open{background:rgba(212,175,95,.07)}
.llp{border-top:1px dashed var(--line);padding:4px 0}
.plstrip button.warnb b{color:#c0392b}
.plstrip button.on.warnb b{color:inherit}
html[data-theme=dark] .gpstep{background:rgba(255,255,255,.08);color:inherit}
@media (max-width:760px){.gpl .plr{grid-template-columns:1fr auto}.lll .plr{grid-template-columns:1fr 130px}}
.pltool > input.inp{flex:1 1 220px;max-width:340px}
.pltool > select.inp{width:auto;flex:0 0 auto}
.plstrip + .task, .plstrip + h3{margin-top:12px}
.plstrip{margin-bottom:4px}
@media (max-width:760px){.pltool > input.inp{max-width:none}}
@media (max-width:760px){.gpl .plr{grid-template-columns:1fr auto auto}}

/* ===== Communication hub (Oct 22, 2026) ===== */
.hub{--hgold:var(--gold);display:grid;grid-template-columns:340px minmax(0,1fr) 0;height:calc(100vh - 120px);height:calc(100dvh - 120px);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--paper);margin-top:4px}
.hub.side{grid-template-columns:340px minmax(0,1fr) 300px}
@media (min-width:1280px){.hub{grid-template-columns:340px minmax(0,1fr) 300px}.hub.side{grid-template-columns:340px minmax(0,1fr) 0}}
.hlist{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0;background:var(--paper)}
.hhead{padding:12px 14px 8px;border-bottom:1px solid var(--line)}
.hrow1{display:flex;align-items:center;gap:8px}.hrow1 h1{margin:0;font-size:26px}
.hsearch{position:relative;margin-top:8px}.hsearch input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:9px 32px 9px 12px;font-size:15px;background:var(--cream);color:var(--ink)}
.hsearch button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;font-size:20px;color:var(--mute);cursor:pointer}
.hseg{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:2px;scrollbar-width:none}.hseg::-webkit-scrollbar{display:none}
.hseg button{flex:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:6px 11px;font-size:13px;cursor:pointer;white-space:nowrap}
.hseg button.on{background:var(--hgold);border-color:var(--hgold);color:#1b1404;font-weight:600}.hseg b{font-weight:700;margin-left:2px}
.hnote{font-size:12.5px;color:var(--mute);margin-top:8px}
.hrows{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}
.hrow{display:flex;gap:11px;padding:11px 14px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none!important;align-items:center}
.hrow:hover{background:var(--hover,rgba(127,127,127,.06))}.hrow.on{background:var(--goldbg)}
.hav{position:relative;flex:none;width:42px;height:42px;border-radius:50%;background:var(--navy2,#1c2a40);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;letter-spacing:.02em}
.hav.sm{width:34px;height:34px;font-size:12px}.hav.lg{width:64px;height:64px;font-size:22px;margin:0 auto 8px}
.hch{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink)}.hch svg{width:11px;height:11px}
.hmid{flex:1;min-width:0}.hl1{display:flex;align-items:baseline;gap:8px}.hl1 b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.ht{font-size:12px;color:var(--mute);flex:none}
.hl2{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--mute);margin-top:2px}.hl2>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.35}
.hrow.unread .hl1 b{font-weight:700}.hrow.unread .hl2{color:var(--ink)}
.hdot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--hgold);box-shadow:0 0 0 3px var(--goldbg)}
.hempty{padding:28px 18px;color:var(--mute);text-align:center;font-size:14px}.hempty.big{margin:auto;font-size:16px}
.hthread{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--cream)}
.hloading{margin:auto}
.hth{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--paper)}
.hback{display:none;font-size:34px;line-height:1;color:var(--hgold);text-decoration:none!important;padding:0 6px 4px 0}
.hwho{display:flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none!important}.hwho b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hwho span{font-size:12px;color:var(--mute);white-space:nowrap}
.hbtn{flex:none;min-width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none!important;font-size:15px;padding:0}
.hbtn svg{width:17px;height:17px}.hbtn.txt{border-radius:999px;padding:0 12px;font-size:13px;font-weight:600}.hbtn.hinfo{font-family:Georgia,serif;font-style:italic;font-weight:700}
.hbtn.spinning{animation:pbspin 1s linear infinite}
@media (min-width:1280px){.hbtn.hinfo{display:none}}
.hmsgs{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px 18px;display:flex;flex-direction:column;gap:6px;min-height:0}
.hday{text-align:center;margin:12px 0 4px}.hday span{font-size:11.5px;color:var(--mute);background:var(--paper);border:1px solid var(--line);padding:3px 10px;border-radius:999px}
.hb{max-width:min(78%,620px);padding:9px 13px;border-radius:18px;font-size:15px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
.hb.in{align-self:flex-start;background:var(--paper);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:6px}
.hb.out{align-self:flex-end;background:#2f6fe4;color:#fff;border-bottom-right-radius:6px}
.hb.out a{color:#fff;text-decoration:underline}
.hb.mail{max-width:min(88%,680px);border-radius:14px;white-space:normal}.hb.mail.out{background:var(--navy);}
.hb.call{background:transparent;border:1px dashed var(--line);color:var(--ink)}.hb.call.out{background:transparent;color:var(--ink)}
.hsubj{font-weight:700;margin-bottom:4px;white-space:normal}
.hbody{white-space:pre-wrap}.hbody.clip{max-height:9.5em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,transparent);mask-image:linear-gradient(#000 70%,transparent)}
.hmore{margin-top:6px;border:0;background:none;color:inherit;font-weight:600;text-decoration:underline;cursor:pointer;padding:0;font-size:13.5px}
.hmeta{font-size:11px;opacity:.65;margin-top:5px;display:flex;align-items:center;gap:4px;white-space:nowrap}.hmeta svg{width:11px;height:11px}
.hb.out .hmeta{justify-content:flex-end}
.hb .mailcard{background:var(--paper);color:var(--ink);border-radius:10px;margin-top:4px}
.hsys{align-self:center;max-width:90%;text-align:center;font-size:12.5px;color:var(--mute);padding:6px 12px;border:1px dashed var(--line);border-radius:12px;background:transparent}.hsys svg{width:12px;height:12px;vertical-align:-2px}
.hsys .mailcard{margin:6px auto 0;max-width:320px;text-align:left}
.hit{outline:2px solid var(--hgold);outline-offset:3px}
.hcomp{border-top:1px solid var(--line);background:var(--paper);padding:8px 12px calc(10px + env(safe-area-inset-bottom))}
.hcbar{display:flex;align-items:center;gap:4px;margin-bottom:6px;flex-wrap:wrap}
.hcbar>button{border:0;background:none;color:var(--mute);font-size:13.5px;padding:5px 9px;border-radius:999px;cursor:pointer}.hcbar>button.on{background:var(--goldbg);color:var(--ink);font-weight:600}
.hcbar select{max-width:150px;border:1px solid var(--line);border-radius:8px;padding:4px 6px;font-size:13px;background:var(--paper);color:var(--ink)}
.hwarn{font-size:13px;color:var(--red);margin:0 2px 6px}
.hsubjrow{display:flex;gap:8px;align-items:center;margin-bottom:6px}.hsubjrow input#hc-subj{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:14px;background:var(--cream);color:var(--ink)}
.hthr{font-size:12.5px;white-space:nowrap;color:var(--mute);display:flex;gap:4px;align-items:center}
.hopts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--mute);margin:0 2px 6px}.hopts label{display:flex;gap:4px;align-items:center}
.hcin{display:flex;gap:8px;align-items:flex-end}
.hcin textarea{flex:1;min-width:0;resize:none;border:1px solid var(--line);border-radius:20px;padding:10px 14px;font:inherit;font-size:16px;line-height:1.35;min-height:42px;max-height:220px;background:var(--cream);color:var(--ink);box-sizing:border-box}
.hsend{flex:none;height:42px;border-radius:21px;border:0;background:var(--hgold);color:#1b1404;font-weight:700;padding:0 18px;font-size:15px;cursor:pointer}
.hcfoot{display:flex;gap:14px;margin-top:6px;font-size:12.5px}.hcfoot button{border:0;background:none;color:var(--mute);text-decoration:underline;cursor:pointer;padding:0;font-size:12.5px}.hcfoot.muted{color:var(--mute)}
.hside{border-left:1px solid var(--line);overflow-y:auto;min-width:0;background:var(--paper)}
.hsc{padding:20px 16px;text-align:center}.hsc h3{margin:0 0 6px;font-size:18px}
.hcl{display:flex;flex-direction:column;gap:6px;margin:14px 0;text-align:left;font-size:13.5px}.hcl>*{display:flex;gap:8px;align-items:center;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hcl svg{width:14px;height:14px;flex:none}
.hbox{text-align:left;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:10px;font-size:13px}.hk{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.htd{display:flex;gap:6px;align-items:flex-start;padding:3px 0}.htd svg{width:13px;height:13px;flex:none;margin-top:2px}
html[data-theme=dark] .hb.out{background:#2f6fe4!important;color:#fff!important}html[data-theme=dark] .hb.mail.out{background:#24344d!important}
html[data-theme=dark] .hsearch input,html[data-theme=dark] .hcin textarea,html[data-theme=dark] .hsubjrow input#hc-subj{background:var(--cream)!important}
html[data-theme=dark] .hav{background:#2a3a52}
/* phone: the list is the screen; a conversation opens full screen like Messages */
@media (max-width:760px){
  .hub{display:block;height:auto;border:0;border-radius:0;background:transparent;margin:0 -12px}
  .hlist{border:0;background:transparent}.hhead{position:sticky;top:0;z-index:5;background:var(--cream);border-bottom:1px solid var(--line)}
  .hrows{overflow:visible}.hrow{padding:12px 14px}.hside{display:none}
  .hthread{display:none}
  body.hub-open{overflow:hidden}
  body.hub-open .hthread{display:flex;position:fixed;inset:0;z-index:400;height:100vh;height:100dvh}
  body.hub-open .hlist{visibility:hidden;height:0;overflow:hidden}
  .hth{padding:calc(8px + env(safe-area-inset-top)) 10px 8px}.hback{display:block}
  .hbtn.hinfo{display:none}
  .hb{max-width:84%}.hb.mail{max-width:94%}
  .hmsgs{padding:10px 10px 14px}
  .hcbar>button{padding:5px 7px;font-size:13px}.hcbar select{max-width:120px}
}
.mchip.mall{font-weight:600;border-style:dashed}
.mpros.fsbo{background:#7c3aed}.mpros.exp{background:#dc2626}.mpros.land{background:#0891b2}.mpros.on{background:#fff}
.mopen{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin:10px 0 4px}.mside-h h3 a{color:inherit}.mside-h h3 a:hover{text-decoration:underline}
.mapfocus{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0;padding:8px 12px;border:1px solid var(--gold);border-radius:10px;background:var(--goldbg);font-size:14px}.mfocus{margin-right:6px}
.kprices{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;margin:4px 0}.kprices i{font-style:normal;color:var(--mute);font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-right:3px}.kprices s{font-size:11.5px}
.kprices.big{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:4px 0 12px}.kprices.big>div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--cream)}.kprices.big i{display:block;margin-bottom:2px}.kprices.big b{font-size:17px}
.ksales{margin:-4px 0 12px}.ksales div{padding:2px 0}

/* Oct 23 (Elvir): on the phone, home-screen search results were cut off behind the greeting. The top bar clipped
   everything below its own edge (overflow-x:hidden). Clip only sideways, and float the results over the page. */
@media (max-width:900px){
  #side{overflow-x:clip;overflow-y:visible}
  #qres{z-index:60;max-height:min(420px,70vh);-webkit-overflow-scrolling:touch}
}
@supports not (overflow-x:clip){
  @media (max-width:900px){
    #side{overflow:visible}
    #qres{position:fixed;left:12px;right:12px;top:auto}
  }
}
html[data-theme=dark] #qres a{border-bottom-color:var(--line)}

/* Oct 26: New since they looked */
.pnx .nsl{display:block;color:var(--gold,#c9a227)}
.pnx .nsl b{font-weight:600}
.pnx small{display:block}
.gpchg .lrow .when{text-align:right;line-height:1.3}