/* Copyright 2026 Shore-Roger Enterprises LLC. All rights reserved.
 * Dashboard-only additions on top of styles.css (the design system, copied from the site). */

/* Light only, like the portal: keep the light token values when the OS asks for dark. */
@media (prefers-color-scheme:dark){
  :root{
    color-scheme:light;
    --surface:#ffffff;--surface-alt:#f4f6fa;--surface-raised:#ffffff;--surface-inverse:#0f2350;
    --text:#000000;--text-muted:#4b5160;--accent-text:#2855b2;
    --border:#dfe3ea;--border-strong:#6b7385;--focus-ring:#2855b2;
    --warning:#7a5200;--warning-bg:#fff5dc;--shadow-md:0 6px 16px rgba(11,23,54,.12);
  }
}

/* Hero: the page background is the hero gradient, no waves (those belong to the site's homepage). */
.site-hero{background:linear-gradient(180deg,var(--hero-top) 0%,var(--hero-bottom) 100%)}
.dash-landing{min-height:calc(100vh - 81px);display:flex;flex-direction:column}
.dash-landing .site-hero__body{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:var(--container)}
.dash-landing .ds-hero__title{max-width:14ch}

/* Nav: the signed-in name and a sign-out link styled as a nav link. */
.dash-user{font-size:15px;color:var(--text-muted)}
.dash-signout{margin:0}
.dash-signout button{font:inherit;background:none;border:0;cursor:pointer;padding:0}
@media (max-width:599px){.dash-user{display:none}}

/* App grid: a list of cards. */
.dash-apps{list-style:none;margin:0;padding:0}
.dash-apps > li{display:flex}
.dash-apps .ds-card{min-height:200px}
.dash-apps .ds-card h2{margin:0 0 var(--space-2)}

/* Planned apps: a status word, never colour alone. */
.dash-badge{background:var(--surface-alt);color:var(--text-muted);border:1px solid var(--border);vertical-align:middle}
.dash-planned{background:var(--surface)}