/* Workspace surfaces. Color describes data; hierarchy comes from type and spacing. */
.dashboard-page .app-sidebar { background:var(--surface-subtle); border-color:var(--ui-line); }
.dashboard-page .app-navigation button[aria-current="page"] { background:var(--border-subtle); color:var(--ui-ink); }
.dashboard-page .app-navigation button[aria-current="page"]::before { display:none; }
.dashboard-page .app-navigation button[aria-current="page"] svg { color:var(--ui-ink); }

/* Lightweight page tabs; a single underline locates the active view. */
.dashboard-page .workspace-data-navigation { gap:6px; padding-bottom:0; margin-bottom:26px; border-bottom:1px solid var(--ui-line); }
.dashboard-page .workspace-data-navigation>button { position:relative; min-height:44px; padding:10px 13px 14px; border:0; border-radius:6px 6px 0 0; background:transparent; color:var(--ui-muted); font-size:var(--font-small); transition:background .15s,color .15s; }
.dashboard-page .workspace-data-navigation>button:hover { background:var(--ui-hover); color:var(--ui-ink); }
.dashboard-page .workspace-data-navigation>button[aria-current="page"] { color:var(--ui-ink); background:transparent; font-weight:600; }
.dashboard-page .workspace-data-navigation>button[aria-current="page"]:after { content:''; position:absolute; left:13px; right:13px; bottom:-1px; height:2px; background:var(--ui-ink); border-radius:2px; }
.dashboard-page .workspace-more { align-self:center; padding-bottom:4px; }
.dashboard-page .workspace-more>summary { display:flex; align-items:center; gap:10px; min-height:36px; padding:8px 10px; list-style:none; border:1px solid transparent; border-radius:8px; color:var(--ui-muted); font-size:var(--font-small); transition:background .15s,color .15s; }
.dashboard-page .workspace-more>summary::-webkit-details-marker { display:none; }
.dashboard-page .workspace-more>summary:after { content:''; width:6px; height:6px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:translateY(-2px) rotate(45deg); transition:transform .15s; }
.dashboard-page .workspace-more>summary:hover,.dashboard-page .workspace-more[open]>summary { background:var(--ui-hover); color:var(--ui-ink); }
.dashboard-page .workspace-more[open]>summary:after { transform:translateY(2px) rotate(225deg); }
.dashboard-page .workspace-more>div { top:calc(100% + 5px); min-width:182px; padding:5px; border:1px solid var(--ui-line); border-radius:10px; box-shadow:0 8px 28px #00000012; transform-origin:top right; }
.dashboard-page .workspace-more:not([open])>div { display:none; }
.dashboard-page .workspace-more[open]>div { animation:ui-menu-enter .13s ease-out; }
.dashboard-page .workspace-more button { display:flex; align-items:center; justify-content:space-between; min-height:38px; padding:9px 11px; color:var(--ui-muted); font-size:var(--font-small); }
.dashboard-page .workspace-more button:hover,.dashboard-page .workspace-more button[aria-current="page"] { background:var(--ui-hover); color:var(--ui-ink); }
.dashboard-page .workspace-more button[aria-current="page"]:after { content:'✓'; font-size:var(--font-caption); }

/* One compact metric band, with four independent, accessible destinations. */
.dashboard-page .market-overview .overview-metrics { gap:0; padding:6px; margin-bottom:0; border:1px solid var(--ui-line); border-radius:12px; background:var(--ui-surface); }
.dashboard-page .market-overview button.metric-card { position:relative; min-height:128px; padding:22px 24px 20px; border:0; border-radius:7px; background:transparent; box-shadow:none; transition:background .15s; }
.dashboard-page .market-overview button.metric-card+button.metric-card:before { content:''; position:absolute; left:0; top:17px; bottom:17px; width:1px; background:var(--ui-line); }
.dashboard-page .market-overview button.metric-card:hover { background:var(--ui-hover); border:0; box-shadow:none; }
.dashboard-page .market-overview .metric-title { margin-bottom:14px; color:var(--text-secondary); font-size:var(--font-small); font-weight:500; }
.dashboard-page .market-overview .metric-title svg { color:var(--text-tertiary); width:17px; height:17px; }
.dashboard-page .market-overview .metric-value { margin:0; color:var(--ui-ink); font-size:33px; line-height:1.15; font-weight:600; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
.dashboard-page .metric-card:after { content:'↗'; position:absolute; right:21px; bottom:20px; color:var(--text-tertiary); font-size:var(--font-reading); opacity:0; transform:translate(-2px,2px); transition:opacity .15s,transform .15s; }
.dashboard-page .metric-card:hover:after,.dashboard-page .metric-card:focus-visible:after { opacity:1; transform:none; }
.dashboard-page .workbench-agent-shortcuts { display:flex; gap:7px; flex-wrap:wrap; margin:18px 0 24px; }
.dashboard-page .workbench-agent-shortcuts>button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:38px; padding:9px 14px; border:1px solid transparent; border-radius:8px; background:transparent; color:var(--ui-muted); font-size:var(--font-small); line-height:1.5; transition:background .15s,color .15s; }
.dashboard-page .workbench-agent-shortcuts>button:hover { background:var(--ui-hover); color:var(--ui-ink); }
.dashboard-page .workbench-agent-shortcuts>button:first-child { background:var(--ui-ink); border-color:var(--ui-ink); color:#fff; }
.dashboard-page .workbench-agent-shortcuts>button:first-child:hover { background:var(--text-primary); border-color:var(--text-primary); }
.dashboard-page .workbench-agent-shortcuts svg { display:block; width:14px; height:14px; flex:none; }

/* Icon buttons have a measured square, never a font glyph's baseline. */
.dashboard-page .agent-sidebar-heading button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid var(--border-default); border-radius:8px; background:#fff; color:var(--ui-ink); line-height:0; box-shadow:0 1px 2px #00000003; }
.dashboard-page .agent-sidebar-heading button>svg { display:block; grid-area:1/1; width:18px; height:18px; margin:0; flex:none; }
.dashboard-page .agent-sidebar-heading button:hover:not(:disabled) { background:var(--surface-selected); border-color:var(--border-strong); }
.dashboard-page .agent-sidebar-heading button[aria-busy="true"]>svg { opacity:0; }
.dashboard-page .agent-sidebar-heading button[aria-busy="true"]:before { grid-area:1/1; margin:0; width:14px; height:14px; }
.dashboard-page .agent-contact:not(:disabled):hover { background:var(--surface-selected); }
.dashboard-page .agent-contact[aria-current="page"] { background:#fff; border-color:var(--border-default); box-shadow:none; }
.dashboard-page .agent-profile-toggle:hover { background:var(--ui-hover); border-color:var(--ui-line); color:var(--ui-ink); }
.dashboard-page .mobile-create-agent { display:flex; align-items:center; gap:10px; border-color:var(--border-default); border-radius:9px; background:#fff; color:var(--ui-ink); }
.dashboard-page :is(.mobile-create-agent,[data-agent-empty-create])>svg { display:block; width:18px; height:18px; flex:none; }
.dashboard-page :is(.mobile-create-agent,[data-agent-empty-create])[aria-busy="true"]>svg { display:none; }
.dashboard-page :is(.mobile-create-agent,[data-agent-empty-create])[aria-busy="true"]:before { flex:none; width:18px; height:18px; margin:0; }
.dashboard-page .mobile-create-agent:hover { background:var(--ui-hover); border-color:var(--border-strong); }
.dashboard-page .mobile-navigation-drawer { background:var(--surface-subtle); border-color:var(--ui-line); }
.dashboard-page :is(.mobile-contact-row,.mobile-business-navigation button,.mobile-navigation-footer button):hover { background:var(--surface-selected); }
.dashboard-page .mobile-business-navigation button[aria-current="page"] { background:var(--border-subtle); color:var(--ui-ink); }

/* The map's data colors are independent of its toolbar controls. */
.dashboard-page .market-mode-tabs { align-self:center; align-items:center; gap:18px; }
.dashboard-page .market-mode-label { padding:0; color:var(--ui-ink); font-size:var(--font-small); font-weight:500; }
.dashboard-page .market-mode-tabs>button { display:inline-flex; align-items:center; justify-content:center; align-self:center; gap:6px; min-height:32px; padding:6px 10px; border:1px solid var(--border-default); border-radius:7px; background:#fff; color:var(--text-secondary); font-size:var(--font-caption); line-height:1.5; font-weight:500; }
.dashboard-page .market-mode-tabs>button svg { width:14px; height:14px; flex:none; }
.dashboard-page .market-mode-tabs>button:hover { background:var(--ui-hover); color:var(--ui-ink); border-color:var(--border-strong); }
.dashboard-page .map-controls button { line-height:0; }
.dashboard-page .map-controls button svg { display:block; margin:0; }
.dashboard-page .country-customer-row:hover,.dashboard-page .country-task-row:hover { background:var(--ui-hover); }
.dashboard-page button.market-help { display:flex; align-items:center; justify-content:flex-end; gap:6px; margin-left:auto; padding:9px 1px; border:0; background:transparent; color:var(--text-tertiary); font-size:var(--font-caption); cursor:pointer; }
.dashboard-page button.market-help:hover { color:var(--ui-ink); }

/* Shared list states: muted chrome leaves room for actual status colors. */
.dashboard-page .strategy-card { transition:border-color .15s,box-shadow .15s; }
.dashboard-page .strategy-card:hover { border-color:var(--border-strong); box-shadow:0 3px 12px #00000005; }
.dashboard-page .task-board-filters button:hover,.dashboard-page .filter-tabs button:hover { color:var(--ui-ink); background:var(--ui-hover); }
.dashboard-page .task-board-filters button[aria-pressed="true"] { background:var(--surface-hover); color:var(--ui-ink); border-color:var(--border-strong); }
.dashboard-page .task-drawer-footer,.dashboard-page .customer-pool-footer { justify-content:flex-end; }
.dashboard-page .body-section>h3 { margin-bottom:18px; }
.dashboard-page .body-builder-title h3 { margin-bottom:0; }
.dashboard-page .body-page-heading { padding-bottom:22px; }
.business-body .body-section+.body-section { border-top:0; padding-top:0; margin-top:0; }
.business-body .body-section:not([hidden])~.body-section:not([hidden]) { border-top:1px solid var(--ui-line); padding-top:24px; margin-top:28px; }

@media(max-width:760px) {
  .dashboard-page .workspace-data-navigation { gap:0; margin-bottom:22px; }
  .dashboard-page .workspace-data-navigation>button { min-height:44px; padding:10px 11px 13px; font-size:var(--font-small); }
  .dashboard-page .workspace-data-navigation>button[aria-current="page"]:after { left:11px; right:11px; }
  .dashboard-page .market-overview .overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); padding:5px; }
  .dashboard-page .market-overview button.metric-card { padding:18px 16px; min-height:104px; }
  .dashboard-page .market-overview button.metric-card:nth-child(3):before { display:none; }
  .dashboard-page .market-overview button.metric-card:nth-child(n+3) { border-top:1px solid var(--ui-line); border-radius:0 0 7px 7px; }
  .dashboard-page .market-overview .metric-value { font-size:30px; }
  .dashboard-page .workbench-agent-shortcuts { gap:3px; margin:16px 0 21px; }
  .dashboard-page .workbench-agent-shortcuts>button { padding:10px 12px; min-height:44px; font-size:var(--font-small); gap:6px; }
  .dashboard-page .market-mode-tabs>button { min-height:36px; }
}
@media(prefers-reduced-motion:reduce) {
  .dashboard-page .workspace-more[open]>div { animation:none; }
  .dashboard-page .metric-card:after { transform:none; }
}
@media(forced-colors:active) {
  .dashboard-page .workspace-data-navigation>button[aria-current="page"]:after { background:Highlight; }
  .dashboard-page .market-overview button.metric-card+button.metric-card:before { background:CanvasText; }
  .dashboard-page .workbench-agent-shortcuts>button:first-child { background:ButtonFace; color:ButtonText; border-color:ButtonText; }
}