/* =====================================================================
   rag.az — Admin və Müştəri paneli: Theme 2 (professional)
   admin.css üzərinə yüklənir; köhnə stil silinməyib.
   ===================================================================== */
:root{
  --t-brand:#E8530E;--t-btn:#CC4A12;--t-btn-h:#B23F0E;
  --t-ink:#14171D;--t-text:#2B3038;--t-muted:#5F6672;--t-line:#E3E5E9;--t-line2:#EEF0F2;--t-bg:#F6F7F9;
  --t-side:#15181E;--t-side2:#1C2028;--t-side-text:#A7AEBA;--t-ok:#157F3B;--t-r:10px;--t-r-sm:8px;
  --t-font:'IBM Plex Sans','Segoe UI',system-ui,-apple-system,sans-serif;--t-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --navy:var(--t-side);--navy2:var(--t-side2);--navy3:#2A2F38;--ink:var(--t-ink);--or:var(--t-btn);--or-h:var(--t-btn-h);
  --blue:#1D5FD0;--bg:var(--t-bg);--line:var(--t-line);--muted:var(--t-muted);--font:var(--t-font);--mono:var(--t-mono);
}
body.adm{font-family:var(--t-font);color:var(--t-text);background:var(--t-bg);letter-spacing:-.003em}
.mono{font-family:var(--t-mono)}
h1,h2,h3,.h4,.h5,.h6{color:var(--t-ink)}
:focus-visible{outline:2px solid var(--t-brand)}
.form-control:focus,.form-select:focus{border-color:var(--t-ink);box-shadow:0 0 0 3px rgba(20,23,29,.08)}

/* Sidebar */
.aside{background:var(--t-side);border-right:1px solid rgba(255,255,255,.04);width:248px;padding:18px 12px}
.amain{margin-left:248px}
.logo-t{font-weight:700;font-size:21px;letter-spacing:-.04em}
.dots{grid-template-columns:repeat(3,5px);gap:3px}.dots i{width:5px;height:5px;background:var(--t-brand)}
.dots i:nth-child(2),.dots i:nth-child(6),.dots i:nth-child(7){background:#F4A27A}
.aside-tag{border-radius:5px;letter-spacing:.04em;font-weight:600}
.anav-h{letter-spacing:.04em;text-transform:none;font-size:12px;font-weight:600;color:#6E7581;padding:16px 12px 6px}
.anav a{min-height:38px;border-radius:7px;font-weight:500;color:#C4C9D2;font-size:14px}
.anav a:hover{background:rgba(255,255,255,.05);color:#fff}
.anav a.on{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 2px 0 0 var(--t-brand)}
.anav em{background:var(--t-btn);color:#fff;border-radius:5px;font-weight:600}
.anav a.on em{background:var(--t-btn);color:#fff}
.me-av{background:#2A2F38;color:#fff;font-weight:600}
.pbal{background:var(--t-side2);border-radius:var(--t-r)}
.pbal b{font-weight:600}

/* Top bar */
.atop{height:64px;border-bottom:1px solid var(--t-line)}
.atop h1{font-size:19px;font-weight:600}
.aburger{border-radius:var(--t-r-sm)}

/* Komponentlər */
.ac{border-radius:var(--t-r);box-shadow:0 1px 2px rgba(20,23,29,.04)}
.ac-h h2{font-weight:600;font-size:16px}
.kpi b{font-weight:600;letter-spacing:-.03em}
.kpi small{font-weight:500}
.kpi span{font-weight:500}
.kpi.dark{background:var(--t-side);border-color:var(--t-side)}
.kpi.dark span{color:#F08A5D!important}
.abtn{height:40px;padding:0 16px;border-radius:var(--t-r-sm);font-weight:600}
.abtn-s{height:34px;padding:0 12px;border-radius:7px}
.abtn-o{background:var(--t-btn);color:#fff}.abtn-o:hover{background:var(--t-btn-h);color:#fff}
.abtn-n{background:var(--t-ink)}.abtn-n:hover{background:#2A2F38}
.abtn-l{border-color:#CFD3D9}
.abadge{border-radius:5px;font-weight:600}
.b-or{background:#FDEBE1;color:#9A3412}
.aflash{border-radius:var(--t-r-sm);font-weight:500}
.atbl th{letter-spacing:.03em;font-weight:600;background:var(--t-bg)}
.form-control,.form-select{border-color:#CFD3D9;border-radius:var(--t-r-sm);min-height:42px}
.flbl{font-weight:600}
.bar i{background:var(--t-ink)}
.apg{border-radius:7px}.apg.on{background:var(--t-ink)}
.bub.mine{background:var(--t-ink);border-color:var(--t-ink)}
.bub{border-radius:var(--t-r)}
.period-opt label{border-radius:var(--t-r)}
.period-opt label:has(input:checked){border-color:var(--t-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--t-ink)}
.osum-total{font-weight:600}
.req{border-radius:var(--t-r-sm)}

/* Giriş səhifələri: düz fon, effektsiz */
.aauth{background:var(--t-bg);background-image:none}
.authbox{border-radius:12px;border:1px solid var(--t-line);box-shadow:0 12px 40px rgba(20,23,29,.08)}
.authbox .logo{color:var(--t-ink)}
.authbox h1{font-weight:600}

/* Müştəri paneli: mobil alt menyu */
.pbnav{display:none}
@media(max-width:900px){
  .amain{margin-left:0}
  body.has-pbnav{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
  .pbnav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(255,255,255,.97);border-top:1px solid var(--t-line);padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
  .pbnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:62px;color:#6B717C;font-size:11px;font-weight:500;text-decoration:none}
  .pbnav a svg{width:22px;height:22px;stroke-width:1.7}
  .pbnav a[aria-current="page"]{color:var(--t-ink);font-weight:600}
  .pbnav a[aria-current="page"]::before{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;background:var(--t-brand)}
  .pbnav em{position:absolute;top:8px;left:calc(50% + 6px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--t-btn);color:#fff;font-style:normal;font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center}
}

/* ---------- Theme 3 uyğunluğu: royal blue + narıncı ---------- */
:root{--t-side:#0A1A44;--t-side2:#11265E;--t-btn:#D9480F;--t-btn-h:#C2410C;--t-brand:#D9480F;--blue:#1D3FBF;--t-font:'Manrope','Segoe UI',system-ui,sans-serif;--font:var(--t-font)}
body.adm{font-family:var(--t-font)}
.aside{background:var(--t-side)}
.logo-t b{color:#FFB78A}
.anav a.on{background:#1D3FBF;color:#fff;box-shadow:none}
.anav a:hover{background:rgba(255,255,255,.07)}
.anav-h{color:#7D8DB8}
.kpi.dark{background:var(--t-side);border-color:var(--t-side)}
.kpi.dark span{color:#FFB020!important}
.abtn-o{background:var(--t-btn)}.abtn-o:hover{background:var(--t-btn-h)}
.abtn-n{background:#1D3FBF}.abtn-n:hover{background:#2449D6}
.bub.mine{background:#1D3FBF;border-color:#1D3FBF}
.apg.on,.bar i{background:#1D3FBF}
.period-opt label:has(input:checked){border-color:#1D3FBF;box-shadow:inset 0 0 0 1px #1D3FBF;background:#EEF2FF}
.pbnav a[aria-current="page"]{color:#1D3FBF}.pbnav a[aria-current="page"]::before{background:#1D3FBF}
.aauth{background:linear-gradient(90deg,rgba(8,19,51,.95),rgba(8,19,51,.75)),url('/assets/img/hero-baku-1200.jpg') center/cover no-repeat}
.authbox{border:0}