/* Final visual layer, based on the approved five-screen reference. */
:root{--blue:#165dff;--ink:#101b35;--muted:#74829e;--border:#e8edf5;--suite-blue:#165dff;--suite-text:#101b35;--suite-bg:#f5f7fc}
body{font-family:Inter,Arial,sans-serif;background:#f5f7fc;color:#101b35}
.sidebar{width:218px;background:linear-gradient(165deg,#172337,#1e2b3d);padding:22px 14px;box-shadow:3px 0 18px #14203508}
.shell{margin-left:218px}.sidebar .brand{font-size:23px;padding:0 10px}.sidebar .workspace{display:none}.sidebar nav button{font-size:12px;min-height:37px;margin:3px 0;border-radius:7px;padding:9px 12px}.sidebar nav button.active{background:linear-gradient(90deg,#365d9e,#294577);box-shadow:0 4px 12px #00000015}.sidebar .nav-caption{font-size:9px;margin-top:18px}.sidebar-bottom .profile{display:none}
.topbar{height:64px;min-height:64px;background:#fcfdff}.breadcrumb{font-size:12px}.top-actions{gap:15px}.avatar{background:#deebff;color:#2e5097}
main{max-width:1680px;padding:26px 28px 36px}.page-heading{margin-bottom:23px;align-items:center}.page-heading h1{font-size:28px;letter-spacing:-.8px}.page-heading p{font-size:12px}.eyebrow{display:none}
.panel,.metric,.support-card,.suite-mini-kpi{border:1px solid #e9edf5;border-radius:12px;box-shadow:0 5px 18px #243b6605}.primary{border-radius:6px;background:#165dff;box-shadow:0 4px 10px #165dff22;min-height:34px}.outline-button{border-radius:6px;min-height:34px}.tag{font-size:10px;padding:5px 9px;border-radius:20px}.blue{color:#165dff;background:#e5edff}.green{color:#07813e;background:#dff7ed}.orange{color:#bc6500;background:#fff0d9}
.metrics{gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.metric{padding:17px 18px;min-height:110px}.metric:before{display:none}.metric strong{font-size:25px;font-weight:720;letter-spacing:-.7px}.metric-top{font-size:12px;font-weight:500}.metric-bottom{font-size:10px;line-height:1.5}.metric:nth-child(2){background:linear-gradient(135deg,#fff,#fafcff)}
.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(265px,1fr);gap:16px}.revenue-panel{min-height:300px}.panel-heading{padding:18px 18px 10px}.panel-heading h2{font-size:14px;letter-spacing:-.2px}.panel-heading p{font-size:10px}.chart-summary{padding:0 18px}.chart-summary strong{font-size:23px}.bar-chart{margin:12px 18px 20px;min-height:175px;height:175px;padding:0 4px 22px;gap:7px}.bar{min-width:4px;width:10px;background:linear-gradient(#4388ff,#1f65ee);box-shadow:none;border-radius:3px 3px 0 0}.bar.old{background:linear-gradient(#bfd8ff,#8bb5f9)}.bar-group{gap:3px}.bar-group span{font-size:9px}
.solution-distribution{min-height:300px}#solution-donut{padding:0 20px 20px}#solution-donut svg{display:block;width:162px;max-width:100%;margin:0 auto 12px}#solution-donut text{font-size:23px;font-weight:700;fill:#101b35}#solution-donut .donut-caption{font-size:10px;font-weight:400;fill:#74829e}.solution-legend{display:grid;gap:8px;font-size:11px}.solution-legend>div{display:flex;align-items:center;gap:8px}.solution-legend i{width:8px;height:8px;border-radius:50%;flex:none}.solution-legend span{flex:1}.solution-legend strong{font-size:11px}
.priorities{min-height:0}.pipeline-preview{grid-column:1/-1}.renewals{grid-column:auto}.priorities .task-item{padding:12px 0}.renewal-item{padding:14px 0}.pipeline-strip{padding:12px 18px 18px}.pipeline-step strong{font-size:14px}
.filter-row{padding:10px 12px;background:transparent;box-shadow:none;border:0}.board{grid-template-columns:repeat(6,minmax(200px,1fr));gap:11px;max-width:100%;overflow-x:auto}.board-column{min-width:200px;padding:9px;border:0;border-top:0!important;border-radius:10px;background:#eef3fd}.board-column:nth-child(1){background:#f1eafd}.board-column:nth-child(2),.board-column:nth-child(3){background:#eaf1ff}.board-column:nth-child(4){background:#fff0dc}.board-column:nth-child(5){background:#e0f5ed}.board-column:nth-child(6){background:#fdebee}.column-heading{padding:6px 3px 4px;font-size:12px}.column-total{padding:0 3px 13px;font-size:11px}.deal-card{padding:12px 11px;margin-bottom:10px;border:1px solid #fff;border-radius:8px;box-shadow:0 3px 8px #283c6505}.deal-card h3{font-size:12px;margin:8px 0 3px}.deal-card p{font-size:11px}.deal-card .amount{font-size:12px}.deal-card-bottom{font-size:9px;gap:4px}.deal-card .tag{font-size:9px;padding:3px 6px}
.client360-layout{grid-template-columns:240px minmax(0,1fr);gap:0;background:#fff;border-radius:12px;border:1px solid #e8edf5;overflow:hidden;align-items:stretch}.client360-list{background:#f9fbff;border-right:1px solid #e8edf5}.client360-list>.panel{display:none}.client-roster{padding:12px 8px}.client-roster-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 9px;text-align:left;border-radius:8px;margin-bottom:3px;color:#101b35}.client-roster-item:hover{background:#edf3ff}.client-roster-item.selected{background:#e0ebff}.client-list-logo,.client-monogram{display:grid;place-items:center;border-radius:50%;background:#d9e7ff;color:#18468e;font-weight:700;width:35px;height:35px;flex:none}.client-roster-item:nth-child(3n) .client-list-logo{background:#e9e1ff;color:#7951b6}.client-roster-item strong{display:block;font-size:12px}.client-roster-item small{display:block;margin-top:4px;font-size:10px;color:#74829e}.client360-stage{position:relative;top:0;max-height:none;min-width:0;border:0;border-radius:0;box-shadow:none;padding:20px;min-height:500px}.client360-stage:after{display:none}.client-identity{display:flex;align-items:center;gap:12px;margin:0 0 18px}.client-monogram{width:48px;height:48px;border-radius:10px;font-size:19px}.client-identity h2{font-size:18px;margin-bottom:6px}.client-tabs{display:flex;flex-direction:row;gap:18px;border-bottom:1px solid #e8edf5;overflow:auto;max-width:100%;margin:0 0 18px}.client-tabs button{flex:0 0 auto;width:auto;min-height:38px;background:transparent;font-size:11px;white-space:nowrap;padding:10px 0 13px;color:#6e7c96;border-bottom:2px solid transparent}.client-tabs button.active{color:#165dff;border-color:#165dff}.client-coordinates{padding:15px;border:1px solid #e8edf5;border-radius:9px;background:#fafcff;font-size:12px;line-height:1.7}.client-coordinates h3{font-size:13px;margin-bottom:8px}.client-coordinates p{margin:5px 0}.client-overview .overview-tools h3{font-size:13px}.client-overview [role=status]{font-size:10px;color:#74829e}.client-overview-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.client-overview-results>p,.client-overview-results>div,.client-overview-results>details[data-section=contacts]{grid-column:1/-1}.client-overview details{margin:0!important;min-width:0;padding:14px!important;background:#fff}.client-overview summary{font-size:13px;margin-bottom:10px}.client-overview table{min-width:440px}.contact-cards{display:grid;gap:8px}.contact-card{display:flex;align-items:center;gap:10px;border:1px solid #e8edf5;box-shadow:0 3px 10px #243b6604;border-radius:8px;padding:11px}.contact-card strong{font-size:12px;display:block}.contact-card small{font-size:10px;color:#74829e;display:block;margin-top:3px}.contact-links{margin-left:auto;font-size:10px;display:grid;gap:4px;text-align:right;overflow-wrap:anywhere}.client-overview td,.client-overview th{font-size:11px;padding:10px}
.suite-mini-kpi{min-height:90px;padding:16px}.suite-mini-kpi strong{font-size:24px}.project-row{padding:13px 10px}.project-main strong{font-size:12px}.project-track{height:32px;border-radius:6px}.project-track:before{top:8px}.project-due{top:5px}.support-card{min-height:190px;padding:18px}.support-activity{padding:12px 0;border-radius:8px}.support-activity strong{font-size:12px}
button:focus-visible,a:focus-visible{outline:2px solid #165dff;outline-offset:3px}[hidden]{display:none!important}
@media(max-width:1100px){.client360-layout{grid-template-columns:200px minmax(0,1fr)}.client-overview-results{grid-template-columns:1fr}.client-overview-results>*{grid-column:1!important}}
@media(max-width:900px){.sidebar{width:190px}.shell{margin-left:190px}main{padding:22px 18px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr 1fr}.revenue-panel{grid-column:1/-1}.solution-distribution{min-height:280px}.client360-layout{grid-template-columns:170px minmax(0,1fr)}.client360-stage{padding:15px}.contact-card{flex-wrap:wrap}.contact-links{margin-left:45px;text-align:left}}
@media(max-width:650px){.sidebar{width:218px}.shell{margin-left:0}main{padding:20px 14px}.page-heading h1{font-size:25px}.page-heading{flex-wrap:wrap}.metrics{gap:10px}.metric{padding:14px 12px;min-height:104px}.metric strong{font-size:21px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid>*{grid-column:auto}.solution-distribution{min-height:0}.solution-legend{padding:0 12px}#solution-donut{display:grid;grid-template-columns:140px minmax(0,1fr);align-items:center;padding:12px}#solution-donut svg{margin:0}.client360-layout{display:block}.client360-stage{display:none!important}.client360-list{border:0}.client-tabs{gap:18px}.client-overview-results{grid-template-columns:1fr}.contact-links{width:100%;margin-left:45px}.board{grid-template-columns:repeat(6,230px)}.board-column{min-width:230px}.top-date{display:none}.bar-chart{gap:4px}.bar{width:7px;min-width:3px}.bar-group{gap:2px}.support-grid{grid-template-columns:1fr}.suite-live-kpis,.project-suite-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}