/* Compact post-onboarding workspace. Shared routes keep their existing styles. */
#dashboard-view {
  --hub-bg: oklch(16% 0 0); --hub-surface: oklch(22% 0 0);
  --hub-line: oklch(32% 0 0); --hub-ink: oklch(97% 0 0);
  --hub-muted: oklch(74% 0 0); --hub-orange: oklch(74% .18 48);
  background:var(--hub-bg); color:var(--hub-ink); min-height:100vh;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
[data-theme="light"] #dashboard-view { --hub-bg:oklch(97% 0 0); --hub-surface:oklch(100% 0 0); --hub-line:oklch(85% 0 0); --hub-ink:oklch(21% 0 0); --hub-muted:oklch(46% 0 0); }
#dashboard-view .dashboard-content { max-width:1328px; padding:40px 32px 24px; margin:auto; }
#dashboard-view .dash-header { margin:0 0 32px; gap:24px; }
#dashboard-view .dash-header-left { display:flex; align-items:center; gap:16px; min-width:0; }
#dashboard-view .logo-icon-dash { width:44px; height:44px; padding:0; background:none; border:0; box-shadow:none; flex-shrink:0; }
#dashboard-view .greeting { margin:0; }
#dashboard-view .greeting-title { font:600 1.75rem/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.045em; color:var(--hub-ink); }
#dashboard-view .greeting-sub { font-size:.8125rem; margin:8px 0 0; color:var(--hub-muted); }
#dashboard-view .dash-header-right { gap:8px; }
.hub-nav { min-height:44px; display:inline-flex; align-items:center; padding:8px 12px; font-size:.875rem; color:var(--hub-muted); text-decoration:none; }
.hub-nav:hover { color:var(--hub-ink); }
#dashboard-view .stats-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:0 0 24px; align-items:stretch; }
#dashboard-view .stat-card,.hub-panel { border:1px solid var(--hub-line); border-radius:20px; padding:24px; background:var(--hub-surface); box-shadow:none; color:var(--hub-ink); min-width:0; }
#dashboard-view .stats-row > * { min-height:288px; display:flex; flex-direction:column; position:relative; overflow:hidden; }
#dashboard-view .stat-card::before,#dashboard-view .stat-card::after { content:none; }
#dashboard-view .stat-card-header,.pipeline-label { display:flex; justify-content:space-between; align-items:center; font-size:.8125rem; font-weight:500; color:var(--hub-muted); margin-bottom:24px; letter-spacing:.02em; }
#dashboard-view .stat-label { font:inherit; color:inherit; text-transform:none; }
#dashboard-view .stat-icon,#dashboard-view .stat-card-chip { display:none; }
.draw-ready-copy h3,#current-card h3 { font-size:1.5rem; font-weight:600; line-height:1.25; letter-spacing:-.035em; margin:0 0 8px; color:var(--hub-ink); }
.draw-ready-copy p,.hub-muted { font-size:.875rem; color:var(--hub-muted); line-height:1.5; }
.cards-completed { font-size:.75rem; color:var(--hub-muted); margin-top:16px; }
#dashboard-view .cards-completed .stat-value { font:inherit; color:inherit; }
#dashboard-view #card-draw-host.card-draw-ready #card-draw { margin-top:auto; padding-top:24px; }
#dashboard-view #card-draw-host.card-draw-active { padding:0; }
#dashboard-view #card-draw-host.card-draw-active .draw-ready-copy,#dashboard-view #card-draw-host.card-draw-active .cards-completed { display:none; }
#dashboard-view #card-draw .draw-stack { border-radius:20px; }
#dashboard-view #card-draw .draw-front { padding:24px; border-radius:20px; min-height:272px; }
#dashboard-view #card-draw .draw-identity { margin:20px 0 16px; }
#dashboard-view #card-draw .draw-title { font-size:1.125rem; }
#dashboard-view #card-draw .draw-peek { margin-bottom:20px; }
#dashboard-view #card-draw .draw-button { min-height:44px; padding:12px; border-radius:12px; font-size:.875rem; }
#dashboard-view #card-draw .draw-avatar { width:40px; height:40px; font-size:.875rem; }
#dashboard-view .pipeline-submit { border-bottom:3px solid var(--hub-orange); }
#current-card { flex:1; min-width:0; }
#current-card h3 { font-size:1.375rem; overflow-wrap:anywhere; }
.current-brand { font-size:.8125rem; color:var(--hub-muted); margin:0 0 8px; }
.hub-brief { display:inline-flex; align-items:center; min-height:44px; font-size:.8125rem; color:var(--hub-ink); text-decoration:none; }
#current-card select { display:block; width:100%; margin:4px 0 12px; padding:8px; min-height:44px; background:var(--hub-bg); color:var(--hub-ink); border:1px solid var(--hub-line); border-radius:8px; }
.hub-primary { display:flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:12px; min-height:44px; background:oklch(58% .17 42); color:oklch(100% 0 0); font-size:.875rem; font-weight:600; text-decoration:none; margin-top:16px; }
.hub-primary:hover { background:oklch(54% .17 42); }
#dashboard-view .stat-card-earnings .stat-value { color:var(--hub-ink); font:600 3rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.06em; overflow-wrap:anywhere; }
#dashboard-view .stat-card-earnings-row { margin:8px 0; }
#dashboard-view .stat-card-footer { margin-top:auto; padding:16px 0 0; border-top:0; color:var(--hub-ink); font-size:.875rem; min-height:44px; }
.hub-widget-grid { display:grid; grid-template-columns:280px minmax(0,1.25fr) minmax(0,1fr); gap:20px; align-items:start; }
.adlingo-widget { position:relative; display:flex; flex-direction:column; aspect-ratio:1; min-height:280px; overflow:hidden; padding:24px; border-radius:20px; background:radial-gradient(ellipse at 76% 65%,oklch(96% .06 85 / .68),transparent 55%),linear-gradient(140deg,oklch(88% .135 80),oklch(79% .17 60) 52%,oklch(72% .18 44)); color:oklch(25% .035 45); text-decoration:none; isolation:isolate; transition:box-shadow .18s; }
.adlingo-widget:hover { box-shadow:0 8px 24px oklch(65% .14 50 / .15),inset 0 1px oklch(100% 0 0 / .4); }
.adlingo-top { display:flex; align-items:center; justify-content:space-between; font-size:.875rem; z-index:1; }
.adlingo-top strong { font-weight:600; }
.adlingo-top > span { font-weight:700; }
.adlingo-widget h3 { max-width:175px; font-size:1.625rem; font-weight:700; line-height:1.1; letter-spacing:-.035em; margin:12px 0 0; z-index:1; }
.pip-progress { position:absolute; width:210px; height:210px; object-fit:contain; right:-6px; bottom:18px; z-index:-1; }
.adlingo-bottom { margin-top:auto; display:flex; align-items:center; justify-content:space-between; font-size:.8125rem; font-weight:600; padding-top:130px; }
.adlingo-widget progress { width:100%; height:5px; margin-top:12px; border:0; border-radius:4px; background:oklch(47% .08 50 / .24); }
.adlingo-widget progress::-webkit-progress-bar { border-radius:4px; background:oklch(47% .08 50 / .24); }
.adlingo-widget progress::-webkit-progress-value { border-radius:4px; background:oklch(32% .06 45); }
.adlingo-widget progress::-moz-progress-bar { border-radius:4px; background:oklch(32% .06 45); }
.hub-toolkit { min-height:280px; }
#dashboard-view .workspace-headline { margin:0 0 20px; }
#dashboard-view .workspace-title,#dashboard-view .upcoming-events-title { font-size:1rem; font-weight:600; color:var(--hub-ink); }
#dashboard-view .workspace-sub,#dashboard-view .upcoming-events-sub { color:var(--hub-muted); font-size:.8125rem; margin-top:4px; }
#dashboard-view .tools-section { margin:0; }
#dashboard-view .tool-grid-uniform { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:0; }
#dashboard-view .tool-grid-uniform + .tool-grid-uniform { margin-top:12px; }
#dashboard-view .tool-card-uniform { flex-direction:column; padding:8px 0; gap:8px; min-height:72px; background:none; border:0; border-radius:12px; opacity:1; animation:none; box-shadow:none; }
#dashboard-view .tool-card-uniform:hover { background:var(--hub-bg); }
#dashboard-view .tool-card::before,#dashboard-view .tool-card::after { content:none; }
#dashboard-view .tool-logo { width:32px; height:32px; padding:0; background:none; border-radius:8px; }
#dashboard-view .tool-logo img,#dashboard-view .tool-logo svg { width:32px; height:32px; object-fit:contain; }
#dashboard-view .tool-card-info { text-align:center; flex:0 0 auto; width:100%; }
#dashboard-view .tool-name { font-size:.6875rem; font-weight:500; color:var(--hub-ink); white-space:normal; overflow-wrap:anywhere; }
#dashboard-view .tool-desc,#dashboard-view .tool-badge-wrap { display:none; }
#dashboard-view .upcoming-events-section { margin:0; min-height:280px; }
#dashboard-view .upcoming-events-header { align-items:flex-start; gap:8px; margin-bottom:12px; }
#dashboard-view .calendar-view-all { font-size:.75rem; color:var(--hub-muted); padding:0; min-height:44px; }
#dashboard-view .calendar-view-all svg { display:none; }
#dashboard-view .event-card { box-shadow:none; background:none; border:0; border-radius:0; padding:12px 0; gap:12px; flex-wrap:wrap; animation:none; }
#dashboard-view .event-date-block { width:36px; min-width:36px; }
#dashboard-view .event-title { font-size:.875rem; color:var(--hub-ink); }
#dashboard-view .event-meta { color:var(--hub-muted); font-size:.75rem; flex-wrap:wrap; }
#dashboard-view .event-divider { display:none; }
#dashboard-view .event-date-day { font-size:1.5rem; }
#dashboard-view .event-date-month { font-size:.6875rem; }
#dashboard-view .event-actions { margin-left:auto; }
#dashboard-view .btn-add-cal { min-height:44px; padding:8px; }
#dashboard-view .events-empty { background:none; border:0; padding:16px 0; font-size:.875rem; line-height:1.5; color:var(--hub-muted); box-shadow:none; }
.hub-availability { border-top:1px solid var(--hub-line); margin-top:12px; }
.hub-availability summary,.hub-more > summary { min-height:44px; padding:14px 0; font-size:.8125rem; cursor:pointer; color:var(--hub-muted); }
#dashboard-view .avail-summary { margin:0; white-space:normal; text-align:left; min-height:44px; }
#dashboard-view .avail-card { padding:16px 0; margin:0; box-shadow:none; border:0; background:none; }
.hub-more { margin-top:24px; border-top:1px solid var(--hub-line); }
.hub-more[open] > summary { margin-bottom:16px; }
#dashboard-view .dash-footer { margin-top:8px; padding:8px 0; border:0; }
#dashboard-view .sync-status { font-size:.6875rem; opacity:.8; }
#dashboard-view :is(a,button,summary,select):focus-visible { outline:2px solid var(--hub-orange); outline-offset:4px; }
#dashboard-view .adlingo-widget:focus-visible { outline-color:oklch(85% .14 75); }
@media(min-width:769px) {body:has(#dashboard-view.active) #mobile-nav { display:none !important; }}
@media(max-width:1100px) {
 .hub-widget-grid { grid-template-columns:280px minmax(0,1fr); }
 #dashboard-view .upcoming-events-section { grid-column:1/-1; min-height:0; }
 #dashboard-view .upcoming-events-list { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
}
@media(max-width:800px) {
 #dashboard-view .dashboard-content { padding:24px 20px 96px; }
 #dashboard-view .dash-header { margin-bottom:24px; }
 #dashboard-view .stats-row { grid-template-columns:1fr; gap:16px; }
 #dashboard-view .stats-row > * { min-height:240px; }
 #dashboard-view .greeting-title { font-size:1.375rem; }
 #dashboard-view .hub-nav { display:none; }
 #dashboard-view .dash-header-right { gap:4px; }
 #dashboard-view #btn-sign-out { display:none; }
}
@media(max-width:600px) {
 .hub-widget-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .adlingo-widget { min-height:280px; aspect-ratio:auto; }
 .pip-progress { width:230px; height:230px; right:8px; }
 .adlingo-widget h3 { max-width:180px; }
 #dashboard-view .upcoming-events-list { display:block; }
 #dashboard-view .logo-icon-dash { width:32px; height:32px; }
 #dashboard-view .dash-header-left { gap:8px; }
 #dashboard-view .user-avatar { display:none; }
 .hub-toolkit { min-height:0; }
}
@media(prefers-reduced-motion:reduce) { .adlingo-widget { transition:none; } }
/* Let the header and learning tile breathe without consuming another row. */
#dashboard-view .dash-header { padding:0; }
#dashboard-view .greeting-stage-rate { font-size:.8125rem; color:var(--hub-muted); }
#dashboard-view .icon-btn { width:44px; height:44px; color:var(--hub-muted); }
.adlingo-bottom { padding-top:0; }
.adlingo-widget progress { flex-shrink:0; }
#dashboard-view .greeting-stage-badge--2 { color:oklch(77% .11 245); background:oklch(32% .055 245); }
[data-theme="light"] #dashboard-view .greeting-stage-badge--2 { color:oklch(39% .11 245); background:oklch(93% .03 245); }
#dashboard-view .event-card { opacity:1; }
#dashboard-view a.event-location-link { min-height:44px; display:inline-flex; align-items:center; }
#dashboard-view .greeting-sub { flex-wrap:wrap; }
#dashboard-view .greeting-stage-upgrade { opacity:1; color:var(--hub-muted); }
@media(max-width:800px) {
 #dashboard-view #btn-sign-out { display:flex; }
 body:has(#dashboard-view.active) #mobile-nav { background:oklch(22% 0 0); border-color:oklch(36% 0 0); backdrop-filter:none; }
 body:has(#dashboard-view.active) .mobile-nav-item { color:oklch(76% 0 0); }
 body:has(#dashboard-view.active) .mobile-nav-item.active { color:oklch(79% .14 48); }
 [data-theme="light"] body:has(#dashboard-view.active) #mobile-nav { background:oklch(98% 0 0); border-color:oklch(84% 0 0); }
 [data-theme="light"] body:has(#dashboard-view.active) .mobile-nav-item { color:oklch(40% 0 0); }
 [data-theme="light"] body:has(#dashboard-view.active) .mobile-nav-item.active { color:oklch(48% .15 42); }
}

/* Warm focal point, quieter material and calendar accents. */
.adlingo-widget { box-shadow:inset 0 1px oklch(100% 0 0 / .4); }
.pip-progress { filter:drop-shadow(0 6px 5px oklch(38% .08 45 / .18)); }
#dashboard-view .stat-card,.hub-panel { box-shadow:inset 0 1px oklch(100% 0 0 / .045); }
#dashboard-view .event-date-block { min-width:44px; width:44px; padding:8px 4px; border-radius:12px; background:oklch(32% .035 55); }
#dashboard-view .event-date-month { color:oklch(83% .11 60); }
#dashboard-view .event-date-day { color:oklch(95% .03 75); }
[data-theme="light"] #dashboard-view .event-date-block { background:oklch(94% .05 65); }
[data-theme="light"] #dashboard-view .event-date-month { color:oklch(44% .11 50); }
[data-theme="light"] #dashboard-view .event-date-day { color:oklch(32% .06 50); }
/* V4 — a face-down card, current work, and a legible invoice. */
.pip-progress { filter:drop-shadow(0 12px 9px oklch(30% .06 45 / .32)) drop-shadow(0 3px 2px oklch(30% .06 45 / .22)); }
.blackjack-ready-visual { position:absolute; right:8px; top:80px; width:152px; height:152px; object-fit:contain; pointer-events:none; filter:drop-shadow(0 8px 8px oklch(5% 0 0 / .25)); }
.blackjack-card-back { position:absolute; width:78px; height:108px; right:24px; top:12px; transform:rotate(13deg); border:4px solid oklch(92% .035 80); border-radius:9px; background:repeating-linear-gradient(45deg,transparent 0 7px,oklch(83% .1 65 / .2) 7px 8px),repeating-linear-gradient(-45deg,transparent 0 7px,oklch(83% .1 65 / .2) 7px 8px),linear-gradient(145deg,oklch(67% .16 48),oklch(42% .11 42)); box-shadow:0 2px 0 oklch(67% .025 70),0 10px 12px oklch(5% 0 0 / .4),inset 0 0 0 2px oklch(40% .09 45); display:grid; place-items:center; }
.blackjack-card-back::before { content:""; position:absolute; inset:6px; border:1px solid oklch(86% .08 75 / .7); border-radius:3px; }
.blackjack-logo-imprint { position:relative; width:46px; height:52px; filter:drop-shadow(0 -1px 0 oklch(30% .07 45)) drop-shadow(0 1px 0 oklch(86% .08 75 / .8)); }
.blackjack-logo-imprint::before { content:""; position:absolute; inset:0; background:oklch(48% .12 45); -webkit-mask:url('./assets/aditor-logo-reference.png') center/76px 76px no-repeat; mask:url('./assets/aditor-logo-reference.png') center/76px 76px no-repeat; }
#card-draw-host .draw-ready-copy { padding-right:144px; }
#card-draw-host .draw-ready-copy h3 { font-size:1.375rem; }
#card-draw-host .cards-completed { max-width:calc(100% - 144px); display:block; white-space:normal; line-height:1.5; }
#dashboard-view #card-draw-host.card-draw-active .blackjack-ready-visual { display:none; }
#dashboard-view .pipeline-submit { border:1px solid var(--hub-line); }
@property --project-edge-angle { syntax:"<angle>"; initial-value:0deg; inherits:false; }
#dashboard-view .pipeline-submit.has-current-card { border:1px solid oklch(64% .1 60 / .45); box-shadow:0 0 20px oklch(65% .14 50 / .06); }
#dashboard-view .pipeline-submit.has-current-card::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:2px; pointer-events:none; background:conic-gradient(from var(--project-edge-angle),transparent 0deg 260deg,oklch(69% .17 48 / .4) 295deg,oklch(92% .11 82) 330deg,oklch(77% .18 60) 348deg,transparent 360deg); -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude; animation:project-edge-orbit 5s linear infinite; }
@keyframes project-edge-orbit { to { --project-edge-angle:360deg; } }
@media(prefers-reduced-motion:reduce) { #dashboard-view .pipeline-submit.has-current-card::before { animation:none; background:oklch(75% .16 58); } }
.hub-work-status { font-size:.6875rem; letter-spacing:0; border-radius:24px; padding:4px 9px; color:oklch(85% .1 68); background:oklch(34% .035 60); }
.hub-work-status[hidden] { display:none; }
.current-card-handoff { color:inherit; text-decoration:none; display:block; min-height:44px; }
.current-card-handoff:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
[data-theme="light"] .hub-work-status { color:oklch(40% .08 55); background:oklch(94% .06 75); }
#billing-view { background:oklch(16% 0 0); color:oklch(96% 0 0); min-height:100vh; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --font-display:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
[data-theme="light"] #billing-view { background:oklch(96% .006 80); color:oklch(24% 0 0); }
#billing-view .billing-content { max-width:1000px; padding:32px 32px 100px; }
#billing-view .dash-header { padding:0; margin:0 0 24px; }
#billing-view .billing-page-title { font:600 1.75rem/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; letter-spacing:-.035em; }
#billing-view .invoice-card { background:oklch(99% .003 80); color:oklch(23% 0 0); padding:32px; border:1px solid oklch(88% .005 80); border-radius:20px; box-shadow:0 16px 40px oklch(5% 0 0 / .16); }
#billing-view .invoice-header { gap:20px; margin-bottom:24px; }
#billing-view .invoice-title { font-size:1.375rem; font-weight:600; letter-spacing:-.025em; }
#billing-view .invoice-billed-to,#billing-view .invoice-meta { font-size:.8125rem; color:oklch(46% 0 0); line-height:1.5; margin-top:8px; overflow-wrap:anywhere; }
#billing-view .billing-net-summary { display:flex; flex-direction:column; gap:8px; padding:24px; background:oklch(96% .025 80); border:1px solid oklch(90% .025 80); border-radius:16px; margin-bottom:24px; }
#billing-view .billing-net-summary span { font-size:.8125rem; color:oklch(44% .015 70); }
#billing-view .billing-net-summary strong { font-size:2.5rem; font-weight:600; letter-spacing:-.05em; line-height:1.2; font-variant-numeric:tabular-nums; }
#billing-view .invoice-status-badge { font-size:.75rem; padding:6px 10px; white-space:normal; line-height:1.3; text-align:center; }
#billing-view :is(.invoice-status-draft,.invoice-status-adjudicated) { color:oklch(40% .08 55); background:oklch(93% .065 80); }
#billing-view :is(.invoice-status-approved,.invoice-status-paid,.invoice-status-confirmed,.invoice-status-submitted) { color:oklch(36% .06 160); background:oklch(93% .045 160); }
#billing-view .invoice-table { font-size:.875rem; line-height:1.5; }
#billing-view .invoice-table th { font-size:.75rem; text-transform:none; letter-spacing:0; color:oklch(45% 0 0); padding:12px 0; }
#billing-view .invoice-table td { padding:16px 0; vertical-align:top; border-bottom:1px solid oklch(89% 0 0); }
#billing-view .invoice-table td + td,#billing-view .invoice-table th + th { padding-left:20px; }
#billing-view .invoice-card-name a { color:oklch(27% 0 0); font-weight:500; display:inline-block; padding:4px 0; }
#billing-view .invoice-note,#billing-view .invoice-adj,#billing-view .invoice-board { color:oklch(45% 0 0); font-size:.8125rem; line-height:1.5; }
#billing-view .invoice-table .invoice-amount { white-space:nowrap; }
#billing-view .invoice-total { padding:24px 0 0; font-size:.875rem; }
#billing-view .invoice-total-amount { font-size:1.5rem; font-weight:600; }
#billing-view :is(button,input,select) { min-height:44px; font-family:inherit; }
#billing-view textarea { font-family:inherit; font-size:1rem; }
#billing-view :is(button,a,input,textarea,summary):focus-visible { outline:2px solid oklch(58% .17 42); outline-offset:3px; }
#billing-view .invoice-csv-btn { font-size:.875rem; font-weight:500; border-radius:10px; background:oklch(100% 0 0); }
#billing-view .invoice-csv-btn:active { background:oklch(94% 0 0); }
#billing-view .bill-rules-link { display:inline-flex; min-height:44px; align-items:center; }
#billing-view .bill-footnote,#billing-view .bill-window { color:oklch(74% 0 0); font-size:.8125rem; line-height:1.5; }
[data-theme="light"] #billing-view .bill-footnote,[data-theme="light"] #billing-view .bill-window { color:oklch(46% 0 0); }
@media(max-width:600px) {
 .blackjack-ready-visual { right:12px; top:66px; width:116px; transform:scale(.9); transform-origin:right center; }
 #card-draw-host .draw-ready-copy { padding-right:116px; }
 #card-draw-host .cards-completed { max-width:calc(100% - 116px); }
 #billing-view .billing-content { padding:24px 16px 100px; }
 #billing-view .invoice-card { padding:20px 16px; }
 #billing-view .invoice-header { flex-direction:column; gap:12px; }
 #billing-view .billing-net-summary { padding:20px; }
 #billing-view .invoice-table { font-size:.8125rem; }
 #billing-view .invoice-table td + td,#billing-view .invoice-table th + th { padding-left:8px; }
 #billing-view .invoice-board { overflow-wrap:anywhere; }
 #billing-view .invoice-doc-actions { gap:8px; }
}

/* Blackjack stays in its footprint throughout drawing, offer and acceptance. */
#dashboard-view #card-draw-host { height:320px; min-height:320px; }
#dashboard-view #card-draw-host.card-draw-active { align-self:stretch; }
#dashboard-view #card-draw-host.card-draw-active #card-draw { height:100%; min-height:0; }
#dashboard-view #card-draw .draw-stack { height:100%; display:flex; flex-direction:column; }
#dashboard-view #card-draw .draw-front { flex:1; min-height:0; overflow-y:auto; padding:16px; display:flex; flex-direction:column; scrollbar-width:thin; box-shadow:none; }
#dashboard-view #card-draw .draw-front > * { flex-shrink:0; }
#dashboard-view #card-draw .draw-footer { height:5px; flex-shrink:0; }
#dashboard-view #card-draw .draw-identity { gap:10px; margin:12px 0; }
#dashboard-view #card-draw .draw-title { font-size:1rem; margin-bottom:4px; line-height:1.25; }
#dashboard-view #card-draw .draw-avatar { width:32px; height:32px; font-size:.75rem; }
#dashboard-view #card-draw .draw-brand { font-size:.75rem; line-height:1.35; }
#dashboard-view #card-draw .draw-peek { font-size:.8125rem; line-height:1.4; margin:0 0 12px; }
#dashboard-view #card-draw .draw-actions { margin-top:auto; gap:8px; }
#dashboard-view #card-draw .draw-actions .draw-button { white-space:normal; padding:8px; font-size:.8125rem; }
#dashboard-view #card-draw .draw-note,#dashboard-view #card-draw .draw-calendar-note { margin-top:8px; font-size:.75rem; line-height:1.35; }
#dashboard-view #card-draw .draw-deadline { margin:0 0 12px; gap:2px; }
#dashboard-view #card-draw .draw-deadline time { font-size:.8125rem; }
#dashboard-view #card-draw .draw-state-title { margin-top:20px; }
#dashboard-view #card-draw .draw-dealer { zoom:.6; margin:24px auto 12px; }
#dashboard-view #card-draw .draw-loading { margin:8px 0; }
#dashboard-view .workspace-sub:empty,#dashboard-view .hub-muted:empty { display:none; }
#dashboard-view .stat-card-earnings-row { flex-wrap:wrap; }
#dashboard-view #earnings-delta { font-size:.75rem; color:var(--hub-muted); white-space:normal; }

/* Toolkit icons retain their own brand colour and share one optical size. */
#dashboard-view img.tool-logo { width:36px; height:36px; object-fit:contain; border-radius:9px; flex-shrink:0; }
#dashboard-view img.tool-logo[src$="studio.png"] { transform:scale(1.4); }
#dashboard-view img.tool-logo[src$="admixer.png"],#dashboard-view img.tool-logo[src$="-app.png"] { transform:scale(1.12); }

/* Revisions have their own priority surface before the current project. */
#dashboard-view .stats-row > .work-column { display:grid; grid-template-rows:minmax(0,1fr); gap:12px; height:320px; overflow:visible; }
#dashboard-view .work-column.has-revisions { grid-template-rows:100px minmax(0,1fr); }
#dashboard-view .work-column .pipeline-submit { display:flex; padding:12px 16px; min-height:0; height:auto; position:relative; overflow:hidden; }
#dashboard-view .revision-panel { padding:12px 16px; min-height:0; display:flex; flex-direction:column; border:1px solid var(--hub-line); }
#dashboard-view .revision-panel[hidden] { display:none; }
#dashboard-view .revision-panel.needs-attention { border-color:oklch(65% .2 25 / .65); box-shadow:0 2px 12px oklch(35% .1 25 / .08); }
.revision-dot { display:none; width:8px; height:8px; flex-shrink:0; border-radius:50%; background:oklch(65% .23 25); }
.needs-attention .revision-dot { display:block; }
.revision-panel .revision-heading { font-size:.8125rem; }
.revision-panel #revision-count { margin-left:auto; font-size:.6875rem; }
.revision-panel .revision-item { min-height:48px; }
.revision-panel .revision-item strong { font-size:.9375rem; font-weight:600; }
.revision-panel .revision-item span span { font-size:.75rem; }
.revision-item:focus-visible { outline:2px solid var(--hub-ink); outline-offset:-2px; border-radius:4px; }
.revision-item:active { opacity:.7; }
.current-work-main { display:flex; flex-direction:column; min-height:0; flex:1; }
.current-work-main .pipeline-label { margin-bottom:8px; min-height:22px; }
.current-work-main #current-card { overflow:auto; }
.current-work-main .current-brand { display:block; font-size:.75rem; line-height:1.4; color:var(--hub-muted); margin:0 0 4px; text-decoration:none; }
.current-work-main .current-brand:hover { color:var(--hub-ink); }
#dashboard-view .current-work-main h3 { font-size:1.125rem; line-height:1.25; margin:0 0 4px; }
.current-work-main .current-due { font-size:.6875rem; line-height:1.35; margin:4px 0 0; }
.current-work-main .hub-primary { margin-top:8px; flex-shrink:0; }
#current-card select { margin:0; min-height:36px; font-size:.875rem; }
.revision-heading { display:flex; align-items:center; gap:8px; font-size:.75rem; line-height:20px; font-weight:600; }
#revision-count { color:var(--hub-muted); font-weight:400; }
#revision-list { min-height:0; overflow:auto; overscroll-behavior:contain; }
#revision-list > .hub-muted,.work-sync-error { font-size:.75rem; line-height:1.4; margin:8px 0; color:var(--hub-muted); }
.revision-item { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; padding:4px 0; color:var(--hub-ink); text-decoration:none; }
.revision-item > span:first-child { min-width:0; }
.revision-item strong,.revision-item span span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.revision-item strong { font-size:.8125rem; font-weight:500; }
.revision-item span span { font-size:.6875rem; color:var(--hub-muted); }
.revision-item:hover strong { text-decoration:underline; }
#work-retry { margin-left:auto; border:0; background:none; color:var(--hub-ink); font:inherit; cursor:pointer; min-height:28px; padding:0 8px; }
#work-retry[hidden] { display:none; }
@media(pointer:coarse) { #work-retry,#current-card select { min-height:44px; } }