/* v3.3.0.1.33 DEMO: only presentation-layer additions. The productive admin.css/style.css are copied byte-for-byte. */
.demo-system-banner,.demo-public-banner{background:#fff3cd;color:#664d03;border:1px solid #ffecb5;padding:10px 14px;border-radius:12px;margin:0 0 16px}.demo-public-banner{max-width:1180px;margin:14px auto 0}.mode-dark .demo-system-banner,.mode-dark .demo-public-banner{background:rgba(180,83,9,.24);color:#fde68a;border-color:rgba(245,158,11,.45)}
.demo-kpi{font-size:28px;font-weight:900;margin:.25em 0 .7em}.demo-bars{height:220px;display:flex;align-items:flex-end;gap:10px;padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(148,163,184,.08)}.demo-bars i{display:block;flex:1;min-width:12px;background:linear-gradient(180deg,var(--accent),#38bdf8);border-radius:7px 7px 2px 2px}.metric-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}.metric-mini-card{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.metric-mini-card strong{display:block;font-size:20px}
.demo-paper{max-width:900px;margin:0 auto 18px;min-height:640px;background:#fff!important;color:#111!important;box-shadow:0 12px 40px rgba(0,0,0,.12)}.demo-paper-head{display:flex;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:16px;margin-bottom:30px}.demo-paper table{color:#111!important}.demo-paper th,.demo-paper td{color:#111!important;background:#fff!important}
.demo-role-page{padding-top:34px}.demo-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.demo-role-card{display:flex;flex-direction:column;gap:6px;text-decoration:none;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);min-height:130px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.demo-role-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.demo-role-card strong{font-size:18px;color:var(--accent)}.demo-role-card small{color:var(--muted)}
.demo-landing-main{padding-top:42px}.demo-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;max-width:980px}.demo-hero p{font-size:1.1rem;max-width:920px}.demo-facts .card{display:flex;flex-direction:column}.demo-facts strong{font-size:34px;color:var(--accent)}
.admin-nav .nav-section-body ul{list-style:none;margin:0;padding:0}.admin-nav .nav-section-body li{margin:3px 0}.admin-nav .nav-section-body a{display:block;color:#fff;padding:8px 10px;border-radius:9px}.admin-nav .nav-section-body a:hover{background:var(--nav2);text-decoration:none}.admin-nav .nav-section-toggle{color:#fff;background:transparent;border:0;cursor:pointer}.admin-nav .nav-section-body[hidden]{display:none!important}.actions .secondary,button.secondary,.button.secondary{background:#475569}
.public-mobile-nav-toggle{display:none;background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.25)}
@media(max-width:900px){.demo-public-banner{margin:10px 14px}.admin-nav.demo-open{display:block!important}.demo-bars{height:160px}}
@media(max-width:760px){.public-mobile-nav-toggle{display:inline-flex}.demo-role-grid{grid-template-columns:1fr}.demo-system-banner{border-radius:8px}.demo-paper{min-height:480px;padding:16px}}