/* Product shell and the four summary cards, matching the approved concept. */
.dashboard-page .app-layout { background:#fff; grid-template-columns:244px minmax(0,1fr); }
.dashboard-page .app-sidebar { padding:24px 12px 18px; border-color:var(--border-subtle); }
.dashboard-page .app-brand { margin:0 15px 15px; }
.dashboard-page .app-brand .brand-logo { width:88px; }
.dashboard-page .app-space-caption { padding:0 15px; margin-bottom:25px; font-size:var(--font-small); color:var(--text-secondary); }
.dashboard-page .app-space-caption strong { display:none; }
.dashboard-page .app-navigation { gap:7px; }
.dashboard-page .app-navigation button { padding:11px 14px; gap:11px; font-size:var(--font-small); color:var(--text-secondary); }
.dashboard-page .app-navigation button[aria-current="page"] { background:var(--border-subtle); color:var(--text-primary); position:relative; }
.dashboard-page .app-navigation button[aria-current="page"]::before { content:""; position:absolute; left:0; top:10px; bottom:10px; width:3px; background:var(--text-secondary); border-radius:5px; }
.dashboard-page .app-navigation button[aria-current="page"] svg { color:var(--text-primary); }
.dashboard-page .app-nav-label { font-size:var(--font-caption); margin:16px 0 3px; color:var(--text-tertiary); }
.dashboard-page .app-sidebar-bottom { font-size:var(--font-caption); color:var(--text-secondary); }
.dashboard-page .app-topbar { height:60px; background:#fff; backdrop-filter:none; border-bottom:0; padding:0 36px; }
.dashboard-page .app-topbar-title { font-size:var(--font-caption); }
.dashboard-page .app-topbar-right { gap:12px; }
.dashboard-page .dashboard-main { max-width:1480px; padding:26px 36px 44px; }
.dashboard-page .dashboard-title h1 { font-size:28px; font-weight:600; letter-spacing:-.02em; margin-bottom:5px; }
.dashboard-page .dashboard-title p { font-size:var(--font-small); color:var(--text-secondary); }
.market-page-title { align-items:center; margin-bottom:20px; }
.market-page-title .portal-button { border-radius:10px; font-size:var(--font-caption); min-height:36px; white-space:nowrap; }
.market-overview .overview-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-bottom:17px; }
.market-overview .metric-card { padding:17px 18px 16px; border-radius:12px; border:1px solid var(--border-subtle); box-shadow:none; }
.market-overview button.metric-card { background:#fff; text-align:left; font:inherit; cursor:pointer; min-width:0; }
.market-overview button.metric-card:hover { background:var(--surface-subtle); border-color:var(--border-strong); }
.market-overview .metric-title { display:flex; align-items:center; justify-content:space-between; }
.market-overview .metric-title { font-size:var(--font-small); color:var(--text-primary); margin-bottom:10px; font-weight:500; }
.market-overview .metric-title svg { color:var(--text-secondary); width:17px; height:17px; }
.market-overview .metric-value { display:block; font-size:29px; line-height:1.2; color:var(--text-primary); margin-bottom:7px; font-weight:600; }
.market-overview .metric-card small { display:block; font-size:var(--font-caption); line-height:1.7; color:var(--text-secondary); }
.overview-load-error { font-size:var(--font-small); color:#9b3621; margin-bottom:12px; }
.overview-load-error button { border:0; background:transparent; color:inherit; text-decoration:underline; }
.market-tasks-card { max-width:1050px; }
@media(min-width:1600px) { .dashboard-page .dashboard-main { padding-inline:40px; } .market-overview .metric-card { padding:21px 23px; } .market-overview .metric-value { display:block; font-size:34px; } }
@media(max-width:1150px) { .dashboard-page .app-layout { grid-template-columns:220px minmax(0,1fr); } .dashboard-page .app-navigation button { padding-inline:11px; font-size:var(--font-caption); } .dashboard-page .dashboard-main { padding-inline:22px; } }
@media(max-width:760px) {
  .dashboard-page .app-layout { display:flex; }
  .dashboard-page .app-topbar { position:sticky; top:0; height:54px; padding:0 16px; border-bottom:1px solid var(--border-subtle); }
  .dashboard-page .app-sidebar { padding:7px 10px; }
  .dashboard-page .app-navigation { gap:3px; }
  .dashboard-page .app-navigation button { padding:8px 10px; font-size:var(--font-caption); }
  .dashboard-page .app-navigation button[aria-current="page"]::before { display:none; }
  .dashboard-page .dashboard-main { padding:22px 16px 32px; }
  .dashboard-page .dashboard-title h1 { font-size:26px; }
  .dashboard-page .dashboard-title p { font-size:var(--font-caption); }
  .market-overview .overview-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .market-overview .metric-card { padding:14px; }
  .market-overview .metric-value { display:block; font-size:27px; }
  .market-page-title .portal-button { padding:8px 10px; font-size:var(--font-caption); }
}
@media(prefers-reduced-motion:reduce) { .dashboard-page * { scroll-behavior:auto; transition:none!important; } }

.workbench-flow { display:flex; align-items:center; flex-wrap:wrap; gap:9px; color:var(--text-secondary); font-size:var(--font-caption); margin:-3px 0 18px; }
.workbench-flow button { border:0; background:none; color:var(--text-secondary); font:inherit; padding:3px 0; }
.workbench-flow button:hover { color:#e45632; }