/* Le Grand Angle - V5.6.43: interface unique, sans superposition. */
:root{--lga-navy:#101d35;--lga-red:#ed1b35;--lga-line:#e1e7f0;--lga-bg:#f3f6fa}
body:has(.adminbar){background:var(--lga-bg);color:#17253a;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body:has(.adminbar) .adminbar{position:sticky;top:0;z-index:30;background:#fff!important;border:0;border-bottom:1px solid var(--lga-line);padding:0;box-shadow:0 2px 15px #10203b0b}
body:has(.adminbar) .adminbar>.wrap{max-width:none;margin:0;padding:12px clamp(16px,3vw,42px);min-height:76px}
body:has(.adminbar) .brand-admin{color:var(--lga-navy)!important;font-weight:800;font-size:17px;display:inline-flex;align-items:center;gap:12px}
body:has(.adminbar) .brand-admin img{width:48px;height:48px;object-fit:contain}
body:has(.adminbar) .adminbar nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
body:has(.adminbar) .adminbar nav a{color:#354762;text-decoration:none;font-size:13px;padding:8px 10px;border-radius:8px}
body:has(.adminbar) .adminbar nav a:hover{background:#edf1f7;color:var(--lga-navy)}
/* Keep the ORIGINAL .adminlayout and .sidebar; this is the sole navigation. */
body:has(.adminbar) .adminlayout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;width:100%;max-width:none;margin:0;padding:28px clamp(16px,3vw,42px);min-height:calc(100vh - 77px);align-items:start}
body:has(.adminbar) .adminlayout>.sidebar{background:var(--lga-navy);color:#fff;border:0;border-radius:15px;padding:22px 13px;display:flex;flex-direction:column;gap:4px;position:sticky;top:105px;max-height:calc(100vh - 125px);overflow-y:auto;min-width:0;box-shadow:0 8px 24px #10203b15}
body:has(.adminbar) .sidebar strong{color:#b5c2d6;font-size:11px;letter-spacing:.14em;padding:7px 12px 14px}
body:has(.adminbar) .sidebar a{color:#e4eaf3;display:block;padding:10px 12px;border-radius:9px;font-weight:600;text-decoration:none;font-size:13px;overflow-wrap:anywhere}
body:has(.adminbar) .sidebar a:hover,body:has(.adminbar) .sidebar a:focus-visible{background:#ffffff20;color:#fff}
body:has(.adminbar) .admincontent{min-width:0;width:100%;padding:0 0 60px;margin:0}
body:has(.adminbar) .admincontent h1{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.035em;color:var(--lga-navy)}
body:has(.adminbar) .admincontent .panel,body:has(.adminbar) .admincontent .stat{background:#fff;border:1px solid var(--lga-line);border-radius:14px;box-shadow:0 3px 15px #10203b08}
body:has(.adminbar) .admincontent .tablewrap{max-width:100%;overflow-x:auto}
body:has(.adminbar) .admincontent table{background:#fff;border:1px solid var(--lga-line);border-radius:12px}
body:has(.adminbar) .admincontent input:not([type=checkbox]):not([type=radio]),body:has(.adminbar) .admincontent textarea,body:has(.adminbar) .admincontent select{max-width:100%;border-radius:8px}
body:has(.adminbar) .admincontent button,body:has(.adminbar) .admincontent .btn{border-radius:9px}
body:has(.adminbar) :focus-visible{outline:3px solid var(--lga-red);outline-offset:2px}
@media(max-width:900px){body:has(.adminbar) .adminlayout{grid-template-columns:190px minmax(0,1fr);gap:14px;padding:18px 14px}}
@media(max-width:700px){body:has(.adminbar) .adminbar>.wrap{min-height:60px;gap:10px}body:has(.adminbar) .adminbar nav{gap:3px}body:has(.adminbar) .adminlayout{display:block;padding:12px}body:has(.adminbar) .adminlayout>.sidebar{position:static;max-height:none;display:flex;flex-direction:row;overflow-x:auto;gap:4px;white-space:nowrap;margin:0 0 20px;padding:9px;border-radius:11px}body:has(.adminbar) .sidebar strong{display:none}body:has(.adminbar) .sidebar a{white-space:nowrap;padding:10px}body:has(.adminbar) .admincontent{width:100%}body:has(.adminbar) .stats{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}
