/* Calm, consistent surfaces inspired by the reference dashboard. */
:root{--nest-canvas:#858590;--nest-ink:#0c0c23;--nest-accent:#d80002;--nest-line:#000}
body.dashboard-color{background:var(--nest-canvas)}
.shell>aside{background:#0c0c23;padding:24px 14px}
.shell>aside nav[aria-label="Main navigation"]{gap:4px}
.shell>aside nav[aria-label="Main navigation"] button{min-height:42px;border-radius:10px;font-size:12px;letter-spacing:.05px;transition:background .16s ease,color .16s ease}
.shell>aside nav[aria-label="Main navigation"] button.active{box-shadow:none}
.shell>aside nav[aria-label="Main navigation"] button:hover:not(.active){background:#252538}
body.dashboard-color main:has(.dashboard-day){padding-top:24px}
.dashboard-day{padding:26px 28px 24px;border-radius:20px;margin-bottom:14px}
.dashboard-day .top{margin-bottom:2px}
.dashboard-day .top h2{font-size:25px;letter-spacing:-.75px}
.dashboard-day .top .eyebrow{font-size:10px;letter-spacing:1.05px;color:#6a6a78}
.dashboard-day .top>.pill{background:#f4f4f6;color:#5b5b68;font-size:10px;border-radius:20px;padding:6px 10px}
.dashboard-day-status{margin:8px 0 12px;gap:6px}
.dashboard-day-status .banner:not(#cloud-bar),.dashboard-day-status #cloud-bar{background:#f7f7f8;border:0;border-radius:8px;color:#646471}
.dashboard-day-status #cloud-bar button{background:#fff;border:1px solid #000;border-radius:7px}
body.dashboard-color .dashboard-day .dash-date{color:#626270;margin-bottom:14px}
body.dashboard-color .dashboard-day .quick-actions{background:#fff!important;border:1px solid #000!important;border-radius:13px!important;margin-bottom:16px!important;padding:7px 12px!important;gap:5px}
body.dashboard-color .dashboard-day .quick-actions button{border-radius:9px;font-size:12px;min-height:38px}
body.dashboard-color .dashboard-day .quick-actions button:hover:not(:disabled){background:#f6f5f6!important}
.quick-icon{border-radius:9px;background:#fae9eb;color:#d80002}
.quick-icon-task{background:#f0f0f4;color:#0c0c23}.quick-icon-appointment{background:#f8e9ea;color:#b21a25}
body.dashboard-color .dashboard-day .quick-actions+.dashboard-grid{gap:14px}
body.dashboard-color .dashboard-day .dash-priority-panel{height:225px;padding:16px 18px;background:#f8f8fa!important;border:1px solid #000;border-radius:14px;box-shadow:none}
body.dashboard-color .dashboard-day .dash-priority-panel>header{margin-bottom:10px}
body.dashboard-color .dashboard-day .dash-priority-panel h3{font-size:11px;letter-spacing:.7px;text-transform:uppercase;color:#50505f}
body.dashboard-color .dashboard-day .dash-priority-panel .dash-row{padding:8px 0}
body.dashboard-color .metric-grid{gap:14px;margin-bottom:16px}
body.dashboard-color .dashboard-metric{min-height:150px;padding:16px 18px;border:1px solid #000;border-radius:15px;box-shadow:none}
body.dashboard-color .dashboard-metric>strong{font-size:27px;letter-spacing:-.7px;margin:8px 0 4px}
body.dashboard-color .dashboard-metric .metric-label{font-size:10px;letter-spacing:.65px}
body.dashboard-color .dashboard-metric:hover{background:#fffafa}
body.dashboard-color #relationship-focus{background:#fff;border:1px solid #000;border-radius:20px;padding:22px 24px 18px;margin:0 0 14px}
body.dashboard-color .rf-heading{margin-bottom:16px}
body.dashboard-color .rf-heading h2{font-size:20px;letter-spacing:-.45px}
body.dashboard-color .rf-heading p{color:#646471;font-size:12px}
body.dashboard-color .rf-grid{gap:12px}
body.dashboard-color .rf-card{height:225px;padding:15px;border:1px solid #000;border-radius:14px;background:#fbfbfc;box-shadow:none}
body.dashboard-color .rf-card h3{font-size:12px}
body.dashboard-color .rf-card .rf-person{padding:8px 2px}
body.dashboard-color .rf-footnote{color:#656571;margin-top:12px}
#pipeline-attention.attention-panel{border-radius:15px;margin-bottom:14px}
body.dashboard-color .dashboard-bottom{gap:14px}
body.dashboard-color .dashboard-bottom>.dash-panel{border-radius:15px;box-shadow:none}
@media(max-width:700px){.dashboard-day{padding:18px}.dashboard-day .top h2{font-size:23px}body.dashboard-color .dashboard-day .dash-priority-panel{height:225px}body.dashboard-color #relationship-focus{padding:18px 15px}body.dashboard-color .rf-card{height:225px}}

/* Keep navigation available while the page scrolls; short screens can scroll the sidebar itself. */
@media (min-width:651px){
  .shell>aside{position:sticky;top:0;align-self:start;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#626277 transparent}
  .shell>aside .sidebar-toggle{right:2px}
}