/* AVTO BOSS — SOFT LIGHT REJIMI (2026-11-13, 3-bosqich). Ko'zni qamashtirmaydigan och rejim: sof oq emas, yumshoq kulrang-ko'k fon.
   Faqat html[data-ab-tema="light"] da ishlaydi; Dark Premium (standart) ga tegmaydi. Joylashuv va funksiyalar o'zgarmaydi.
   Test oynasining och ranglari — modullar\mavzu\sahifa\premium.css (2-bo'lim) dan olinadi. */

/* ===== rejim tugmasi (ikkala rejimda) ===== */
.ab-tema-sw{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:11px;background:rgba(127,127,127,.12);border:1px solid var(--line);flex:none}
.ab-tema-sw button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:13px;padding:6px 10px;border-radius:8px;line-height:1}
.ab-tema-sw button svg{width:16px;height:16px;flex:none}
.ab-tema-sw button:hover{color:var(--ink)}
.ab-tema-sw button.on{background:var(--glass-2);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.25)}
@media (max-width:760px){.ab-tema-sw button span{display:none}.ab-tema-sw button{padding:7px 8px}}

/* ===== telefon: yuqori panel ekranga sig'adi (ikkala rejimda). 1-qator: logotip · rejim · Chiqish; 2-qator: o'quvchi ===== */
@media (max-width:760px){
  header.top{flex-wrap:wrap;gap:8px 10px;padding:10px 12px}
  header.top .brand img{width:38px;height:38px}
  header.top .brand .w{font-size:18px}
  header.top .brand .s{display:none}
  header.top .sp{display:none}
  header.top .ab-tema-sw{margin-left:auto}
  header.top .brand{gap:8px}
  header.top .brand img{width:34px;height:34px}
  header.top .brand .w{font-size:16px}
  header.top .exit{padding:7px 10px;font-size:14px;gap:6px}
  header.top .chip{order:5;width:100%;min-width:0;padding-right:10px}
  header.top .chip .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #resumeBar{flex-wrap:wrap;gap:10px 12px}
  #resumeBar>div{flex:1 1 calc(100% - 50px);min-width:0}
  #resumeBar>.sp{display:none}
  #resumeBar>button{flex:1 1 40%;position:static!important;min-height:44px}
}
@media (max-width:430px){header.top .brand .w{display:none}header.top .ab-tema-sw button{padding:6px 7px}}
@media (max-width:330px){header.top .exit{font-size:0;gap:0}header.top .exit svg{width:18px;height:18px}}

/* ===== 1) asosiy ranglar ===== */
html[data-ab-tema="light"]{
  --bg0:#EEF1F5; --bg1:#E7EBF1; --bg2:#DCE2EA;
  --glass:rgba(250,251,253,.92); --glass-2:rgba(255,255,255,.96); --line:rgba(27,36,49,.10); --line-2:rgba(27,36,49,.18);
  --red:#B8262C; --red-2:#B8262C; --red-d:#8F1D22;
  --blue:#2F5FB8; --blue-2:#2F5FB8; --cyan:#2B7FA6;
  --green:#24734F; --green-2:#24734F;
  --amber:#A8741F; --gold:#9C7A2E;
  --ink:#1B2431; --ink-2:#3F4A5C; --muted:#66717F;
  color-scheme:light;
}
html[data-ab-tema="light"] body{color:var(--ink);background:
    radial-gradient(1100px 620px at 85% -10%, rgba(156,122,46,.08), transparent 60%),
    radial-gradient(900px 520px at -5% 115%, rgba(184,38,44,.06), transparent 62%),
    linear-gradient(160deg, #F2F4F7 0%, #E9EDF2 55%, #E3E8EE 100%) fixed!important}
html[data-ab-tema="light"] body::before{opacity:.10!important}
html[data-ab-tema="light"] body::after{opacity:.06!important}
html[data-ab-tema="light"] ::selection{background:rgba(156,122,46,.25)}

/* yuqori panel, kartochkalar */
html[data-ab-tema="light"] .top{background:linear-gradient(180deg,rgba(248,249,251,.96),rgba(242,244,247,.85));border-bottom-color:var(--line)}
html[data-ab-tema="light"] .glass{box-shadow:0 10px 30px rgba(27,36,49,.08),inset 0 1px 0 rgba(255,255,255,.7)}
html[data-ab-tema="light"] .chip .av{color:#fff}
html[data-ab-tema="light"] .exit{border-color:rgba(184,38,44,.35);background:rgba(184,38,44,.07);color:#8F1D22}
html[data-ab-tema="light"] .exit:hover{background:rgba(184,38,44,.16);color:#6E1519}
html[data-ab-tema="light"] .ab-tema-sw button.on{box-shadow:0 1px 3px rgba(27,36,49,.18)}

/* tugmalar, maydonlar */
html[data-ab-tema="light"] .btn.ghost{background:rgba(27,36,49,.04);border-color:var(--line-2);color:var(--ink)}
html[data-ab-tema="light"] .btn.ghost:hover{background:rgba(27,36,49,.09)}
html[data-ab-tema="light"] input.field,html[data-ab-tema="light"] select.field,html[data-ab-tema="light"] textarea.field{background:#FFFFFF;border-color:var(--line-2);color:var(--ink)}
html[data-ab-tema="light"] select.field option{background:#FFFFFF;color:var(--ink)}
html[data-ab-tema="light"] input,html[data-ab-tema="light"] select,html[data-ab-tema="light"] textarea{color-scheme:light}

/* holat belgilari (to'q fonga mo'ljallangan och ranglar — och fonda o'qiladigan qilib) */
html[data-ab-tema="light"] .tag.ok{background:rgba(36,115,79,.12);color:#1D6343}
html[data-ab-tema="light"] .tag.bad{background:rgba(184,38,44,.10);color:#9A2025}
html[data-ab-tema="light"] .tag.run{background:rgba(168,116,31,.13);color:#7E5714}
html[data-ab-tema="light"] .tag.info{background:rgba(47,95,184,.11);color:#2A5099}
html[data-ab-tema="light"] .tag.dim{background:rgba(27,36,49,.06);color:var(--muted)}
html[data-ab-tema="light"] .pill{background:rgba(27,36,49,.06);color:var(--ink-2)}
html[data-ab-tema="light"] .pill.ok{background:rgba(36,115,79,.12);color:#1D6343}
html[data-ab-tema="light"] .pill.bad{background:rgba(184,38,44,.10);color:#9A2025}
html[data-ab-tema="light"] .pill.run{background:rgba(168,116,31,.13);color:#7E5714}
html[data-ab-tema="light"] .lvl.new{color:#5F6B7D}html[data-ab-tema="light"] .lvl.bronze{color:#9A5A22}html[data-ab-tema="light"] .lvl.silver{color:#5B6676}
html[data-ab-tema="light"] .lvl.gold{color:#8C6A12}html[data-ab-tema="light"] .lvl.platinum{color:#1F7A8C}html[data-ab-tema="light"] .lvl.diamond{color:#2F5FB8}html[data-ab-tema="light"] .lvl.champion{color:#B8262C}
html[data-ab-tema="light"] .ccard .best.g{color:#1D6343}html[data-ab-tema="light"] .ccard .best.y{color:#7E5714}html[data-ab-tema="light"] .ccard .best.r{color:#9A2025}

/* modal, xabar */
html[data-ab-tema="light"] .modal{background:rgba(27,36,49,.35)}
html[data-ab-tema="light"] .toast{background:#1B2431;color:#F2F4F7}

/* o'quvchi kabineti: progress va grafiklar */
html[data-ab-tema="light"] .ring{background:conic-gradient(var(--red) calc(var(--p)*1%),rgba(27,36,49,.08) 0)}
html[data-ab-tema="light"] .ring i{background:#F5F6F8}
html[data-ab-tema="light"] .mbar .b{background:rgba(27,36,49,.08)}
html[data-ab-tema="light"] .subinfo{background:rgba(27,36,49,.05)}
html[data-ab-tema="light"] .subinfo.bad{background:rgba(184,38,44,.09)}
html[data-ab-tema="light"] .resume{color:var(--ink)}

/* o'quvchi kabineti: kartochkalar (index.html dagi qattiq yozilgan oq matn va to'q fonga mo'ljallangan och ranglar) */
html[data-ab-tema="light"] .tile .go{color:var(--red)}
html[data-ab-tema="light"] .tile:hover{border-color:rgba(27,36,49,.22)}
html[data-ab-tema="light"] .tile.okt{border-color:rgba(184,38,44,.35);background:linear-gradient(135deg,rgba(184,38,44,.13),rgba(255,255,255,.94) 62%)}
html[data-ab-tema="light"] .tile.okt::after{background:rgba(184,38,44,.08)}
html[data-ab-tema="light"] .tile.okt h3,html[data-ab-tema="light"] .tile.okt p{color:var(--ink)}
html[data-ab-tema="light"] .tile.tex .ic{background:rgba(184,38,44,.10);color:#B8262C}
html[data-ab-tema="light"] .tile.top .ic{background:rgba(36,115,79,.12);color:#1D6343}
html[data-ab-tema="light"] .tile.rev .ic{background:rgba(168,116,31,.13);color:#8A5F15}
html[data-ab-tema="light"] .tile.lead .ic{background:rgba(156,122,46,.13);color:#7E6120}
html[data-ab-tema="light"] .tile.mine .ic{background:rgba(47,95,184,.12);color:#2A5099}
html[data-ab-tema="light"] .bres .title.loss{color:#9A2025}html[data-ab-tema="light"] .bres .title.draw{color:#5B6676}html[data-ab-tema="light"] .bres .title.quit{color:#7E5714}
html[data-ab-tema="light"] .c-ok,html[data-ab-tema="light"] .delta.up,html[data-ab-tema="light"] .stamp.pass,html[data-ab-tema="light"] .tc .best.g{color:#1D6343}
html[data-ab-tema="light"] .c-bad,html[data-ab-tema="light"] .delta.dn,html[data-ab-tema="light"] .stamp.fail,html[data-ab-tema="light"] .tc .best.r{color:#9A2025}
html[data-ab-tema="light"] .stamp.stop,html[data-ab-tema="light"] .tc .best.y{color:#7E5714}
html[data-ab-tema="light"] .grpbadge{background:rgba(47,95,184,.11);color:#2A5099}
html[data-ab-tema="light"] .rank.r2{color:#5B6676}html[data-ab-tema="light"] .rank.r3{color:#9A5A22}

/* o'qituvchi paneli: chap menyu */
html[data-ab-tema="light"] nav#nav{background:rgba(255,255,255,.55)}
html[data-ab-tema="light"] #nav button{color:var(--ink-2)}
html[data-ab-tema="light"] #nav button:hover{background:rgba(27,36,49,.06);color:var(--ink)}
html[data-ab-tema="light"] #nav button.on{background:linear-gradient(90deg,rgba(184,38,44,.14),rgba(184,38,44,.04));color:#8F1D22;box-shadow:inset 0 0 0 1px rgba(184,38,44,.28)}

/* o'qituvchi paneli: tanlangan ro'yxat tugmalari (guruhlar, mavzular), holat ranglari */
html[data-ab-tema="light"] .glist button.on,html[data-ab-tema="light"] .topics button.t.on{color:#8F1D22}
html[data-ab-tema="light"] .pl-ok,html[data-ab-tema="light"] .qitem .ok,html[data-ab-tema="light"] .newid b,html[data-ab-tema="light"] .mt td.p.g{color:#1D6343}
html[data-ab-tema="light"] .pl-bad,html[data-ab-tema="light"] .mt td.p.r{color:#9A2025}
html[data-ab-tema="light"] .mt td.p.y{color:#7E5714}
html[data-ab-tema="light"] .pl-chips span.ok{background:rgba(36,115,79,.12);color:#1D6343}
html[data-ab-tema="light"] .pl-chips span.bad{background:rgba(184,38,44,.10);color:#9A2025}
html[data-ab-tema="light"] .btn.green{background:linear-gradient(180deg,#2E8B62,#1F6B4A)}

/* inline uslubdagi (style="color:...") to'q fonga mo'ljallangan ranglar — och fonda o'qiladigan rangga */
/* («i» — katta/kichik harf farqi yo'q: #4ADE80 va #4ade80 ikkalasi ham) */
html[data-ab-tema="light"] .pl-k b[style*="#fff" i]{color:var(--ink)!important}
html[data-ab-tema="light"] [style*="color:#4ADE80" i],html[data-ab-tema="light"] [style*="color:#22C55E" i],html[data-ab-tema="light"] [style*="color:#86EFAC" i]{color:#1D6343!important}
html[data-ab-tema="light"] [style*="color:#F87171" i],html[data-ab-tema="light"] [style*="color:#FCA5A5" i],html[data-ab-tema="light"] [style*="color:#FF5A5E" i]{color:#9A2025!important}
html[data-ab-tema="light"] [style*="color:#FBBF24" i],html[data-ab-tema="light"] [style*="color:#FCD34D" i],html[data-ab-tema="light"] [style*="color:#F5C518" i]{color:#7E5714!important}
html[data-ab-tema="light"] [style*="color:#93C5FD" i],html[data-ab-tema="light"] [style*="color:#60A5FA" i],html[data-ab-tema="light"] [style*="color:#67E8F9" i]{color:#2A5099!important}
html[data-ab-tema="light"] [style*="color:#CBD5E1" i],html[data-ab-tema="light"] [style*="color:#E2E8F0" i]{color:var(--ink-2)!important}
html[data-ab-tema="light"] .addr b{color:#9A2025}