/* Page-scoped visual shell for the AGS control center. */
.ags-admin-ux{--bg:#080e19;--panel:#111b2b;--line:#263550;--txt:#f1f5fb;--muted:#9eb0c7;--brand:#ff8127;--brand-2:#ffae65;background:radial-gradient(circle at 72% -18%,#1b314f 0,transparent 35%),#080e19;color:var(--txt)}
.ags-admin-ux .container{grid-template-columns:240px minmax(0,1fr);width:100%;min-width:0}
.ags-admin-ux .aside{position:sticky;top:0;height:100vh;min-width:0;overflow:auto;background:linear-gradient(180deg,#0f1b2c,#0a1220);border-right:1px solid #283a56;scrollbar-width:thin}
.ags-admin-ux .brand{display:flex;align-items:center;gap:12px;padding:24px 16px 20px;font-size:14px;line-height:1.25;color:#c8d7eb}
.ags-admin-ux .brand strong{font-size:17px;color:white}
.ags-admin-ux .brand-mark{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#ffb15e,#e86715);color:#111a28;font-weight:1000;font-size:13px;letter-spacing:-.06em;box-shadow:0 8px 26px #ff802747}
.ags-admin-ux .nav{gap:3px;padding:4px 10px 28px}
.ags-admin-ux .nav a{min-height:40px;padding:9px 11px;color:#b4c4d9;border-radius:11px;font-size:13px;font-weight:600;transition:background .18s,color .18s,border-color .18s}
.ags-admin-ux .nav a:hover{background:#17263b;color:white;border-color:#344865}
.ags-admin-ux .nav a.active{background:linear-gradient(90deg,#382418,#1b263a);color:#fff;border-color:#a75c24;box-shadow:inset 3px 0 #ff8b32}
.ags-admin-ux .nav a.sub{padding-left:25px}
.ags-admin-ux .nav-icon{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ags-admin-ux .topbar{min-height:62px;padding:12px 26px;background:#0c1524d9;backdrop-filter:blur(14px);border-bottom-color:#273750}
.ags-admin-ux .page{padding:26px clamp(18px,2.5vw,42px) 45px;max-width:1800px;min-width:0;width:100%;margin:0 auto}
.ags-admin-ux .card{border:1px solid #293a54;background:linear-gradient(155deg,#142137,#101a2b);border-radius:18px;box-shadow:0 14px 34px #02061127}
.ags-admin-ux .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;background:linear-gradient(105deg,#ff852c,#ffb66e);color:#18202b;border-radius:10px;box-shadow:0 5px 14px #ff80272c;transition:transform .17s,box-shadow .17s}
.ags-admin-ux .btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #ff802744}
.ags-admin-ux .btn svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ags-admin-ux .btn.ghost{background:#142237;color:#dce8f7;border:1px solid #334965;box-shadow:none}
.ags-admin-ux .input{background:#0b1728;border-color:#344763;color:#eef4fb}
.ags-admin-ux .input:focus{border-color:#ff974f;box-shadow:0 0 0 3px #ff862729}
.ags-admin-ux .small{color:#a8b8cc}
.ags-admin-ux .page-hero{position:relative;overflow:hidden;border-radius:24px;border:1px solid #40506a;background:#0d1929;box-shadow:0 22px 50px #02061155;padding:34px 40px;margin-bottom:25px}
.ags-admin-ux .page-hero h1{font-size:clamp(30px,3vw,49px);line-height:1.06;letter-spacing:-.045em;max-width:680px;margin:12px 0;color:#fff}
.ags-admin-ux .page-hero p{font-size:15px;line-height:1.55;color:#c4d3e5;max-width:590px;margin:0 0 20px}
.ags-admin-ux .eyebrow,.ags-admin-ux .section-kicker{font-size:11px;font-weight:850;letter-spacing:.17em;color:#ff9d56}
.ags-admin-ux .hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.ags-admin-ux .section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:22px 0 13px}
.ags-admin-ux .section-heading h2{font-size:23px;line-height:1.1;margin:4px 0 0;letter-spacing:-.025em}
.ags-admin-ux .badge{border-color:#344965;background:#132136;color:#b9cce3;padding:5px 10px}
@media(max-width:900px){.ags-admin-ux .container{grid-template-columns:minmax(0,1fr)}.ags-admin-ux .aside{position:static;height:auto;overflow:hidden}.ags-admin-ux .brand{padding:12px 16px}.ags-admin-ux .nav{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;min-width:0;max-width:100vw;white-space:nowrap;padding:4px 12px 11px}.ags-admin-ux .nav a{flex:none}.ags-admin-ux .page{padding:18px}.ags-admin-ux .page-hero{padding:25px}.ags-admin-ux .topbar{padding:10px 17px}}
@media(max-width:560px){.ags-admin-ux .page-hero h1{font-size:31px}.ags-admin-ux .section-heading{align-items:start;flex-direction:column}}