.mode-switch{display:flex;background:#edf3f1;border-radius:10px;padding:3px;white-space:nowrap}.mode-switch button{border:0;background:transparent;color:var(--muted);padding:7px 11px;border-radius:8px;font:600 12px Heebo;cursor:pointer}.mode-switch button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.user-mode{--green:#245a54;--bg:#f5f8f7}.user-mode .sidebar{background:#194d47}.welcome-user{background:linear-gradient(120deg,#194d47,#2f756d);color:#fff;border-radius:20px;padding:32px 38px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.welcome-user:after{content:"";position:absolute;width:260px;height:260px;border:45px solid rgba(255,255,255,.05);border-radius:50%;left:-80px;top:-100px}.welcome-user h1{font-size:30px;margin:5px 0}.welcome-user p{color:#d5e7e4;max-width:650px}.eyebrow{color:#aee0d5;font-size:12px;font-weight:700}.welcome-actions{display:flex;gap:8px;margin-top:20px}.welcome-user .primary{background:#fff;color:var(--green)}.welcome-user .secondary{background:rgba(255,255,255,.13);color:#fff}.journey-ring{width:132px;height:132px;border-radius:50%;border:12px solid rgba(255,255,255,.2);border-top-color:#f1c674;display:grid;place-content:center;text-align:center;z-index:1;flex-shrink:0}.journey-ring strong{font-size:27px}.journey-ring span{font-size:10px;color:#d5e7e4}.user-metrics .metric strong{font-size:22px}
.team-grid,.support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.team-box{padding:20px;position:relative;overflow:hidden}.team-color{position:absolute;top:0;right:0;left:0;height:5px}.team-box h3{margin:8px 0}.team-box>strong{font-size:25px}.team-box p{color:var(--muted)}.team-box footer{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:13px}.team-box footer span{color:var(--muted);font-size:12px}.team-box footer button{margin-right:auto}
.case-hero{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.case-hero h2{margin:8px 0 2px}.case-hero p{color:var(--muted);margin:0}.case-score{text-align:center;background:var(--mint);border-radius:14px;padding:16px 23px}.case-score strong,.case-score span{display:block}.case-score strong{font-size:25px;color:var(--green)}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.journey-step{display:flex;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.journey-step>span{width:31px;height:31px;border-radius:50%;background:#edf2f1;color:var(--muted);display:grid;place-items:center;font-weight:700}.journey-step.done>span{background:var(--green);color:#fff}.journey-step.current>span{background:#fff1cf;color:#775811;border:2px solid #f1c674}.journey-step small{display:block;color:var(--muted)}
.support-card{padding:21px;display:flex;align-items:center;gap:13px}.person-avatar.large{width:50px;height:50px;font-size:16px}.support-card h3,.support-card p{margin:2px 0}.support-card p,.support-card small{color:var(--muted);font-size:12px}.support-actions{margin-right:auto;display:grid;gap:4px}.detail-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.document-list{display:grid;gap:9px}.document-row{display:grid;grid-template-columns:45px 1fr 50px 70px 30px;gap:13px;align-items:center;padding:14px 18px}.document-row h3,.document-row p{margin:0}.document-row h3{font-size:14px}.document-row p{color:var(--muted);font-size:12px}.doc-icon{width:42px;height:42px;background:var(--mint);border-radius:10px;display:grid;place-items:center;font-size:20px}.file-type{font-size:11px;color:var(--muted)}
.user-timeline{padding:7px 20px}.timeline-item{display:grid;grid-template-columns:13px 1fr;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border:0}.timeline-dot{width:11px;height:11px;border-radius:50%;background:var(--blue);margin-top:7px;box-shadow:0 0 0 5px #edf5f3}.timeline-dot.green{background:#55987c}.timeline-dot.amber{background:#dfaa43}.timeline-item h3,.timeline-item p{margin:2px 0}.timeline-item p,.timeline-item small{color:var(--muted);font-size:12px}.section-gap{margin-top:25px}.completed{opacity:.55}
.person-card{text-align:center;padding:25px}.person-card .person-avatar{margin:auto}.person-card h3{margin:10px 0 0}.person-card p{color:var(--muted);margin:2px}.person-card small{color:var(--muted)}.person-card div{display:flex;gap:7px;justify-content:center;margin-top:16px}.contact-box,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;font:13px Heebo;resize:vertical}.muted{color:var(--muted)}
@media(max-width:1000px){.two-col{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.mode-switch{margin-left:auto}.topbar .search{display:none}}
@media(max-width:760px){.mode-switch{order:2}.top-actions{margin-right:0;margin-left:auto}.welcome-user{padding:25px;display:block}.journey-ring{margin-top:20px;width:100px;height:100px}.support-grid{grid-template-columns:1fr}.document-row{grid-template-columns:42px 1fr 65px}.document-row .file-type,.document-row .icon-btn{display:none}.support-card{align-items:flex-start;flex-wrap:wrap}.support-actions{width:100%;display:flex}.case-hero{align-items:flex-start}.case-score{padding:10px}.chat-fab{left:13px;bottom:13px}}
.sidebar{overflow-y:auto}.compliance-banner,.privacy-callout{background:#e9f4f1;border:1px solid #cfe4df;border-radius:13px;padding:15px 18px;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.compliance-banner div,.privacy-callout{gap:5px}.compliance-banner b,.compliance-banner span,.privacy-callout b,.privacy-callout span{display:block}.compliance-banner div span,.privacy-callout span{color:var(--muted);font-size:12px}.compliance-grid,.privacy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.control-card,.privacy-action{padding:17px}.control-head{display:flex;justify-content:space-between}.control-card h3,.privacy-action h3{font-size:15px;margin:11px 0 3px}.control-card p,.privacy-action p{color:var(--muted);font-size:12px;min-height:36px}.control-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:11px}.compliance-lower{margin-top:16px}.gate-row,.audit-row,.consent-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--line)}.gate-row>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:700}.gate-row div,.audit-row div,.consent-row div{flex:1}.gate-row small,.audit-row small,.consent-row small{display:block;color:var(--muted)}.audit-row time{font-size:12px;color:var(--muted)}.incident-box{margin-top:16px;display:flex;justify-content:space-between;align-items:center;border-right:5px solid var(--coral)}.incident-box p{color:var(--muted);margin:3px 0}.privacy-callout{justify-content:flex-start}.privacy-callout b{min-width:105px}.privacy-action>span{width:42px;height:42px;border-radius:12px;background:var(--mint);display:grid;place-items:center;font-size:19px}.privacy-action button{margin-top:7px}.consent-ledger{margin-top:16px}.consent-ledger>.card-head{padding:0 0 14px}.consent-row .link-btn{margin-right:auto}.status.pink{background:#fae7e3;color:#a04b3c}
@media(max-width:1150px){.compliance-grid,.privacy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.compliance-grid,.privacy-grid{grid-template-columns:1fr}.compliance-banner,.privacy-callout,.incident-box{align-items:flex-start;flex-direction:column}.privacy-callout b{min-width:0}.consent-row{align-items:flex-start;flex-wrap:wrap}}