/* DIGIKET QR Studio's light workspace and deep-blue navigation. */
.app-shell {
  --g-bg: #f2f7fb;
  --g-surface: #fff;
  --g-surface-2: #edf6fa;
  --g-surface-3: #e2f0f6;
  --g-text: #18303b;
  --g-text-2: #31505f;
  --g-muted: #6e8796;
  --g-accent: #128fb8;
  --g-accent-2: #18b0d9;
  --g-border: #dce8ef;
  --g-border-2: #cbdee9;
  --g-shadow: 0 8px 32px #164b5512;
  background: radial-gradient(circle at 85% -18%, #d8effc, transparent 38%), #f2f7fb;
  color: var(--g-text);
}
.app-shell .app-main { background: transparent; }
.app-shell .app-sidebar {
  --g-surface: #08243b;
  --g-surface-2: #17405d;
  --g-surface-3: #22516e;
  --g-text: #f2fbff;
  --g-text-2: #d1e6f0;
  --g-muted: #9ab8c9;
  --g-accent: #59d1ec;
  --g-border: #24506a;
  background: linear-gradient(170deg, #07172d, #082845 65%, #0b3355);
  border-right: 1px solid #225575;
  color: var(--g-text);
}
.app-shell .app-topbar {
  background: #f9fcffea;
  border-bottom: 1px solid #dcebf5;
  backdrop-filter: blur(16px);
}
.app-shell .nav-button:hover:not(:disabled),
.app-shell .nav-button.is-active,
.app-shell .nav-button[aria-current="page"] { background: #ffffff18; color: #fff; }
.app-shell .nav-button.is-active::before,
.app-shell .nav-button[aria-current="page"]::before { background: #51d4f4; }
.app-shell .card { background: #fff; border-color: #dce8ef; box-shadow: 0 13px 42px #164b5510; }
.app-shell .btn-primary { background: linear-gradient(130deg, #1bb5dc, #087da9); border-color: #2baed1; color: #fff; }
.app-shell input:focus, .app-shell select:focus, .app-shell textarea:focus { border-color: #24afe2; }
.app-shell .page-title { letter-spacing: -.045em; }
.app-shell .user-badge { background: #ffffff0e; }