/* Neutral service tiles: original palette, even geometry, dimensional icons. */
.app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick { grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:1fr; gap:12px; }
.app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .quick-circle { position:relative; display:grid; grid-template-rows:48px minmax(2.7em,auto); align-content:start; justify-items:center; gap:12px; min-height:116px; min-width:0; padding:16px; border:1px solid var(--line); border-radius:20px; background:var(--panel); color:var(--text); }
.app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .qc-icon { display:grid; place-items:center; flex:0 0 auto; width:48px; height:48px; border:1px solid var(--line-2); border-radius:14px; background:var(--panel-3); color:inherit; }
.app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .qc-icon svg { width:24px; height:24px; }
.app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .quick-circle small { min-height:2.7em; max-width:100%; color:inherit; font-size:13px; font-weight:700; line-height:1.35; text-align:center; white-space:normal; overflow-wrap:anywhere; }
#view-root[data-page='dashboard'] .bento { gap:12px; }
#view-root[data-page='dashboard'] .bento .dash-stat-card { min-width:0; padding:20px; border-radius:20px; gap:12px; background:var(--panel); }
#view-root[data-page='dashboard'] .bento .dash-stat-card > span:first-child { display:grid; gap:8px; }
#view-root[data-page='dashboard'] .bento .dash-stat-card .dash-stat-label { min-height:24px; padding-right:44px; color:var(--soft); font-size:13px; line-height:1.5; }
#view-root[data-page='dashboard'] .bento .dash-stat-card strong { margin:8px 0; color:var(--text); font-size:clamp(26px,3vw,36px); line-height:1.2; overflow-wrap:anywhere; }
#view-root[data-page='dashboard'] .bento .dash-stat-card strong small { color:var(--muted); font-size:11px; }
#view-root[data-page='dashboard'] .bento .dash-stat-card > span:first-child > small { color:var(--muted); font-size:11px; line-height:1.5; }
#view-root[data-page='dashboard'] .bento .dash-stat-card .dash-stat-icon { grid-column:2; grid-row:1; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--panel-3); color:var(--text); }
#view-root[data-page='dashboard'] .bento .dash-stat-card:focus-visible { outline:2px solid var(--text); outline-offset:4px; }
@media (hover:hover) {
  .app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .quick-circle:hover,
  #view-root[data-page='dashboard'] .bento .dash-stat-card:hover { border-color:var(--hover-border); }
}
@media (min-width:640px) {
  .app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .quick-circle { padding:20px; min-height:132px; }
  .app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .quick-circle small { font-size:15px; }
  #view-root[data-page='dashboard'] .bento { gap:16px; }
}
@media (prefers-reduced-motion:no-preference) {
  .app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .quick-circle:active { transform:scale(.98); }
}

.app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .qc-icon,
#view-root[data-page='dashboard'] .bento .dash-stat-card .dash-stat-icon {
  border:1px solid var(--line-2); border-radius:14px; color:var(--soft);
  background:linear-gradient(145deg,color-mix(in srgb,var(--panel-4) 85%,var(--text) 15%),var(--panel-2) 70%);
  box-shadow:inset 1px 1px 0 color-mix(in srgb,var(--text) 20%,transparent),inset -1px -2px 0 rgba(0,0,0,.18),0 3px 0 var(--line-soft),0 5px 8px rgba(0,0,0,.12);
  transform:none;
}
.app-shell:has(#view-root[data-page='dashboard']) .balance-block .dash-quick .qc-icon svg,
#view-root[data-page='dashboard'] .bento .dash-stat-card .dash-stat-icon svg {
  stroke-width:1.8; filter:none;
}
/* Shared tracks keep headings, amounts and captions on the same baselines. */
#view-root[data-page='dashboard'] .bento .dash-stat-card > span:first-child { align-content:start; grid-template-rows:minmax(2.8em,auto) auto 5px minmax(2.8em,auto); gap:12px; }
#view-root[data-page='dashboard'] .bento .dash-stat-label { grid-row:1; }
#view-root[data-page='dashboard'] .bento .dash-stat-card strong { grid-row:2; }
#view-root[data-page='dashboard'] .bento .duo-progress { grid-row:3; margin:0; }
#view-root[data-page='dashboard'] .bento .dash-stat-card > span:first-child > small { grid-row:4; }
@media (min-width:640px) {
  #view-root[data-page='dashboard'] .bento .dash-stat-card > span:first-child { grid-template-rows:minmax(1.5em,auto) auto 5px minmax(1.5em,auto); }
}