.page-heading-dashboard { align-items: center; }
.setup-status { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.kpi-grid-product { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.kpi-grid-product .kpi-card { min-height: 154px; display: flex; flex-direction: column; justify-content: space-between; }
.kpi-meta { display: grid; gap: 2px; margin-top: 10px; color: var(--core-text-muted); font-size: 10px; }
.kpi-stale { border-color: color-mix(in srgb, var(--core-amber) 45%, var(--core-border)); background: color-mix(in srgb, var(--core-amber-soft) 45%, var(--core-surface)); }
.dashboard-product-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr); gap: 16px; margin-bottom: 16px; }
.stack-grid { display: grid; gap: 16px; }
.alert-list { display: grid; gap: 8px; }
.setup-meter { display: flex; align-items: center; gap: 16px; }
.setup-ring { --progress: 0; width: 76px; height: 76px; flex: 0 0 76px; display: grid; place-items: center; border-radius: 50%; background: conic-gradient(var(--core-blue) calc(var(--progress) * 1%), var(--core-gray-soft) 0); }
.setup-ring::before { content: ""; grid-area: 1 / 1; width: 58px; height: 58px; border-radius: 50%; background: var(--core-surface); }
.setup-ring strong { position: relative; grid-area: 1 / 1; font-size: 16px; }
.site-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.site-card { display: grid; gap: 16px; }
.site-card-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.site-card-header h2 { margin: 0; font-size: 19px; }
.site-card-meta { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.site-card-meta > div { min-width: 0; padding: 10px; border-radius: 10px; background: var(--core-surface-muted); }
.site-card-meta span, .site-card-meta strong { display: block; overflow-wrap: anywhere; }
.site-card-meta span { color: var(--core-text-muted); font-size: 10px; }
.site-card-meta strong { margin-top: 3px; font-size: 12px; }
.site-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.technical-safe-note { color: var(--core-text-muted); font-size: 12px; }
.logout-form { margin: 0; }
.logout-button { width: 100%; justify-content: flex-start; border: 0; background: transparent; color: var(--core-text-muted); }
.preference-form { margin: 0; }
.preference-form select { width: auto; min-width: 68px; padding-inline: 8px 28px; background: var(--core-surface-muted); }
.shell-system-state { display: flex; align-items: center; gap: 7px; font-size: 11px; color: var(--core-text-muted); }

@media (max-width: 1279px) {
  .kpi-grid-product { grid-template-columns: repeat(3, 1fr); }
  .site-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .kpi-grid-product { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-product-grid, .site-detail-grid { grid-template-columns: 1fr; }
  .site-card-grid { grid-template-columns: 1fr; }
}
@media (max-width: 390px) {
  .kpi-grid-product { grid-template-columns: 1fr; }
  .site-card-meta { grid-template-columns: 1fr 1fr; }
}
.help-support-card { margin-top: 1rem; }