/* Ragna3's approved launcher identity. Scoped so an unconfigured panel keeps the upstream theme. */
:root[data-panel-theme="ragna3"] {
  --display:"Young Serif",Georgia,serif;
  --body:"Segoe UI",system-ui,sans-serif;
  --ink:#20344b; --ink-2:#354d65; --muted:#53697f; --faint:#6e8091;
  --blue:#386a9e; --blue-ink:#315f8c; --blue-bg:#e3edf6; --blue-line:#a9c1d7;
  --amber:#cfac67; --amber-ink:#72521b; --amber-bg:#f3e7cb; --amber-line:#c9b68e;
  --amber-hover:#dfbf7c; --on-amber:#192333;
  --green-ink:#276741; --green-bg:#e0ede2; --red-ink:#a43242; --red-bg:#f9e7e8;
  --surface:#fffcf5; --surface-sub:#f1ecdf; --hover:#ece7da;
  --line:#d4ccba; --line-soft:#e4ded0; --line-strong:#b5a990;
  --tint:#20344b0a; --tint-2:#cfac6729; --line-hover:#7d6b4e;
  --shadow-1:0 2px 5px #1c2d4010;
  --shadow-2:0 12px 30px #1c2d4020;
  --ring:0 0 0 3px #386a9e35;
  --glass:#fcf8eff5; --foot-bg:#e9e3d6; --page-bg:#f4f0e6;
  --on-ink:#fffaf0; --danger:#a43242; --danger-hover:#872a37;
  --red-line:#c8848d; --rank-2:#d7e1e9; --rank-3:#e7d5ba;
  --sky:none; --sky-glow:transparent;
  --r1:4px; --r2:5px; --r3:8px;
  --bar:72px; --page:1320px; --t-md:14px; --gutter:24px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark) {
  :root[data-panel-theme="ragna3"]:not([data-theme="light"]) {
    --ink:#f2e9d6; --ink-2:#d4dfea; --muted:#b0bfd0; --faint:#879aaf;
    --blue:#a4c7ec; --blue-ink:#a4c7ec; --blue-bg:#213d57; --blue-line:#45637c;
    --amber-ink:#dfc286; --amber-bg:#cfac671c; --amber-line:#cfac674d;
    --green-ink:#a6d6b4; --green-bg:#254333; --red-ink:#f3acb2; --red-bg:#4c2933;
    --surface:#16273b; --surface-sub:#1a2d43; --hover:#21384e;
    --line:#34465b; --line-soft:#2a3c50; --line-strong:#657588;
    --tint:#d4dfea0a; --tint-2:#cfac671c; --line-hover:#cfac67;
    --shadow-1:0 3px 10px #030a141c; --shadow-2:0 16px 40px #030a1466;
    --ring:0 0 0 3px #a4c7ec40;
    --glass:#0e1b2df5; --foot-bg:#0c1828; --page-bg:#0b1524;
    --on-ink:#132235; --danger:#b24252; --danger-hover:#c95161;
    --red-line:#9c5c69; --rank-2:#30475d; --rank-3:#57472d;
    color-scheme:dark;
  }
}
:root[data-panel-theme="ragna3"][data-theme="dark"] {
  --ink:#f2e9d6; --ink-2:#d4dfea; --muted:#b0bfd0; --faint:#879aaf;
  --blue:#a4c7ec; --blue-ink:#a4c7ec; --blue-bg:#213d57; --blue-line:#45637c;
  --amber-ink:#dfc286; --amber-bg:#cfac671c; --amber-line:#cfac674d;
  --green-ink:#a6d6b4; --green-bg:#254333; --red-ink:#f3acb2; --red-bg:#4c2933;
  --surface:#16273b; --surface-sub:#1a2d43; --hover:#21384e;
  --line:#34465b; --line-soft:#2a3c50; --line-strong:#657588;
  --tint:#d4dfea0a; --tint-2:#cfac671c; --line-hover:#cfac67;
  --shadow-1:0 3px 10px #030a141c; --shadow-2:0 16px 40px #030a1466;
  --ring:0 0 0 3px #a4c7ec40;
  --glass:#0e1b2df5; --foot-bg:#0c1828; --page-bg:#0b1524;
  --on-ink:#132235; --danger:#b24252; --danger-hover:#c95161;
  --red-line:#9c5c69; --rank-2:#30475d; --rank-3:#57472d;
  color-scheme:dark;
}
:root[data-panel-theme="ragna3"] body { background:var(--page-bg); }
:root[data-panel-theme="ragna3"] .sky { display:none; }
:root[data-panel-theme="ragna3"] .top { border-bottom-color:var(--amber-line); }
:root[data-panel-theme="ragna3"] .brand { color:var(--ink); gap:10px; font-size:23px; }
:root[data-panel-theme="ragna3"] .brand-logo { width:43px; height:43px; object-fit:contain; }
:root[data-panel-theme="ragna3"] .link { font-size:13px; }
:root[data-panel-theme="ragna3"] .link[aria-current="page"] {
  background:var(--amber-bg); color:var(--amber-ink); box-shadow:inset 0 -2px var(--amber);
}
:root[data-panel-theme="ragna3"] .view { padding-top:32px; }
:root[data-panel-theme="ragna3"] .label {
  font-size:12px; font-weight:600; letter-spacing:0; text-transform:none;
}
:root[data-panel-theme="ragna3"] .home-head {
  position:relative; isolation:isolate; min-height:288px; padding:40px;
  align-items:center; overflow:hidden; border:1px solid #cfac6766; border-radius:var(--r3);
  background:#14263b; color:#f5ead3;
}
:root[data-panel-theme="ragna3"] .home-head::before {
  content:""; position:absolute; inset:0; z-index:-1;
  background:linear-gradient(90deg,#0c182bf5 0%,#0c182bba 40%,#0c182b24 80%),
    linear-gradient(0deg,#0c182b80,transparent 70%),url(/ragna3/city.webp) center 57%/cover;
}
:root[data-panel-theme="ragna3"] .home-head .title.big {
  font-size:clamp(38px,5vw,58px); color:#f5ead3; text-shadow:0 2px 12px #0006;
}
:root[data-panel-theme="ragna3"] .home-head .subtitle { color:#dfd8c7; max-width:48ch; font-size:16px; }
:root[data-panel-theme="ragna3"] .home-head .meta {
  margin-top:24px; gap:10px 24px; color:#becbda;
}
:root[data-panel-theme="ragna3"] .home-head .meta dd { color:#f5ead3; }
:root[data-panel-theme="ragna3"] .home-head .chip.online { color:#b7e2c0; background:#18352bed; border:1px solid #8dbb9c55; }
:root[data-panel-theme="ragna3"] .home-kpis {
  gap:0; padding:22px 0; margin-bottom:28px; border-bottom:1px solid var(--amber-line);
}
:root[data-panel-theme="ragna3"] .home-kpis .kpi {
  background:none; border:0; border-radius:0; box-shadow:none; padding:0 24px;
  border-right:1px solid var(--line);
}
:root[data-panel-theme="ragna3"] .home-kpis .kpi:first-child { padding-left:0; }
:root[data-panel-theme="ragna3"] .home-kpis .kpi:last-child { border-right:0; }
:root[data-panel-theme="ragna3"] .home-kpis .label svg { color:var(--amber-ink); }
:root[data-panel-theme="ragna3"] .home-kpis .value { margin-top:10px; }
:root[data-panel-theme="ragna3"] .home-kpis .value b {
  font-family:var(--display); font-weight:400; font-size:32px; line-height:1.3;
}
:root[data-panel-theme="ragna3"] .card-head { min-height:58px; padding:14px 20px; }
:root[data-panel-theme="ragna3"] .card-head h2 { font:400 18px/1.4 var(--display); }
:root[data-panel-theme="ragna3"] .card-body { padding:20px; }
:root[data-panel-theme="ragna3"] .more { color:var(--amber-ink); font-weight:600; }
:root[data-panel-theme="ragna3"] .empty { padding:36px 20px; gap:12px; }
:root[data-panel-theme="ragna3"] .empty svg { color:var(--amber-ink); font-size:28px; }
:root[data-panel-theme="ragna3"] .data th {
  color:var(--muted); text-transform:none; letter-spacing:0; font-size:12px; font-weight:600;
}
:root[data-panel-theme="ragna3"] .rank { border:1px solid var(--line); }
:root[data-panel-theme="ragna3"] .rank.r1 { color:var(--on-amber); border-color:var(--amber); }
:root[data-panel-theme="ragna3"] .btn { min-height:38px; font-weight:600; }
:root[data-panel-theme="ragna3"] .btn.primary,
:root[data-panel-theme="ragna3"] .btn.accent {
  background:linear-gradient(110deg,#c3a05e,#e5cb8e); border-color:#cfac67; color:#192333;
}
:root[data-panel-theme="ragna3"] .btn.primary:not(:disabled):hover,
:root[data-panel-theme="ragna3"] .btn.accent:not(:disabled):hover { background:#e5cb8e; }
:root[data-panel-theme="ragna3"] .side a[aria-current="page"] { color:var(--amber-ink); }
:root[data-panel-theme="ragna3"] .side a[aria-current="page"]::before { background:var(--amber); }
:root[data-panel-theme="ragna3"] .auth-card {
  max-width:440px; margin-top:56px; border-top:2px solid var(--amber);
}
:root[data-panel-theme="ragna3"] .auth-card .card-body { padding:32px; }
:root[data-panel-theme="ragna3"] .foot { border-top-color:var(--amber-line); }
:root[data-panel-theme="ragna3"] .top.compact .nav {
  max-height:calc(100dvh - var(--bar) - 24px); overflow-y:auto;
}
@media (max-width:860px) {
  :root[data-panel-theme="ragna3"] .nav {
    max-height:calc(100dvh - var(--bar) - 24px); overflow-y:auto;
  }
}
@media (max-width:1080px) {
  :root[data-panel-theme="ragna3"] .home-kpis { gap:24px 0; }
  :root[data-panel-theme="ragna3"] .home-kpis .kpi:nth-child(2) { border-right:0; }
  :root[data-panel-theme="ragna3"] .home-kpis .kpi:nth-child(3) { padding-left:0; }
}
@media (max-width:600px) {
  :root[data-panel-theme="ragna3"] { --bar:64px; --gutter:16px; }
  :root[data-panel-theme="ragna3"] .view { padding-top:20px; }
  :root[data-panel-theme="ragna3"] .home-head { min-height:270px; padding:24px; }
  :root[data-panel-theme="ragna3"] .home-head::before {
    background:linear-gradient(90deg,#0c182bd9,#0c182b66),url(/ragna3/city.webp) 60% center/cover;
  }
  :root[data-panel-theme="ragna3"] .home-head .meta { flex-direction:column; gap:6px; margin-top:20px; }
  :root[data-panel-theme="ragna3"] .home-kpis .kpi { padding:0 16px; }
  :root[data-panel-theme="ragna3"] .home-kpis .value b { font-size:27px; }
  :root[data-panel-theme="ragna3"] .home-kpis .value { flex-wrap:wrap; }
  :root[data-panel-theme="ragna3"] .card-head { padding:14px 16px; }
  :root[data-panel-theme="ragna3"] .card-head h2 { font-size:16px; }
  :root[data-panel-theme="ragna3"] .auth-card { margin-top:24px; }
  :root[data-panel-theme="ragna3"] .auth-card .card-body { padding:24px; }
  :root[data-panel-theme="ragna3"] .data.stack td { height:auto; }
}