/* ═══════════════════════════════════════════════════════════
   TERAN ILDIZ — css/colors.css  (v16 — DIZAYN QATLAMI)
   ────────────────────────────────────────────────────────────
   • Har KATEGORIYA o'z rangi va RANGLI SOYASI bilan ajraladi
     (sodda asos: kumush–qora–oq, aqua va boshqa toza urg'ular)
   • Tugmalar (kirish/chiqish/yopish) — katta, ajralib turadigan, qulay
   • iOS/Android safe-area (kamera o'ymasi, home-indikator) hisobga olinadi
   • Yumshoq animatsiyalar (sekin internetda ham silliq)
   • Universal responsiv — telefon, planshet, PC avtomatik moslashadi
   Bu fayl style.css/premium.css dan KEYIN yuklanadi (ustun keladi).
   ═══════════════════════════════════════════════════════════ */

/* ── 1) KATEGORIYA RANGLARI ─────────────────────────────────
   Har kategoriyaga: --cc (asosiy), --cd (to'q jufti — gradient uchun),
   --cg (yumshoq nur/soya). Standart qiymat birinchi turadi —
   keyingi aniq kategoriyalar uni bosib o'tadi (xuddi shu spetsifiklik). */
[data-cat], [data-side] { --cc:#0abab5; --cd:#067e7a; --cg:rgba(10,186,181,.30); }
[data-cat="all"]            { --cc:#c9a96a; --cd:#8a6f3c; --cg:rgba(201,169,106,.30); }
[data-cat="tabanniy"]       { --cc:#0abab5; --cd:#067e7a; --cg:rgba(10,186,181,.30); }    /* Tiffany blue */
[data-cat="nontabanniy"]    { --cc:#6e7bdb; --cd:#3d3a8c; --cg:rgba(110,123,219,.30); }   /* cyber violet */
[data-cat="quron-audio"]    { --cc:#7ec98a; --cd:#3a6b46; --cg:rgba(126,201,138,.30); }   /* luminous moss */
[data-cat="quron"]          { --cc:#7ec98a; --cd:#3a6b46; --cg:rgba(126,201,138,.30); }   /* luminous moss */
[data-cat="audio"]          { --cc:#8b6fd6; --cd:#4f3a93; --cg:rgba(139,111,214,.30); }   /* charcoal violet */
[data-cat="savol-javob"]    { --cc:#0abab5; --cd:#067e7a; --cg:rgba(10,186,181,.30); }    /* Tiffany blue */
[data-cat="ar-roya"]        { --cc:#e0a458; --cd:#a8631f; --cg:rgba(224,164,88,.28); }    /* vulcanico amber */
[data-cat="alvay"]          { --cc:#d65a6e; --cd:#8c2f3f; --cg:rgba(214,90,110,.28); }    /* notturno rose */
[data-cat="konstitutsiya"]  { --cc:#a8b4c4; --cd:#5a6678; --cg:rgba(168,180,196,.30); }   /* cyber line silver */
[data-cat="burana"]         { --cc:#e0925a; --cd:#a14e1f; --cg:rgba(224,146,90,.28); }    /* vulcanico ember */
[data-cat="najot"]          { --cc:#4fa7e0; --cd:#1f5d96; --cg:rgba(79,167,224,.30); }    /* deep sky */
[data-cat="yt-ongli"]       { --cc:#e8546b; --cd:#971f37; --cg:rgba(232,84,107,.28); }    /* YouTube */
[data-cat="yt-najot"]       { --cc:#e23c50; --cd:#841b2c; --cg:rgba(226,60,80,.26); }
[data-cat="yt-azat"]        { --cc:#d65a8f; --cd:#8c2f59; --cg:rgba(214,90,143,.28); }
[data-cat="yt-muhsin"]      { --cc:#52c98c; --cd:#236b48; --cg:rgba(82,201,140,.28); }
[data-cat="yt-ilmnuri"]     { --cc:#e0b052; --cd:#9c6c14; --cg:rgba(224,176,82,.28); }
[data-cat="yt-abubakr"]     { --cc:#9bd65a; --cd:#5a8c1f; --cg:rgba(155,214,90,.28); }
[data-cat="saved"]          { --cc:#e069a8; --cd:#962f6e; --cg:rgba(224,105,168,.28); }   /* saqlangan */
/* data-side (yon menyu) ham xuddi shu ranglar */
[data-side="all"]           { --cc:#c9a96a; --cd:#8a6f3c; --cg:rgba(201,169,106,.30); }
[data-side="tabanniy"]      { --cc:#0abab5; --cd:#067e7a; --cg:rgba(10,186,181,.30); }
[data-side="nontabanniy"]   { --cc:#6e7bdb; --cd:#3d3a8c; --cg:rgba(110,123,219,.30); }
[data-side="quron-audio"]   { --cc:#7ec98a; --cd:#3a6b46; --cg:rgba(126,201,138,.30); }
[data-side="quron"]         { --cc:#7ec98a; --cd:#3a6b46; --cg:rgba(126,201,138,.30); }
[data-side="audio"]         { --cc:#8b6fd6; --cd:#4f3a93; --cg:rgba(139,111,214,.30); }
[data-side="savol-javob"]   { --cc:#0abab5; --cd:#067e7a; --cg:rgba(10,186,181,.30); }
[data-side="ar-roya"]       { --cc:#e0a458; --cd:#a8631f; --cg:rgba(224,164,88,.28); }
[data-side="alvay"]         { --cc:#d65a6e; --cd:#8c2f3f; --cg:rgba(214,90,110,.28); }
[data-side="konstitutsiya"] { --cc:#a8b4c4; --cd:#5a6678; --cg:rgba(168,180,196,.30); }
[data-side="burana"]        { --cc:#e0925a; --cd:#a14e1f; --cg:rgba(224,146,90,.28); }
[data-side="najot"]         { --cc:#4fa7e0; --cd:#1f5d96; --cg:rgba(79,167,224,.30); }
[data-side="yt-ongli"]      { --cc:#e8546b; --cd:#971f37; --cg:rgba(232,84,107,.28); }
[data-side="yt-najot"]      { --cc:#e23c50; --cd:#841b2c; --cg:rgba(226,60,80,.26); }
[data-side="yt-azat"]       { --cc:#d65a8f; --cd:#8c2f59; --cg:rgba(214,90,143,.28); }
[data-side="yt-muhsin"]     { --cc:#52c98c; --cd:#236b48; --cg:rgba(82,201,140,.28); }
[data-side="yt-ilmnuri"]    { --cc:#e0b052; --cd:#9c6c14; --cg:rgba(224,176,82,.28); }
[data-side="yt-abubakr"]    { --cc:#9bd65a; --cd:#5a8c1f; --cg:rgba(155,214,90,.28); }
[data-side="saved"]         { --cc:#e069a8; --cd:#962f6e; --cg:rgba(224,105,168,.28); }


/* ── 2) KATEGORIYA TUGMALARI (catbar + yon menyu) ──────────
   Ikonkа har doim o'z rangida → bir qarashda farqlanadi. */
#catbar .nc:not(.on) i,
.side-panel .side-item:not(.on) i {
  color: var(--cc, currentColor) !important;
  opacity: .95;
}
#catbar .nc:not(.on):hover,
.side-panel .side-item:not(.on):hover {
  border-color: var(--cc) !important;
  box-shadow: 0 4px 18px -4px var(--cg) !important;   /* RANGLI SOYA */
  transform: translateY(-1px);
}
/* Faol tugma — o'z rangidagi to'ldirish va rangli nur */
#catbar .nc.on,
.side-panel .side-item.on {
  background: linear-gradient(135deg, var(--cc), var(--cd)) !important;
  border-color: var(--cc) !important;
  color: #fff !important;
  box-shadow: 0 6px 22px -6px var(--cg), 0 2px 8px rgba(0,0,0,.25) !important;
}
#catbar .nc.on i, .side-panel .side-item.on i { color:#fff !important; }
/* Faol tugma matni doim oq — rangli fonda aniq o'qiladi */
#catbar .nc.on .cat-label, .side-panel .side-item.on .cat-label { color:#fff !important; }

/* ── 3) KARTOCHKALAR — kategoriya rangi + rangli soya ──────
   #grid[data-cat] dan rang meros bo'ladi (main.js navTo qo'yadi). */
#grid .card { position: relative; }
#grid .card::before {                       /* yupqa rangli ustki chiziq */
  content:''; position:absolute; top:0; left:14px; right:14px; height:2px;
  border-radius:0 0 4px 4px;
  background: var(--cc, transparent);
  opacity:.55; transition:opacity .2s, left .2s, right .2s;
}
#grid .card:hover::before { opacity:1; left:8px; right:8px; }
#grid .card:hover,
#grid .card:focus-visible {
  border-color: var(--cc, var(--gold)) !important;
  box-shadow: 0 14px 38px -12px var(--cg, rgba(0,0,0,.35)),
              0 4px 14px rgba(0,0,0,.18) !important;
  transform: translateY(-4px);
}
/* Muqova ikonkasi va badge — kategoriya rangida */
#grid .card .cov i { color: var(--cc, var(--gold)); }
#grid .card .badge, #grid .card .tag { border-color: var(--cg); }
/* Yangiliklar/YouTube gridlari ham (ti-news-card / yt kartalar) */
#grid .ti-news-card:hover {
  border-color: var(--cc) !important;
  box-shadow: 0 14px 38px -12px var(--cg) !important;
}

/* ── 4) AQUA URG'U — butun ilova bo'ylab nozik premium teginishlar ── */
:root { --aqua:#22d3ee; --aqua-g:rgba(34,211,238,.25); }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--aqua) !important;
  outline-offset: 2px;
  border-radius: 8px;
}
::selection { background: var(--aqua-g); }
input[type="range"]::-webkit-slider-thumb { box-shadow: 0 0 0 4px var(--aqua-g); }

/* ── 5) KIRISH/CHIQISH/YOPISH TUGMALARI — qulay va ARALASHMAYDIGAN ──
   Muammo: tor ekranda tugmalar bir-birining ustiga chiqib ketardi.
   Yechim: barcha ustki panellar qat'iy flex + gap + flex-shrink,
   sarlavha qisqaradi (ellipsis), tugmalar HECH QACHON qisilmaydi. */
.rdr-top, .ap-head, .ti-yt-bar, .art-bar, #artRdr .art-top {
  display:flex !important; align-items:center !important;
  gap:10px !important; flex-wrap:nowrap !important;
  min-width:0;
}
.rdr-title, .ti-yt-htitle, .ap-album-name, .art-title {
  flex:1 1 auto !important; min-width:0 !important;
  overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important;
}
.rdr-back, .ap-back, .ti-yt-back, .art-back, .rdr-tool {
  flex:0 0 auto !important;
  min-width:48px; min-height:48px;              /* barmoq uchun qulay (44px+) */
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
/* "Chiqish/yopish" — aniq farqlanadigan ranglar:
   ◀ Orqaga/kichraytirish = neytral · ✕ Yopish = qizil urg'u (xato bosilmaydi) */
.ap-close, .ti-yt-back .fa-xmark, .art-back .fa-xmark { color:#ff5b7f; }
.rdr-back, .art-back, .ti-yt-back {
  border-width:2px !important;
}
/* Tugmalar orasi — kamida 8px, ustma-ust chiqish imkonsiz */
.rdr-tools { gap:10px !important; }
.ap-head > * + * { margin-left:0; }

/* ── 6) SAFE-AREA — iOS kamera o'ymasi va Android imo-paneli ──
   Ilova (PWA) rejimida tugmalar o'yma ostida qolib ketmasin. */
#nav        { padding-top: env(safe-area-inset-top, 0px); }
#catbar     { top: calc(var(--nav-h) + env(safe-area-inset-top, 0px)); }
body.mob-srch-open #catbar { top: calc(var(--nav-h) + 58px + env(safe-area-inset-top, 0px)); }
.rdr-top, .ap-head, .ti-yt-bar {
  padding-top: max(10px, env(safe-area-inset-top, 10px)) !important;
}
#mini {
  bottom: calc(clamp(10px,3vw,18px) + env(safe-area-inset-bottom, 0px));
}
#audPanel .ap-extras, #audPanel .ap-playlist {
  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
}
#rdr, #audPanel, #artRdr, #tiYtModal {
  height: 100dvh;                                /* mobil brauzer paneli hisobga olinadi */
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
@supports not (height: 100dvh) {
  #rdr, #audPanel, #artRdr, #tiYtModal { height: 100vh; }
}

/* ── 7) ANIMATSIYALAR — premium his, lekin yengil ── */
#catbar .nc, .side-panel .side-item, .rdr-back, .ap-back, .ti-yt-back, .art-back {
  transition: transform .16s ease, box-shadow .2s ease, background .18s ease,
              border-color .18s ease, color .18s ease;
}
#catbar .nc:active, .side-panel .side-item:active,
.rdr-back:active, .ap-back:active, .ti-yt-back:active, .art-back:active,
#grid .card:active { transform: scale(.965); }
/* Oynalar ochilishi — yumshoq suzib chiqish */
#rdr:not([hidden])      { animation: tiOverlayIn .26s ease-out; }
#audPanel:not([hidden]) { animation: tiOverlayIn .26s ease-out; }
#artRdr:not([hidden])   { animation: tiOverlayIn .26s ease-out; }
#tiYtModal:not([hidden]){ animation: tiOverlayIn .26s ease-out; }
@keyframes tiOverlayIn { from { opacity:0; transform: translateY(14px); } }
/* Grid almashganda kartalar zinapoya bo'lib chiqadi (style.css cardIn bor —
   bu yerda faqat tezligini biroz oshiramiz) */
#grid .card { animation-duration:.38s; }
/* Harakat kamaytirilgan rejim — barcha animatsiya o'chadi (qulaylik) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ── 8) UNIVERSAL RESPONSIV — har qurilmaga avtomatik ── */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
img, video, iframe, canvas { max-width: 100%; }
/* Juda tor telefonlar (<360px) */
@media (max-width: 360px) {
  #grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important; gap: 10px !important; }
  .rdr-title, .ti-yt-htitle { font-size: 14px !important; }
  .rdr-tool, .rdr-back, .ap-back { min-width:44px; min-height:44px; }
}
/* Planshet — kengroq grid */
@media (min-width: 768px) and (max-width: 1100px) {
  #grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}
/* Katta PC — kontent o'rtada, juda cho'zilmaydi */
@media (min-width: 1700px) {
  #grid, .ti-news-grid { max-width: 1560px; margin-left:auto; margin-right:auto; }
}
/* Landshaft telefon — pleyer balandligi moslashadi */
@media (orientation: landscape) and (max-height: 480px) {
  .ap-art { width: clamp(110px, 22vh, 160px) !important; height: clamp(110px, 22vh, 160px) !important; }
  .ap-center { padding-top: 10px !important; gap: 10px !important; }
}
/* Sichqonchasiz (touch) qurilmada hover effektlar bosishda yopishib qolmasin */
@media (hover: none) {
  #grid .card:hover { transform:none; }
  #grid .card:active { transform:scale(.975); }
}

/* ── 9) YUKLANISH SILLIQLIGI — og'ir gridlar uchun ── */
#grid .card, .ti-news-card { content-visibility: auto; contain-intrinsic-size: 280px; }

/* ── 10) PREMIUM MAYDA TEGINISHLAR ── */
#catbar { box-shadow: 0 10px 26px -16px rgba(0,0,0,.55); }
[data-theme="silver"] #catbar, [data-theme="white"] #catbar { box-shadow: 0 10px 26px -18px rgba(0,0,0,.28); }
#grid .card .cov { transition: filter .25s ease; }
#grid .card:hover .cov { filter: saturate(1.12) brightness(1.04); }
.toast, #toast { border-left: 3px solid var(--aqua) !important; }

/* ═══════════════ v16.1 TUZATISHLAR ═══════════════ */

/* ── 11) TUGMALAR: ustma-ust chiqish BUTUNLAY tuzatildi ──
   Sabab: .ap-back/.rdr-back da display:grid bo'lib, ikonka va yozuv
   USTMA-UST taxlanardi, yozuv tugmadan tashqariga (sarlavha ustiga) oqardi.
   Yechim: qat'iy gorizontal inline-flex + kenglik avtomatik + qatorga sig'maslik taqiqlangan. */
.rdr-back, .ap-back, .ti-yt-back, .art-back, .ap-close {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  min-width: 48px;
  height: 48px !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  line-height: 1 !important;
}
/* Faqat-ikonka tugmalar kvadrat qoladi */
.ap-min, .rdr-tool {
  width: 48px !important;
  min-width: 48px !important;
  padding: 0 !important;
}
.rdr-back .rdr-back-lbl, .ap-close-lbl, .ti-yt-back span, .art-back span {
  display: inline !important;
  font-size: 13px; font-weight: 600;
}
/* Sarlavha tugmadan keyin boshlanadi — hech qachon ustiga chiqmaydi */
.rdr-top-l { gap: 12px !important; }
.rdr-title { padding-left: 2px; }
/* Tor ekranda yozuvlar yashirinadi, tugma kvadrat bo'ladi (joy tejash) */
@media (max-width: 400px) {
  .rdr-back .rdr-back-lbl, .ap-close-lbl, .ti-yt-back span, .art-back span { display: none !important; }
  .rdr-back, .ap-close, .ti-yt-back, .art-back { padding: 0 !important; width: 48px !important; }
}

/* ── 12) OQ/KUMUSH/TIFFANY MAVZU — barcha yozuvlar ANIQ o'qiladi ── */
[data-theme="white"] .ti-news-date, [data-theme="silver"] .ti-news-date, [data-theme="tiffany"] .ti-news-date { color: rgba(0,0,0,.46) !important; }
[data-theme="white"] .ti-news-share-btn, [data-theme="silver"] .ti-news-share-btn, [data-theme="tiffany"] .ti-news-share-btn {
  background: rgba(0,0,0,.05) !important; border-color: rgba(0,0,0,.14) !important; color: rgba(0,0,0,.5) !important;
}
[data-theme="white"] .ti-chip:not(.on), [data-theme="silver"] .ti-chip:not(.on), [data-theme="tiffany"] .ti-chip:not(.on) {
  color: rgba(0,0,0,.6) !important; border-color: rgba(0,0,0,.14) !important;
}
[data-theme="white"] .ti-news-excerpt, [data-theme="silver"] .ti-news-excerpt, [data-theme="tiffany"] .ti-news-excerpt { color: rgba(0,0,0,.62); }
[data-theme="white"] .pit, [data-theme="silver"] .pit, [data-theme="tiffany"] .pit { color: rgba(0,0,0,.72); }
/* Faol bo'lmagan catbar yozuvi yorug' mavzularda to'q (v16 da bor edi — mustahkamlaymiz) */
[data-theme="white"] #catbar .nc:not(.on) .cat-label,
[data-theme="silver"] #catbar .nc:not(.on) .cat-label,
[data-theme="tiffany"] #catbar .nc:not(.on) .cat-label { color: rgba(0,0,0,.62) !important; }

/* ── 13) HERO (INTRO) — jonli animatsiyalar ── */
.hero-badge, .hero-title, .hero-sub, .hero-divider, .hero-desc,
.hero-stats, .hero-cta, .hero-features, .hero-resume {
  animation: heroUp .6s cubic-bezier(.2,.7,.3,1) backwards;
}
.hero-badge    { animation-delay: .05s; }
.hero-title    { animation-delay: .12s; }
.hero-sub      { animation-delay: .20s; }
.hero-divider  { animation-delay: .26s; }
.hero-desc     { animation-delay: .32s; }
.hero-stats    { animation-delay: .40s; }
.hero-resume   { animation-delay: .46s; }
.hero-cta      { animation-delay: .52s; }
.hero-features { animation-delay: .60s; }
@keyframes heroUp { from { opacity: 0; transform: translateY(18px); } }
/* Sarlavhada oltin jilo oqib o'tadi */
.hero-title {
  background: linear-gradient(100deg, currentColor 40%, #e6c98a 50%, currentColor 60%);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: heroUp .6s .12s backwards, heroShine 5.5s 1.2s ease-in-out infinite;
}
@keyframes heroShine { 0%,100% { background-position: 110% 0; } 50% { background-position: -10% 0; } }
/* Fonda suzuvchi yumshoq nur sharlari */
.hero-bg-fx::before, .hero-bg-fx::after {
  content: ''; position: absolute; border-radius: 50%;
  filter: blur(70px); opacity: .35; pointer-events: none;
  animation: heroFloat 12s ease-in-out infinite alternate;
}
.hero-bg-fx::before { width: 340px; height: 340px; left: -90px; top: 8%;
  background: radial-gradient(circle, rgba(34,211,238,.5), transparent 70%); }
.hero-bg-fx::after  { width: 300px; height: 300px; right: -70px; bottom: 6%;
  background: radial-gradient(circle, rgba(201,169,106,.55), transparent 70%);
  animation-delay: -6s; }
@keyframes heroFloat { from { transform: translateY(-22px) scale(1); } to { transform: translateY(26px) scale(1.12); } }
/* "Davom etish" chipi (oxirgi ochilgan kitob/audio) */
.hero-resume {
  display: inline-flex; align-items: center; gap: 10px;
  margin: 14px auto 0; padding: 10px 18px;
  border-radius: 999px; cursor: pointer;
  background: rgba(34,211,238,.10);
  border: 1px solid rgba(34,211,238,.35);
  color: inherit; font: inherit; font-size: 14px;
  max-width: 92%; transition: transform .15s, box-shadow .2s, border-color .2s;
}
.hero-resume:hover { transform: translateY(-2px); box-shadow: 0 8px 24px -8px rgba(34,211,238,.45); border-color: #22d3ee; }
.hero-resume i { color: #22d3ee; }
.hero-resume .hr-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 46ch; }

/* ═══════════════════════════════════════════════════════════
   v16.2 — "JONLI TASMA"
   Faqat "Bosh sahifa" (cat=all) bo'limida ko'rinadi —
   boshqa barcha bo'limlarda butunlay yashiriladi (recommend.js).
   ═══════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════
   v16.2 — MAVZU ALMASHGANDA TUGMA/IKONKALAR KO'RINMAY QOLISH
   MUAMMOSI TUZATILDI.
   Sabab: --chrome-txt past shaffoflikda edi va ba'zi fonlar
   bilan deyarli bir xil rangga tushib qolardi. Endi har bir
   mavzuda navbar tugmalari va ikonkalar ANIQ KONTRAST bilan
   chiziladi, fon o'zgarganda ham ajralib turadi.
   ═══════════════════════════════════════════════════════════ */
.nb, .nb i, .nb span {
  color: var(--chrome-ink) !important;
  opacity: .82;
}
.nb:hover, .nb:hover i, .nb:hover span { opacity: 1; }
.nb { background: var(--surf-1) !important; border-color: var(--bdr-1) !important; }
[data-theme="white"]  .nb,
[data-theme="silver"] .nb,
[data-theme="tiffany"] .nb { background: rgba(0,0,0,.05) !important; border-color: rgba(0,0,0,.14) !important; }
[data-theme="white"]  .nb:hover,
[data-theme="silver"] .nb:hover,
[data-theme="tiffany"] .nb:hover { background: rgba(0,0,0,.09) !important; }

/* Reader / audio / yt / article chiqish-kirish tugmalari — har mavzuda ko'rinsin */
.rdr-tool, .rdr-back, .ap-back, .ap-min, .ti-yt-back, .art-back {
  color: var(--ink) !important;
  background: var(--surf-1) !important;
  border-color: var(--bdr-1) !important;
}
[data-theme="white"]  .rdr-tool, [data-theme="white"]  .rdr-back, [data-theme="white"]  .ap-back,
[data-theme="white"]  .ap-min, [data-theme="white"]  .ti-yt-back, [data-theme="white"]  .art-back,
[data-theme="silver"] .rdr-tool, [data-theme="silver"] .rdr-back, [data-theme="silver"] .ap-back,
[data-theme="silver"] .ap-min, [data-theme="silver"] .ti-yt-back, [data-theme="silver"] .art-back,
[data-theme="tiffany"] .rdr-tool, [data-theme="tiffany"] .rdr-back, [data-theme="tiffany"] .ap-back,
[data-theme="tiffany"] .ap-min, [data-theme="tiffany"] .ti-yt-back, [data-theme="tiffany"] .art-back {
  background: rgba(0,0,0,.05) !important;
  border-color: rgba(0,0,0,.14) !important;
  color: var(--ink) !important;
}
.rdr-back, .art-back, .ti-yt-back { color: var(--gold-hi) !important; }
.ap-close, .ti-yt-back .fa-xmark, .art-back .fa-xmark { color: #ff5b7f !important; }

/* Umumiy: barcha "icon-only" va "icon+label" tugmalar fonidan
   doim ajralib tursin — hech qaysi mavzuda fon bilan birlashmasin */
.nc i, .side-item i, .pdl i, .cbtn i, .ap-cbtn i, .ap-speed i,
.rw-rand i, .rw-sec i, .rw-arc-ic i, .pwa-btn i {
  opacity: 1;
}