/*
 * JKs-utseende för System Edströms 3D-planerare. Laddas in i den proxade
 * konfiguratorn (/planerare-app). Ändra bara färg/typografi/avstånd här,
 * inte logik. Själva 3D-vyn lämnas orörd (samma rendering som hos Edström).
 */
:root {
  --jks-primary: #1e8a38;
  --jks-primary-dark: #166b2b;
  --jks-ink: #0f172a;
  --jks-bg: #f8fafc;
}

html, body, .v-application {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  color: var(--jks-ink);
}
body, .v-application, .v-application__wrap { background: var(--jks-bg) !important; }

/* Edströms programrad (logga, titel med deras pris, konto) tas bort; vår sida
   har egen header och egen "Din planering". Utrymmet ges till 3D-vyn. */
.v-app-bar, .v-toolbar.v-app-bar { display: none !important; }
.v-main { padding-top: 0 !important; }
.v-navigation-drawer, .v-navigation-drawer--rail { top: 0 !important; height: 100% !important; max-height: 100% !important; }

/* Primärfärgade knappar och aktiva steg i vår gröna ton */
.v-btn.bg-primary, .v-btn.bg-green, .v-btn.bg-success { background: var(--jks-primary) !important; color: #fff !important; }
.v-btn.bg-primary:hover { background: var(--jks-primary-dark) !important; }
.v-stepper-item--selected .v-avatar, .v-stepper-item--complete .v-avatar { background: var(--jks-primary) !important; }
.v-progress-circular, .v-progress-linear { color: var(--jks-primary) !important; }
.v-card { border-radius: 8px !important; }