/* ═══════════════════════════════════════════════════════════════════════
   AETHERYS BENTO DİLİ · ortak bileşen seti (2026-10-24)
   Yönetim, stüdyo, eğitmen, ekip panelleri ve profil aynı parçaları kullanır.
   Gri zemin + büyük yuvarlak beyaz kartlar, mürekkep hap butonlar, TEK vurgu,
   sayfada tek koyu (marka teal) kart, büyük rakamlar, yatay zaman çizelgesi.
   Kurallar: ikon yalnız düğmede, büyük harfli mikro etiket yok, eşit kutu
   ızgarası yok, ardışık koyu blok yok.
   Vurgu rengi TEK değişkende (--bn-accent): değiştirmek için yalnız onu değiştir.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --bn-bg:#ECEDE9; --bn-card:#FFFFFF; --bn-card-2:#F3F3F0; --bn-card-3:#E6E7E2;
  --bn-ink:#0F1E28; --bn-text:#3A4650; --bn-muted:#69737D; --bn-soft:#9AA2A9;
  --bn-line:rgba(15,30,40,.07); --bn-line-2:rgba(15,30,40,.14);
  --bn-pill:#0F1E28; --bn-pill-h:#1C2E3A; --bn-pill-ink:#FFFFFF; --bn-pill-sub:rgba(255,255,255,.14);
  --bn-deep:radial-gradient(circle at 88% 0%,rgba(255,255,255,.08),transparent 46%),linear-gradient(152deg,#0e5069 0%,#0b4459 50%,#093a4e 100%);
  --bn-teal:#0C4A60;
  --bn-accent:#F2C94C; --bn-accent-ink:#3B2C04; --bn-accent-soft:rgba(242,201,76,.34);
  --bn-red:#B42318; --bn-red-t:rgba(214,45,32,.09);
  --bn-amber:#8A5300; --bn-amber-t:rgba(240,170,40,.17);
  --bn-green:#0B6B50; --bn-green-t:rgba(12,124,92,.1);
  --bn-shadow:0 1px 2px rgba(15,30,40,.03),0 26px 50px -38px rgba(15,30,40,.26);
  --bn-r:28px; --bn-r-in:20px;
  --bn-ease:cubic-bezier(.32,.72,0,1);
}
html[data-theme="dark"]{
  --bn-bg:#0A0F12; --bn-card:#131A1F; --bn-card-2:#1A2329; --bn-card-3:#232E35;
  --bn-ink:#EEF2F4; --bn-text:#C3CDD3; --bn-muted:#8E9BA4; --bn-soft:#64717A;
  --bn-line:rgba(255,255,255,.07); --bn-line-2:rgba(255,255,255,.14);
  --bn-pill:#EEF2F4; --bn-pill-h:#FFFFFF; --bn-pill-ink:#0F1E28; --bn-pill-sub:rgba(15,30,40,.1);
  --bn-deep:radial-gradient(circle at 88% 0%,rgba(255,255,255,.06),transparent 46%),linear-gradient(152deg,#0f4a60 0%,#0c3b4e 55%,#0a3142 100%);
  --bn-teal:#6CC3DE;
  --bn-red:#F49393; --bn-red-t:rgba(244,114,114,.14);
  --bn-amber:#F0B45C; --bn-amber-t:rgba(240,180,92,.14);
  --bn-green:#62D2A7; --bn-green-t:rgba(98,210,167,.12);
  --bn-shadow:0 1px 0 rgba(255,255,255,.02);
}

/* ── Sayfa başı ── */
.bn-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px 24px;margin:0 0 24px;flex-wrap:wrap;}
.bn-head h1{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-.045em;line-height:1.04;color:var(--bn-ink);margin:0;}
.bn-head p{margin:10px 0 0;color:var(--bn-muted);font-size:15px;}
.bn-head p a{color:var(--bn-ink);font-weight:600;text-decoration:none;background:linear-gradient(var(--bn-accent),var(--bn-accent)) 0 88%/100% 38% no-repeat;padding:0 2px;}
.bn-head-r{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}

/* ── Izgara + kart ── */
.bn{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch;margin-bottom:16px;}
.bn-c{background:var(--bn-card);border-radius:var(--bn-r);padding:24px;box-shadow:var(--bn-shadow);min-width:0;position:relative;grid-column:span 12;color:var(--bn-ink);animation:bnRise .9s var(--bn-ease) both;animation-delay:calc(var(--i,0) * 55ms);}
@keyframes bnRise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.bn-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;min-height:40px;}
.bn-h h2{font-size:17px;font-weight:600;letter-spacing:-.018em;margin:0;color:inherit;}
.bn-h .bn-sub{font-size:13px;color:var(--bn-muted);font-weight:500;margin-left:8px;letter-spacing:0;}
.bn-h-r{display:flex;align-items:center;gap:8px;}

/* Yuvarlak ok / gezinme düğmesi */
.bn-go{width:40px;height:40px;border-radius:50%;background:var(--bn-card-2);display:inline-grid;place-items:center;color:var(--bn-ink);flex:none;border:0;cursor:pointer;text-decoration:none;transition:transform .6s var(--bn-ease),background-color .35s var(--bn-ease),color .35s var(--bn-ease);}
.bn-go svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.bn-go:hover{background:var(--bn-pill);color:var(--bn-pill-ink);transform:rotate(45deg);}
.bn-go.is-sm{width:34px;height:34px;} .bn-go.is-sm svg{width:16px;height:16px;}
.bn-go.is-nav:hover{transform:none;}

/* Hap buton (iç içe yuvarlak ikonlu) */
.bn-btn{height:46px;border-radius:999px;padding:0 6px 0 20px;display:inline-flex;align-items:center;gap:12px;font-weight:600;font-size:14px;border:0;cursor:pointer;background:var(--bn-pill);color:var(--bn-pill-ink) !important;text-decoration:none !important;white-space:nowrap;transition:transform .5s var(--bn-ease),background-color .35s var(--bn-ease);}
.bn-btn .bn-bi{width:34px;height:34px;border-radius:50%;background:var(--bn-pill-sub);display:grid;place-items:center;transition:transform .55s var(--bn-ease);}
.bn-btn .bn-bi svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.bn-btn:hover .bn-bi{transform:translate(2px,-1px) scale(1.06);}
.bn-btn:active{transform:scale(.98);}
.bn-btn.is-ghost{background:var(--bn-card);color:var(--bn-ink) !important;box-shadow:var(--bn-shadow);}
.bn-btn.is-ghost .bn-bi{background:var(--bn-card-2);}
.bn-btn.is-soft{background:var(--bn-card-2);color:var(--bn-ink) !important;}
.bn-btn.is-soft:hover{background:var(--bn-pill);color:var(--bn-pill-ink) !important;}
.bn-btn.is-sm{height:40px;font-size:13.5px;padding:0 5px 0 16px;gap:10px;}
.bn-btn.is-sm .bn-bi{width:30px;height:30px;}
.bn-btn.is-plain{padding:0 20px;} .bn-btn.is-sm.is-plain{padding:0 16px;}

/* Çip filtre */
.bn-chips{display:flex;gap:6px;flex-wrap:wrap;}
.bn-chips button{height:36px;padding:0 14px;border-radius:999px;border:0;background:var(--bn-card-2);color:var(--bn-text);font:600 13px/1 inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:background-color .45s var(--bn-ease),color .3s var(--bn-ease);}
.bn-chips button em{font-style:normal;font-size:12px;color:var(--bn-soft);font-weight:600;}
.bn-chips button[aria-pressed="true"]{background:var(--bn-pill);color:var(--bn-pill-ink);}
.bn-chips button[aria-pressed="true"] em{color:inherit;opacity:.6;}

/* Rakamlar */
.bn-big{font-size:clamp(46px,5.2vw,72px);font-weight:600;letter-spacing:-.055em;line-height:.92;font-variant-numeric:tabular-nums;color:var(--bn-ink);}
.bn-big small{font-size:.4em;font-weight:600;letter-spacing:-.01em;color:var(--bn-muted);margin-left:6px;}
.bn-mid{font-size:clamp(34px,3.2vw,44px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;}
.bn-mid small{font-size:.5em;opacity:.7;margin-left:2px;}
.bn-delta{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 11px;border-radius:999px;background:var(--bn-accent);color:var(--bn-accent-ink);font-size:13px;font-weight:700;}
.bn-delta.is-down{background:var(--bn-red-t);color:var(--bn-red);}
.bn-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px;color:var(--bn-muted);font-size:13.5px;}
.bn-is-zero{color:var(--bn-soft) !important;}

/* Çubuk grafik */
.bn-bars{display:grid;grid-template-columns:repeat(var(--n,14),minmax(0,1fr));gap:clamp(4px,.7vw,9px);align-items:end;height:170px;margin-top:48px;}
.bn-bar{position:relative;height:100%;display:flex;align-items:flex-end;}
.bn-bar i{display:block;width:100%;height:var(--h);min-height:8px;border-radius:999px;background:var(--bn-card-3);transform-origin:bottom;animation:bnGrow 1.1s var(--bn-ease) both;animation-delay:calc(200ms + var(--k) * 32ms);transition:background-color .3s var(--bn-ease);}
@keyframes bnGrow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
.bn-bar.is-now i{background:var(--bn-accent);}
.bn-bar:hover i{background:var(--bn-pill);}
.bn-bar .bn-tip{position:absolute;left:50%;bottom:calc(var(--h) + 10px);transform:translate(-50%,6px);opacity:0;pointer-events:none;white-space:nowrap;background:var(--bn-pill);color:var(--bn-pill-ink);font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;transition:opacity .3s var(--bn-ease),transform .4s var(--bn-ease);z-index:2;}
.bn-bar:hover .bn-tip{opacity:1;transform:translate(-50%,0);}
.bn-bar.is-now .bn-tip{opacity:1;transform:translate(-50%,0);background:var(--bn-accent);color:var(--bn-accent-ink);}
.bn-bars:hover .bn-bar.is-now:not(:hover) .bn-tip{opacity:0;}
.bn-bar:nth-last-child(-n+2) .bn-tip{left:auto;right:-2px;transform:translateY(6px);}
.bn-bar:nth-last-child(-n+2):hover .bn-tip,.bn-bar.is-now:nth-last-child(-n+2) .bn-tip{transform:none;}
.bn-bar:nth-child(-n+2) .bn-tip{left:-2px;transform:translateY(6px);}
.bn-bar:nth-child(-n+2):hover .bn-tip{transform:none;}
.bn-bars-l{display:grid;grid-template-columns:repeat(var(--n,14),minmax(0,1fr));gap:clamp(4px,.7vw,9px);margin-top:10px;font-size:11.5px;color:var(--bn-soft);font-weight:600;text-align:center;}
.bn-bars-l .is-now{color:var(--bn-ink);}
.bn-bar.is-stack i{display:flex;flex-direction:column;justify-content:flex-end;background:transparent !important;gap:4px;}
.bn-bar.is-stack i b{display:block;border-radius:999px;background:var(--bn-pill);}
.bn-bar.is-stack i b.ev{background:var(--bn-accent);}
.bn-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--bn-muted);margin-top:16px;}
.bn-legend span{display:inline-flex;align-items:center;gap:8px;}
.bn-legend i{width:22px;height:8px;border-radius:999px;background:var(--bn-pill);display:inline-block;}
.bn-legend i.ev{background:var(--bn-accent);}
.bn-legend b{color:var(--bn-ink);font-weight:600;}
.bn-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:16px 22px;margin-top:24px;padding-top:22px;border-top:1px solid var(--bn-line);}
.bn-kpi span{display:block;font-size:13px;color:var(--bn-muted);}
.bn-kpi b{display:block;font-size:21px;font-weight:600;letter-spacing:-.035em;margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--bn-ink);}
.bn-kpi em{display:block;font-style:normal;font-size:12.5px;color:var(--bn-muted);margin-top:2px;}
.bn-kpi em.is-up{color:var(--bn-green);font-weight:600;} .bn-kpi em.is-down{color:var(--bn-red);font-weight:600;}

/* Satırlar */
.bn-rows{display:flex;flex-direction:column;gap:2px;margin:0 -10px;}
.bn-r{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:10px;border-radius:20px;color:var(--bn-ink);text-decoration:none !important;transition:background-color .35s var(--bn-ease);}
a.bn-r:hover,.bn-r.is-hv:hover{background:var(--bn-card-2);}
a.bn-r:hover .bn-go{background:var(--bn-pill);color:var(--bn-pill-ink);transform:rotate(45deg);}
.bn-r b{display:block;font-size:14.5px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bn-ink);}
.bn-r small{display:block;font-size:12.5px;color:var(--bn-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bn-n{min-width:42px;height:42px;padding:0 8px;border-radius:999px;display:grid;place-items:center;font-weight:700;font-size:15px;background:var(--bn-card-2);color:var(--bn-ink);font-variant-numeric:tabular-nums;}
.bn-n.is-red{background:var(--bn-red-t);color:var(--bn-red);} .bn-n.is-warn{background:var(--bn-amber-t);color:var(--bn-amber);}
.bn-quiet{font-size:13px;color:var(--bn-muted);margin:14px 0 0;line-height:1.55;}
.bn-sec-l{font-size:13px;color:var(--bn-muted);font-weight:600;margin:20px 0 4px;}

/* Koyu (marka teal) kart ve vurgu kartı: sayfada birer tane */
.bn-deep{background:var(--bn-deep);color:#fff;}
.bn-deep .bn-h h2,.bn-deep .bn-mid{color:#fff;}
.bn-deep .bn-go{background:rgba(255,255,255,.1);color:#fff;}
.bn-deep .bn-go:hover{background:var(--bn-accent);color:var(--bn-accent-ink);}
.bn-deep .bn-dim{color:rgba(255,255,255,.68);}
.bn-spark{display:block;width:100%;height:64px;margin-top:18px;}
.bn-acc{background:var(--bn-accent);color:var(--bn-accent-ink);display:flex;flex-direction:column;}
.bn-acc .bn-h h2,.bn-acc .bn-mid{color:var(--bn-accent-ink);}
.bn-acc .bn-go{background:rgba(15,30,40,.08);color:var(--bn-accent-ink);}
.bn-acc p{font-size:14px;line-height:1.5;opacity:.8;margin:10px 0 0;max-width:30ch;}
.bn-acc .bn-btn{margin-top:auto;align-self:flex-start;background:#0F1E28;color:#fff !important;}
.bn-acc .bn-btn .bn-bi{background:rgba(255,255,255,.14);}

/* Takvim */
.bn-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center;}
.bn-cal .dw{font-size:11.5px;color:var(--bn-soft);font-weight:600;padding-bottom:4px;}
.bn-cal span,.bn-cal a{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;font-size:13px;font-weight:500;color:var(--bn-text);font-variant-numeric:tabular-nums;max-width:40px;width:100%;margin:0 auto;text-decoration:none;}
.bn-cal .ps{color:var(--bn-soft);}
.bn-cal .ev{background:var(--bn-accent);color:var(--bn-accent-ink);font-weight:700;}
.bn-cal .ps.ev{background:var(--bn-card-2);color:var(--bn-muted);}
.bn-cal .td{background:var(--bn-pill);color:var(--bn-pill-ink);font-weight:700;}
.bn-cal-f{font-size:13px;color:var(--bn-muted);margin:12px 0 0;}

/* Zaman çizelgesi */
.bn-tl-wrap{overflow-x:auto;margin:0 -24px;padding:6px 24px 4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 28px,#000 calc(100% - 28px),transparent);cursor:grab;}
.bn-tl-wrap::-webkit-scrollbar{display:none;}
.bn-tl-wrap.is-drag{cursor:grabbing;}
.bn-tl{position:relative;width:max(100%,calc(var(--hrs) * 132px));}
.bn-tl-axis{position:relative;height:22px;margin-bottom:12px;}
.bn-tl-axis span{position:absolute;top:0;transform:translateX(-50%);font-size:12px;color:var(--bn-soft);font-weight:600;font-variant-numeric:tabular-nums;}
.bn-tl-axis span:first-child{transform:none;}
.bn-tl-lanes{position:relative;background-image:linear-gradient(to right,var(--bn-line) 1px,transparent 1px);background-size:calc(100% / var(--hrs)) 100%;border-right:1px solid var(--bn-line);}
.bn-tl-it{position:absolute;height:60px;border-radius:999px;padding:0 16px 0 8px;display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap;text-decoration:none !important;transition:transform .55s var(--bn-ease),opacity .45s var(--bn-ease),filter .45s var(--bn-ease);}
.bn-tl-it:hover{transform:translateY(-3px);}
.bn-tl-it .bn-av{width:40px;height:40px;flex:none;font-size:12.5px;}
.bn-tl-it .t{min-width:0;}
.bn-tl-it b{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;line-height:1.25;}
.bn-tl-it small{display:block;font-size:12px;opacity:.72;overflow:hidden;text-overflow:ellipsis;}
.bn-tl-it.k-event{background:var(--bn-accent);color:var(--bn-accent-ink);}
.bn-tl-it.k-team{background:var(--bn-pill);color:var(--bn-pill-ink);}
.bn-tl-it.k-live,.bn-tl-it.k-task{background:var(--bn-card-2);color:var(--bn-ink);}
.bn-tl-it.k-book{background:var(--bn-card);color:var(--bn-ink);box-shadow:inset 0 0 0 1.5px var(--bn-line-2);}
.bn-tl-it.is-over{background:var(--bn-red-t);color:var(--bn-red);}
.bn-tl-it.is-past{opacity:.5;}
.bn-tl-it.is-dim{opacity:.14;filter:saturate(0);pointer-events:none;}
.bn-tl-it.is-narrow{padding:0 12px;gap:0;} .bn-tl-it.is-narrow .bn-av{display:none;}
.bn-tl-it.is-tiny small{display:none;}
.bn-tl-now{position:absolute;top:-36px;bottom:-6px;width:0;border-left:1.5px dashed var(--bn-ink);z-index:3;pointer-events:none;}
.bn-tl-now span{position:absolute;top:0;left:0;transform:translateX(-50%);background:var(--bn-pill);color:var(--bn-pill-ink);font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;}
.bn-allday{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 14px;font-size:13px;color:var(--bn-muted);}
.bn-allday a,.bn-allday span.it{display:inline-flex;align-items:center;height:32px;padding:0 13px;border-radius:999px;background:var(--bn-card-2);color:var(--bn-ink);font-weight:600;font-size:13px;text-decoration:none;}
.bn-allday .it.k-event{background:var(--bn-accent);color:var(--bn-accent-ink);}
.bn-tl-box{position:relative;}
.bn-tl-empty{position:absolute;left:50%;top:calc(50% + 17px);transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;background:var(--bn-card);padding:6px 6px 6px 18px;border-radius:999px;box-shadow:var(--bn-shadow),0 0 0 1px var(--bn-line);white-space:nowrap;z-index:4;}
.bn-tl-empty b{font-size:14px;font-weight:600;}

/* Avatar */
.bn-av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--bn-accent-soft);display:inline-grid;place-items:center;font-weight:700;font-size:14px;color:var(--bn-ink);flex:none;overflow:hidden;}
.bn-av img{width:100%;height:100%;object-fit:cover;display:block;}
.bn-avs{display:flex;}
.bn-avs .bn-av{width:32px;height:32px;font-size:11.5px;box-shadow:0 0 0 2.5px var(--bn-card);}
.bn-avs .bn-av + .bn-av{margin-left:-9px;}

/* TEK KART ANATOMİSİ: 3:4 görsel, altında başlık/alt bilgi, dibe sabit alt satır.
   Kenar ritmi 16px (tepsi 8 + gövde 8). Sitede fiyat + ok, panelde doluluk. */
.bn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.bn-card{display:flex;flex-direction:column;border-radius:26px;background:var(--bn-card-2);padding:8px;color:var(--bn-ink);text-decoration:none !important;transition:transform .7s var(--bn-ease);}
.bn-card:hover{transform:translateY(-4px);}
.bn-card-img{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:var(--bn-card-3);flex:none;}
.bn-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s var(--bn-ease);}
.bn-card:hover .bn-card-img img{transform:scale(1.045);}
.bn-card-img .ph{position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:700;color:var(--bn-soft);}
.bn-card-chip{position:absolute;left:9px;top:9px;background:#fff;color:#0F1E28;font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:999px;}
.bn-card-flag{position:absolute;right:9px;top:9px;background:var(--bn-accent);color:var(--bn-accent-ink);font-size:12px;font-weight:700;padding:6px 10px;border-radius:999px;}
.bn-card-b{display:flex;flex-direction:column;flex:1;padding:14px 8px 8px;}
.bn-card-b > b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1.3;overflow:hidden;}
.bn-card-b > small{display:block;font-size:12.5px;color:var(--bn-muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bn-card-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;min-height:50px;}
.bn-card-f > .bn-fill{flex:1;margin:0;}
.bn-card .bn-go{background:var(--bn-card);}
.bn-card:hover .bn-go{background:var(--bn-pill);color:var(--bn-pill-ink);transform:rotate(45deg);}
.bn-card .bn-track{background:var(--bn-card);}
.bn-price{font-size:15.5px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}
.bn-price.is-free{color:var(--bn-green);}

/* Doluluk / ilerleme */
.bn-fill-t{display:flex;justify-content:space-between;font-size:12.5px;color:var(--bn-muted);margin-bottom:6px;}
.bn-fill-t b{font-size:12.5px;color:var(--bn-ink);font-weight:700;font-variant-numeric:tabular-nums;}
.bn-track{height:8px;border-radius:999px;background:var(--bn-card-3);overflow:hidden;}
.bn-track i{display:block;height:100%;border-radius:999px;background:var(--bn-pill);width:var(--w);transform-origin:left;animation:bnGrowX 1.2s var(--bn-ease) both;animation-delay:.35s;}
.bn-track.is-full i{background:var(--bn-green);}
.bn-track.is-acc i{background:var(--bn-accent);}
.bn-track.is-thin{height:6px;}
@keyframes bnGrowX{from{transform:scaleX(0);}to{transform:scaleX(1);}}

/* Durum hapları */
.bn-st{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:var(--bn-card-2);color:var(--bn-text);}
.bn-st.is-ok{background:var(--bn-green-t);color:var(--bn-green);}
.bn-st.is-wait{background:var(--bn-amber-t);color:var(--bn-amber);}
.bn-st.is-ref{background:transparent;box-shadow:inset 0 0 0 1.5px var(--bn-amber-t);color:var(--bn-amber);}
.bn-st.is-bad{background:var(--bn-red-t);color:var(--bn-red);}
.bn-st.is-acc{background:var(--bn-accent);color:var(--bn-accent-ink);}
.bn-st.is-out{background:transparent;box-shadow:inset 0 0 0 1.5px var(--bn-line-2);color:var(--bn-muted);}
.bn-amt{text-align:right;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--bn-ink);}
.bn-r.is-ord{grid-template-columns:auto minmax(0,1fr) auto 92px;}
.bn-thumb{width:46px;height:60px;border-radius:14px;object-fit:cover;flex:none;background:var(--bn-card-3);overflow:hidden;display:block;}
.bn-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.bn-rank{width:18px;text-align:center;font-size:13px;font-weight:700;color:var(--bn-soft);font-variant-numeric:tabular-nums;}
.bn-r.is-r4{grid-template-columns:auto auto minmax(0,1fr) auto;}
.bn-rv{text-align:right;min-width:104px;}
.bn-rv b{font-size:14.5px;font-variant-numeric:tabular-nums;}
.bn-rv .bn-track{height:6px;margin-top:8px;}
.bn-acts{display:flex;gap:6px;}

/* Boş durumlar: çıplak değil; ne geleceğini gösterir + tek net adım */
.bn-empty{display:flex;flex-direction:column;align-items:flex-start;gap:8px;}
.bn-empty h3{font-size:20px;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:0;color:var(--bn-ink);}
.bn-empty p{font-size:14px;color:var(--bn-muted);line-height:1.55;max-width:46ch;margin:0;}
.bn-empty .bn-btn{margin-top:8px;}
.bn-ghost-wrap{position:relative;}
.bn-ghost{opacity:.42;filter:saturate(0);pointer-events:none;}
.bn-ghost-msg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bn-card);color:var(--bn-ink);font-size:13.5px;font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:var(--bn-shadow),0 0 0 1px var(--bn-line);white-space:nowrap;}
.bn-ghost-over{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(380px,88%);background:var(--bn-card);border-radius:24px;padding:20px 22px;box-shadow:var(--bn-shadow),0 0 0 1px var(--bn-line),0 30px 60px -30px rgba(15,30,40,.3);}
.bn-ghost-over .bn-empty{gap:6px;}
.bn-ghost .bn-card-b b,.bn-ghost .bn-card-b small{display:block;height:10px;border-radius:999px;background:var(--bn-card-3);margin-top:8px;}
.bn-ghost .bn-card-b small{width:60%;}
.bn-sk{display:grid;grid-template-columns:44px minmax(0,1fr) 70px;gap:12px;align-items:center;padding:10px 0;}
.bn-sk i{display:block;height:10px;border-radius:999px;background:var(--bn-card-3);}
.bn-sk i.sk-c{width:44px;height:44px;border-radius:50%;}
.bn-sk div i + i{margin-top:8px;width:60%;}
.bn-steps{display:flex;flex-direction:column;gap:6px;margin-top:16px;}
.bn-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border-radius:20px;background:var(--bn-card-2);}
.bn-step .bn-n{background:var(--bn-card);}
.bn-step.is-done .bn-n{background:var(--bn-accent);color:var(--bn-accent-ink);}
.bn-step.is-done b{text-decoration:line-through;text-decoration-color:var(--bn-soft);color:var(--bn-muted);}
.bn-step b{display:block;font-size:14.5px;font-weight:600;}
.bn-step small{display:block;font-size:12.5px;color:var(--bn-muted);margin-top:2px;}
.bn-step.is-now{background:var(--bn-card);box-shadow:inset 0 0 0 2px var(--bn-pill);}
.bn-step .bn-btn.is-soft{background:var(--bn-card);}
.bn-seg{display:flex;gap:4px;height:12px;}
.bn-seg i{display:block;height:100%;border-radius:999px;transform-origin:left;animation:bnGrowX 1.1s var(--bn-ease) both;animation-delay:.3s;background:var(--bn-card-3);}
.bn-seg i.a{background:var(--bn-accent);} .bn-seg i.b{background:var(--bn-pill);} .bn-seg i.x{background:var(--bn-red);}
.bn-note{border-radius:var(--bn-r-in);background:var(--bn-card-2);padding:16px 18px;}
.bn-note + .bn-note{margin-top:10px;}
.bn-note b{display:block;font-size:14.5px;font-weight:600;}
.bn-note p{font-size:13.5px;color:var(--bn-text);margin:4px 0 0;line-height:1.55;}
.bn-note small{display:block;font-size:12px;color:var(--bn-muted);margin-top:8px;}

@media (max-width:760px){
  .bn{gap:12px;}
  .bn-c{padding:20px;border-radius:24px;}
  .bn-tl-wrap{margin:0 -20px;padding:6px 20px 4px;}
  .bn-cards{grid-template-columns:repeat(3,minmax(170px,1fr));overflow-x:auto;margin:0 -20px;padding:0 20px 4px;scrollbar-width:none;}
  .bn-cards::-webkit-scrollbar{display:none;}
  .bn-head{margin-bottom:18px;}
  .bn-h{flex-wrap:wrap;}
  .bn-h h2 .bn-sub{display:block;margin:2px 0 0;}
  .bn-h > .bn-h-r > .bn-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px;}
  .bn-h > .bn-h-r > .bn-chips::-webkit-scrollbar{display:none;}
  .bn-h > .bn-h-r:has(.bn-chips){width:100%;}
  .bn-r.is-ord{grid-template-columns:auto minmax(0,1fr) auto;}
  .bn-r.is-ord .bn-st{grid-column:2;grid-row:2;justify-self:start;margin-top:-4px;}
  .bn-r.is-ord .bn-amt{grid-column:3;grid-row:1;}
  .bn-r.is-r4 .bn-rank{display:none;}
  .bn-r.is-r4{grid-template-columns:auto minmax(0,1fr) auto;}
  .bn-rv{min-width:84px;}
  .bn-ghost-msg{white-space:normal;text-align:center;width:max-content;max-width:80%;}
  .bn-tl-empty{white-space:normal;flex-direction:column;gap:8px;padding:14px 16px;border-radius:24px;text-align:center;width:max-content;max-width:86%;}
  .bn-step{grid-template-columns:auto minmax(0,1fr);}
  .bn-step > :last-child{grid-column:2;justify-self:start;}
}
@media (prefers-reduced-motion:reduce){
  .bn-c,.bn-bar i,.bn-track i,.bn-seg i{animation:none !important;}
  .bn-card,.bn-card-img img,.bn-go,.bn-btn,.bn-tl-it{transition:none !important;}
}