/* rag.az admin — saytla eyni dizayn sistemi */
:root{--navy:#071330;--navy2:#0F1E44;--navy3:#1D3166;--ink:#0B1736;--or:#FF8A00;--or-h:#FFA033;--blue:#2D5BFF;--bg:#F4F6FB;--line:#E3E8F2;--muted:#5A6785;--font:'Manrope','Segoe UI',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace}
body.adm{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:var(--blue);text-decoration:none}a:hover{color:#C25E00}
.mono{font-family:var(--mono)}
:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.form-control:focus,.form-select:focus{border-color:var(--or);box-shadow:0 0 0 .2rem rgba(255,138,0,.2)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}

/* Sidebar */
.aside{position:fixed;inset:0 auto 0 0;width:256px;background:var(--navy);color:#C9D3EA;display:flex;flex-direction:column;z-index:40;padding:20px 14px;padding-top:max(20px,env(safe-area-inset-top));overflow-y:auto;transition:transform .2s}
.aside-top{display:flex;align-items:center;justify-content:space-between;padding:0 8px 18px}
.logo{display:flex;align-items:center;gap:10px;color:#fff}.logo:hover{color:#fff}
.dots{display:grid;grid-template-columns:repeat(3,6px);gap:3px}.dots i{display:block;width:6px;height:6px;border-radius:50%;background:var(--or)}
.dots i:nth-child(2),.dots i:nth-child(6),.dots i:nth-child(7){background:#FFC27A}
.logo-t{font-weight:800;font-size:22px;letter-spacing:-.03em}.logo-t b{color:var(--or)}
.aside-tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8193B9;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:3px 7px}
.anav{display:flex;flex-direction:column;gap:2px;flex:1}
.anav-h{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6B7DA6;font-weight:800;padding:14px 12px 6px;margin:0}
.anav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;border-radius:10px;color:#C9D3EA;font-weight:700;font-size:14px}
.anav a:hover{background:rgba(255,255,255,.06);color:#fff}
.anav a.on{background:var(--or);color:var(--ink)}
.anav a span{flex:1}
.anav em{font-style:normal;font-size:11.5px;font-weight:800;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--or);color:var(--ink);display:flex;align-items:center;justify-content:center}
.anav a.on em{background:var(--ink);color:#fff}
.aside-me{border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:14px}
.me{display:flex;align-items:center;gap:10px;color:#fff;padding:4px}.me:hover{color:#fff}
.me-av{width:38px;height:38px;border-radius:50%;background:var(--or);color:var(--ink);font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.me b{display:block;font-size:14px}.me small{color:#8193B9;font-size:12.5px}

/* Main */
.amain{margin-left:256px;min-height:100vh;display:flex;flex-direction:column}
.atop{display:flex;align-items:center;gap:14px;height:72px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.atop h1{font-size:21px;font-weight:800;margin:0;letter-spacing:-.02em}
.aburger{display:none;width:44px;height:44px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink);align-items:center;justify-content:center}
.acontent{padding:28px;display:flex;flex-direction:column;gap:20px;max-width:1400px;width:100%}

/* Cards / UI */
.ac{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 6px rgba(11,23,54,.04)}
.ac-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #EEF1F6}
.ac-h h2{font-size:16.5px;font-weight:800;margin:0}
.ac-b{padding:20px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kpi{padding:20px;color:var(--ink)}.kpi:hover{color:var(--ink)}
.kpi small{display:block;color:var(--muted);font-weight:700;font-size:13.5px}
.kpi b{display:block;font-size:32px;font-weight:800;letter-spacing:-.02em;margin-top:6px}
.kpi span{font-size:13px;font-weight:700}
.kpi.dark{background:var(--navy);color:#fff;border-color:var(--navy)}.kpi.dark small{color:#9FB0D3}
.g2a{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:20px;align-items:start}
.g2e{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.abtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}
.abtn-o{background:var(--or);color:var(--ink)}.abtn-o:hover{background:var(--or-h);color:var(--ink)}
.abtn-n{background:var(--ink);color:#fff}.abtn-n:hover{background:#1A2D5E;color:#fff}
.abtn-l{background:#fff;color:var(--ink);border-color:#D5DCEA}.abtn-l:hover{border-color:var(--ink);color:var(--ink)}
.abtn-d{background:#fff;color:#B42318;border-color:#F3C5C0}.abtn-d:hover{background:#FEF3F2;color:#B42318}
.abtn-g{background:transparent;color:#E6ECF8;border-color:rgba(255,255,255,.18)}.abtn-g:hover{background:rgba(255,255,255,.06);color:#fff}
.abtn-s{height:36px;padding:0 12px;border-radius:10px;font-size:13px}
.abadge{display:inline-flex;align-items:center;font-size:12px;font-weight:800;padding:4px 9px;border-radius:999px;white-space:nowrap}
.b-or{background:#FFEDD5;color:#9A3A05}.b-bl{background:#EEF2FF;color:var(--blue)}.b-ok{background:#DCFCE7;color:#166534}.b-gr{background:#EEF1F6;color:#475467}.b-rd{background:#FEE4E2;color:#B42318}
.aflash{padding:14px 18px;border-radius:14px;font-weight:700}
.aflash.ok{background:#ECFDF3;border:1px solid #ABEFC6;color:#166534}.aflash.err{background:#FFF4E5;border:1px solid #FFD8A8;color:#7A3005}

/* Tables */
.atbl{overflow-x:auto}
.atbl table{width:100%;border-collapse:collapse;margin:0}
.atbl th{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:800;text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap;background:#FAFBFD}
.atbl td{padding:14px 16px;border-bottom:1px solid #EEF1F6;font-size:14.5px;vertical-align:middle}
.atbl tr:last-child td{border-bottom:0}
.atbl tbody tr:hover td{background:#F8FAFD}
.atbl .nw{white-space:nowrap}
.atbl .r{text-align:right}
.trunc{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.empty{padding:44px 20px;text-align:center;color:var(--muted)}
.empty b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}

/* Forms */
.flbl{display:block;font-size:13px;font-weight:700;color:#475467;margin-bottom:6px}
.fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-control,.form-select{border-color:#D5DCEA;border-radius:11px;min-height:44px;font-family:inherit}
textarea.form-control{min-height:110px}
.fhint{font-size:12.5px;color:var(--muted);margin-top:5px}
.fcount{font-size:12px;font-weight:700;color:var(--muted);float:right}
.fcount.bad{color:#B42318}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
.filters .form-control,.filters .form-select{min-width:160px}

/* Google snippet preview */
.gprev{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#fff;font-family:Arial,sans-serif}
.gprev .gu{font-size:13px;color:#202124}.gprev .gt{font-size:19px;color:#1a0dab;margin:4px 0;line-height:1.3}.gprev .gd{font-size:14px;color:#4d5156;line-height:1.5}

/* Lead detail */
.thread{display:flex;flex-direction:column;gap:12px}
.bub{padding:14px 16px;border-radius:14px;background:#F4F6FB;border:1px solid var(--line);max-width:92%}
.bub.mine{align-self:flex-end;background:var(--navy);color:#fff;border-color:var(--navy)}
.bub small{display:block;font-size:12px;opacity:.7;margin-bottom:4px;font-weight:700}
.bub p{margin:0;white-space:pre-wrap;line-height:1.6}
.kv{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px 14px;font-size:14.5px}
.kv dt{color:var(--muted);font-weight:700}.kv dd{margin:0;overflow-wrap:anywhere}
.note{padding:12px 14px;border-radius:12px;background:#FFFBEB;border:1px solid #FDE68A;font-size:14px}
.note small{display:block;color:#92400E;font-weight:700;margin-bottom:2px}

/* Bars */
.bar{height:8px;border-radius:4px;background:#EEF1F6;overflow:hidden}.bar i{display:block;height:8px;background:var(--or);border-radius:4px}

/* Pager */
.apg{min-width:36px;height:36px;border-radius:9px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--ink);background:#fff}
.apg.on{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Auth pages */
.aauth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--navy);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:56px 56px}
.authbox{width:100%;max-width:420px;background:#fff;border-radius:22px;padding:32px;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.authbox .logo{color:var(--ink);margin-bottom:22px}
.authbox h1{font-size:22px;font-weight:800;margin:0 0 6px}
.authbox p{color:var(--muted);margin:0 0 20px}
.otp{font-family:var(--mono);font-size:26px;letter-spacing:.4em;text-align:center}

/* Responsive */
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.g2a,.g2e{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){
  .aside{transform:translateX(-100%);box-shadow:0 0 60px rgba(0,0,0,.4)}
  .aside.open{transform:none}
  .amain{margin-left:0}
  .aburger{display:inline-flex}
  .atop{padding:0 16px}
  .acontent{padding:16px}
}
@media(max-width:560px){.kpis,.fgrid{grid-template-columns:minmax(0,1fr)}.kv{grid-template-columns:minmax(0,1fr)}.kv dt{margin-top:6px}}
@media(max-width:900px){.aside{box-shadow:none}.aside.open{box-shadow:0 0 60px rgba(0,0,0,.4)}}
@media(max-width:560px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpi{padding:16px}.kpi b{font-size:26px}}