:root{--navy:#071b2d;--navy2:#102c44;--red:#b7412a;--sky:#eaf2f7;--paper:#f7f8f6;--ink:#172431;--muted:#667482;--line:#dbe2e7;--green:#27745d;--amber:#a55b12;--radius:14px;--shadow:0 8px 30px #071b2d16;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,var(--navy),#174868)}.login-card{width:min(100%,420px);background:white;border-radius:24px;padding:32px;box-shadow:0 24px 70px #0005}.brand-mark,.side-brand>span,.brand>span{display:grid;place-items:center;background:var(--red);color:white;font-weight:900;border-radius:50%}.brand-mark{width:54px;height:54px;font-size:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--red);font-size:.72rem;font-weight:800;margin:20px 0 5px}.login-card h1{margin:0;font-size:2.6rem;letter-spacing:-.05em}.muted{color:var(--muted)}.stack{display:grid;gap:16px;margin-top:26px}label{display:grid;gap:7px;font-weight:700;font-size:.88rem}input,select,textarea{width:100%;border:1px solid #bfcbd3;border-radius:10px;padding:12px 13px;background:white;color:var(--ink);min-height:46px}textarea{min-height:100px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #61aee099;outline-offset:2px}.primary{border:0;background:var(--red);color:white;border-radius:10px;padding:13px 18px;font-weight:800;min-height:46px;cursor:pointer}.secondary{border:1px solid var(--line);background:white;color:var(--navy);border-radius:10px;padding:10px 14px;font-weight:750;min-height:44px;cursor:pointer}.danger{color:#952f23}.form-error{color:#a62e20;min-height:1.2em;margin:0}.topbar{height:62px;background:var(--navy);color:white;display:none;align-items:center;justify-content:space-between;padding:0 14px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;color:white;text-decoration:none;font-weight:900;letter-spacing:.08em}.brand>span{width:31px;height:31px}.icon-button{border:0;background:transparent;color:white;font-size:25px;min-width:44px;min-height:44px}#sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);color:white;padding:24px 18px;display:flex;flex-direction:column;z-index:30}.side-brand{display:flex;gap:12px;align-items:center;padding:4px 7px 28px}.side-brand>span{width:40px;height:40px}.side-brand div{display:grid;letter-spacing:.08em}.side-brand small{letter-spacing:0;color:#a9bdca;font-size:.7rem}#sidebar nav{display:grid;gap:6px}#sidebar nav a{color:#c9d7df;text-decoration:none;padding:12px;border-radius:9px;font-weight:700}#sidebar nav a:hover,#sidebar nav a.active{background:#ffffff17;color:white}.new-lead{margin-top:22px}.user{margin-top:auto;border-top:1px solid #ffffff20;padding:18px 8px 0;display:grid;gap:4px}.user small{color:#a9bdca;text-transform:capitalize}.user button{border:0;background:none;color:#d5e0e6;text-align:left;padding:7px 0;cursor:pointer}#content{margin-left:250px;padding:38px clamp(22px,4vw,58px) 80px;max-width:1500px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.page-head h1{font-size:clamp(1.8rem,4vw,2.65rem);margin:0;letter-spacing:-.04em}.page-head p{margin:7px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.stat strong{display:block;font-size:2rem;color:var(--navy)}.stat span{color:var(--muted);font-weight:650}.grid-2{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:20px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel h2{font-size:1.05rem;margin:0;padding:18px 20px;border-bottom:1px solid var(--line)}.list{display:grid}.row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;background:white}.row:last-child{border:0}.row:hover{background:#f7fafb}.row-main{min-width:0}.row-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-main small{display:block;color:var(--muted);margin-top:3px}.badge{display:inline-flex;border-radius:999px;padding:5px 9px;background:var(--sky);color:var(--navy2);font-size:.72rem;font-weight:800;text-transform:capitalize;white-space:nowrap}.badge.overdue{background:#fae9e5;color:#9a2f23}.badge.done{background:#e2f3ec;color:#1e654f}.empty{padding:34px 20px;text-align:center;color:var(--muted)}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input{max-width:420px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.record-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px;text-decoration:none;color:inherit;box-shadow:var(--shadow)}.record-card h3{margin:8px 0 5px}.record-card p{margin:0;color:var(--muted);font-size:.88rem}.card-meta{display:flex;gap:10px;margin-top:16px;color:var(--muted);font-size:.78rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-grid .wide{grid-column:1/-1}.timeline{padding:8px 20px}.timeline-item{border-left:2px solid #c9d8e2;padding:8px 0 18px 18px;position:relative}.timeline-item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--red);left:-5.5px;top:13px}.timeline-item p{margin:2px 0}.timeline-item small{color:var(--muted)}.fab{display:none}.bottom-nav{display:none}#scrim{display:none}dialog{width:min(94vw,620px);max-height:90vh;border:0;border-radius:18px;padding:0;box-shadow:0 24px 80px #0006}dialog::backdrop{background:#071b2dbb}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:30px;min-width:44px;min-height:44px}#modal-body{padding:20px;overflow:auto;max-height:calc(90vh - 76px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.notice{padding:13px;border-radius:10px;background:#fff3da;color:#744614;margin-bottom:16px}.search-results{max-height:55vh;overflow:auto}#toast{position:fixed;z-index:100;right:22px;bottom:24px;background:var(--navy);color:white;border-radius:10px;padding:13px 17px;box-shadow:var(--shadow);transform:translateY(120px);transition:.2s}#toast.show{transform:none}
[hidden]{display:none!important}.stat strong.stat-value{font-size:1.1rem}.grid-2>.wide{grid-column:1/-1}.head-actions,.attention-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.attention-list{display:grid}.attention-item{display:flex;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);background:#fff}.attention-item:last-child{border-bottom:0}.attention-item h3,.attention-item p{margin:7px 0}.attention-item p{color:var(--muted);max-width:720px}.attention-item small{color:var(--muted)}.message-list{display:grid;gap:12px;padding:16px}.message{max-width:82%;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}.message.outbound{margin-left:auto;background:#eaf2f7}.message.inbound{border-left:4px solid var(--red)}.message.internal{background:#f2f0ea}.message p{margin:10px 0;white-space:pre-wrap}.message footer,.message small{color:var(--muted);font-size:.78rem}.message-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.message-meta>span:last-child{margin-left:auto;color:var(--muted);font-size:.75rem}.timeline-item.communication{border-left-color:var(--green)}.timeline-item.communication:before{background:var(--green)}
@media(max-width:1050px){.cards{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{display:flex}#sidebar{transform:translateX(-105%);transition:.2s;width:min(86vw,310px)}#sidebar.open{transform:none}#scrim.open{display:block;position:fixed;inset:0;background:#0007;z-index:25}#content{margin:0;padding:22px 15px 104px}.page-head{align-items:flex-start;flex-wrap:wrap}.page-head .head-actions{width:100%}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:1.65rem}.cards,.detail-grid{grid-template-columns:1fr}.detail-grid .wide{grid-column:auto}.row{padding:14px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;inset:auto 0 0;background:white;border-top:1px solid var(--line);height:74px;padding-bottom:env(safe-area-inset-bottom);z-index:20}.bottom-nav a,.bottom-nav button{display:grid;place-items:center;align-content:center;gap:2px;border:0;background:white;color:var(--muted);text-decoration:none;font-size:20px}.bottom-nav span{font-size:.66rem;font-weight:700}.bottom-nav button{width:52px;height:52px;border-radius:50%;background:var(--red);color:white;font-size:30px;justify-self:center;transform:translateY(-13px);box-shadow:0 6px 18px #b7412a55}.fab{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.toolbar{display:grid}.toolbar input{max-width:none}dialog{width:100vw;max-width:none;max-height:94vh;margin:auto 0 0;border-radius:18px 18px 0 0}.panel{box-shadow:none}.card-meta{flex-wrap:wrap}}

/* Keep long desktop and mobile navigation independently operable at every supported viewport height. */
#sidebar{height:100vh;height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.ops-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.ops-log{max-height:24rem;overflow:auto;background:#071b2d;color:#e8f1f8;border-radius:.65rem;padding:1rem;white-space:pre-wrap;word-break:break-word}.panel label select[data-ops-tenant]{display:block;width:100%;max-width:42rem;margin-top:.4rem}