:root{--bg:#f3f5f8;--surface:#fff;--ink:#17263a;--muted:#566579;--accent:#174bba;--accent-soft:#eaf0fc;--line:#dbe2ec;--radius:14px;--danger:#a32828}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.55 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}a{color:var(--accent)}button,.button{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;text-decoration:none;display:inline-flex}button:hover,.button:hover{border-color:var(--accent);background:var(--accent-soft)}button.primary,.button,button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover,.button:hover,button[type=submit]:hover{background:#123d98}button.secondary{background:var(--surface);color:var(--ink)}button.danger{color:var(--danger);background:#fff}button:disabled{opacity:.6;cursor:not-allowed}:focus-visible{outline-offset:3px;outline:3px solid #d99216}.skip-link{z-index:20;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:10px}.portal-shell{grid-template-columns:238px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:28px;padding:28px 20px;display:flex}.brand{letter-spacing:-1.3px;color:var(--ink);font-size:28px;font-weight:750;text-decoration:none}.brand span{color:var(--accent)}.brand-subtitle{margin:0;font-size:12px}nav{flex-direction:column;gap:8px;display:flex}.nav-item{text-align:left;background:0 0;border:0;justify-content:flex-start;gap:12px;padding:13px}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:700}.sidebar-account{border-top:1px solid var(--line);margin-top:auto;padding-top:20px}.sidebar-account p{margin:5px 0 14px;font-size:13px}main{width:100%;min-width:0;max-width:1500px;margin:0 auto;padding:32px 44px}main:focus{outline:none}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}h1{letter-spacing:-.8px;margin:0;font-size:30px}h2{margin:0 0 8px;font-size:20px}h3{margin:0 0 8px;font-size:17px}p{color:var(--muted);margin:6px 0 18px}.eyebrow{text-transform:uppercase;letter-spacing:1.8px;color:var(--accent);margin-bottom:8px;font-size:11px;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;padding:24px}.card-heading,.card-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;flex:0 0 44px;place-items:center;font-weight:750;display:grid}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:20px;padding:3px 9px;font-size:12px;display:inline-block}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0;display:grid}.facts dt,.facts small{color:var(--muted);font-size:13px;display:block}.facts dd{overflow-wrap:anywhere;margin:3px 0 0;font-weight:600}.hint{color:var(--muted);font-size:13px}.error{color:#8c2020;background:#fff1f1;border:1px solid #f1c9c9;border-radius:8px;margin-bottom:18px;padding:14px}.error p{color:inherit}.status{color:var(--accent);margin:12px 0}.empty-state{text-align:center;padding:35px}label{margin:15px 0 6px;font-size:13px;font-weight:600;display:block}input,select,textarea{background:var(--surface);width:100%;min-width:0;color:var(--ink);border:1px solid #a3b0c2;border-radius:7px;padding:10px 12px}textarea{resize:vertical;min-height:90px}fieldset{border:0;min-width:0;margin:0;padding:0}.actions,.row,.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0;display:flex}.toolbar input,.toolbar label{max-width:360px}.form-grid{gap:10px;display:grid}.edit-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}summary{color:var(--accent);cursor:pointer;min-height:44px;padding:8px 0;font-weight:600}details[open]>summary{margin-bottom:8px}.contact-workspace{grid-template-columns:minmax(260px,.85fr) minmax(0,1.3fr);align-items:start;gap:20px;display:grid}.contact-list{align-content:start;gap:10px;display:grid}.contact-list .toolbar{margin:0 0 8px;display:block}.contact-list .toolbar label{max-width:none;margin:0 0 10px}.contact-list .toolbar input{max-width:none}.contact-list .toolbar p{margin:0}.contact-detail h4{margin:20px 0 10px}.contact-item{text-align:left;overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:15px 16px}.contact-item span{color:var(--muted);font-size:12px}section>details.card{margin-bottom:18px}.success{color:#175d39;background:#ecf7ef;border-radius:8px;padding:12px 16px}.contact-item strong,.contact-item small{display:block}.contact-item small{color:var(--muted);font-size:12px}.contact-item.selected,.contact-item[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.contact-detail{overflow-wrap:anywhere}.contact-detail dl{margin:18px 0}.contact-detail dt{color:var(--muted);font-size:13px}.contact-detail dd{margin:3px 0 18px}.group-list,.phone-list{gap:16px;padding:0;list-style:none;display:grid}.phone-list>li{border-top:1px solid var(--line);padding-top:12px}.route-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:20px 0;display:grid}.route-step{background:var(--bg);overflow-wrap:anywhere;border-radius:9px;padding:16px}.route-step small{color:var(--muted);display:block}.route-arrow{color:var(--accent)}.routing-list{gap:18px;display:grid}.call-workspace{margin-top:20px}.call-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.call-text{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%;font:inherit}.login-card{max-width:640px;padding:32px}footer{color:var(--muted);margin-top:35px;font-size:12px}@media (max-width:1100px){main{padding:28px}.agent-grid{grid-template-columns:1fr}.contact-workspace{grid-template-columns:minmax(220px,.8fr) minmax(0,1fr)}.route-flow{grid-template-columns:1fr}.route-arrow{text-align:center;transform:rotate(90deg)}}@media (max-width:760px){.portal-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:14px;padding:16px 20px}nav{flex-direction:row;padding:3px;overflow-x:auto}.nav-item{white-space:nowrap;flex:none;padding:10px}.sidebar-account{border:0;align-items:center;gap:12px;padding:0;display:flex}.sidebar-account strong{display:none}.sidebar-account p{margin:0 auto 0 0}.sidebar-account button{padding:8px 12px}main{padding:22px 20px}.page-heading{flex-direction:column;align-items:start;gap:10px}h1{font-size:27px}.contact-workspace{grid-template-columns:1fr}.card{padding:20px}.facts{grid-template-columns:1fr}.actions{align-items:stretch}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}