/* tabbar.css — pastki tab-bar (Klassik): Bosh · Reyting · Kutubxona · Profil.
   4 asosiy sahifaga ulanadi. Ranglar sahifaning :root o'zgaruvchilaridan meros.
   Klass nomi .tbtab (sahifalardagi .tab bilan to'qnashmasligi uchun). */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:var(--page-max,640px);margin:0 auto;
  display:flex;padding:6px 6px calc(8px + env(safe-area-inset-bottom,0px));
  height:calc(64px + env(safe-area-inset-bottom,0px));
  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-top:1px solid var(--line,#E6E2D9);box-shadow:0 -6px 20px rgba(22,35,63,.06)}
.tabbar .tbtab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:var(--slate,#56617A);text-decoration:none;font-family:inherit;font-size:10.5px;font-weight:600;
  -webkit-tap-highlight-color:transparent;background:none;border:0;padding:0}
.tabbar .tbtab .ti{width:24px;height:24px;display:grid;place-items:center;position:relative}
.tabbar .tbtab .ti svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tabbar .tbtab{position:relative}
.tabbar .tbtab:active{transform:scale(.94)}
.tabbar .tbtab .ti{overflow:visible}
/* Profil tabida o'qilmagan javob bo'lsa — tab qizaradi + qizil son belgisi */
.tabbar .tbtab.has-alert{color:var(--eosin,#D63A6A)}
.tabbar .tb-badge{position:absolute;top:-6px;right:-9px;min-width:17px;height:17px;padding:0 4px;
  border-radius:999px;background:var(--eosin,#D63A6A);color:#fff;font-size:10px;font-weight:800;line-height:1;
  display:grid;place-items:center;font-family:'IBM Plex Mono',monospace;border:2px solid #fff;
  box-shadow:0 2px 7px rgba(214,58,106,.6)}
.tabbar .tbtab.on{color:var(--eosin,#D63A6A)}
.tabbar .tbtab.on .ti::after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);
  width:20px;height:3px;border-radius:0 0 4px 4px;background:var(--eosin,#D63A6A)}
/* Kontent tab-bar ostida qolmasligi uchun pastdan joy */
body.has-tabbar{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
/* Sahifa o'tishi — yumshoq fade (fixed tab-bar buzilmasin uchun faqat opacity) */
@keyframes tb-fade{from{opacity:0}to{opacity:1}}
body.tb-in{animation:tb-fade .24s ease both}
body.tb-out{opacity:0;transition:opacity .15s ease}