/* BAXOS · arayüz çatısı stilleri. Tema tokenları prototip Main.dc.html (satır 14-68) ile BİREBİR aynıdır. */
/* ===== Yazı tipleri (yerel, OFL · @fontsource): Inter değişken + Chakra Petch ===== */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-cyrillic-wght-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chakra Petch";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/chakra-petch-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== TEMA TOKENLARI · varsayılan: Tema 1 Elektrik Mavisi ===== */
:root{
--bx-bg:#04070F;--bx-bg-glow:rgba(30,91,255,.16);
--bx-side-1:#060A15;--bx-side-2:#070D1E;--bx-side-line:#12204A;
--bx-card:#0A1121;--bx-card-line:#14254F;--bx-card-sheen:rgba(255,255,255,.045);
--bx-row:#070C18;--bx-row-hover:#0E1934;
--bx-text:#FFFFFF;--bx-sub:#FFFFFF;--bx-ph:#9FD8FF;
--bx-a1:#1E5BFF;--bx-a2:#14B8FF;--bx-a3:#0B3BD6;--bx-accent-text:#14B8FF;
--bx-glow:30,91,255;--bx-edge-1:#14B8FF;--bx-edge-2:#1E5BFF;
--bx-act:#0F1D44;--bx-act-line:#2A5BFF;
--bx-nav:#FFFFFF;--bx-nav-sub:#2FC4FF;--bx-side-acc:#2FC4FF;
--bx-sbdg-bg:#12285E;--bx-sbdg-tx:#9CC2FF;
--bx-good:#34D399;--bx-bad:#F87171;--bx-warn:#F59E0B;
--bx-track:#16224A;--bx-bar-2:#24386F;
--bx-pop:#0B1326;--bx-pop-line:#1C2E5E;--bx-focus:#6FD3FF;
--bx-chip:#0A1121;--bx-chip-on:#0F1D44;--bx-shadow:0 24px 60px rgba(0,0,0,.55);
--bx-ch-mail:#1E5BFF;--bx-ch-wa:#22C55E;--bx-ch-tg:#38BDF8;--bx-ch-ig:#C026D3;--bx-ch-sms:#14B8FF;
}
/* Tema 2 · Mor-Mavi Gece */
.bx[data-theme="t2"]{
--bx-bg:#07060F;--bx-bg-glow:rgba(123,92,255,.16);
--bx-side-1:#09081A;--bx-side-2:#0D0A22;--bx-side-line:#2A2352;
--bx-card:#100E20;--bx-card-line:#2B2458;--bx-card-sheen:rgba(255,255,255,.04);
--bx-row:#0B0A18;--bx-row-hover:#17132E;
--bx-text:#FFFFFF;--bx-sub:#FFFFFF;--bx-ph:#D2C2FF;
--bx-a1:#4C5CF0;--bx-a2:#9B5CFF;--bx-a3:#6B3FE0;--bx-accent-text:#C2A9FF;
--bx-glow:123,92,255;--bx-edge-1:#B79BFF;--bx-edge-2:#4C6FFF;
--bx-act:#1A1538;--bx-act-line:#7B5CFF;
--bx-nav:#FFFFFF;--bx-nav-sub:#B79BFF;--bx-side-acc:#B79BFF;
--bx-sbdg-bg:#2A1F5E;--bx-sbdg-tx:#C9B8FF;
--bx-good:#34D399;--bx-bad:#FB7185;--bx-warn:#F59E0B;
--bx-track:#221C4A;--bx-bar-2:#352B6E;
--bx-pop:#120F25;--bx-pop-line:#2F2760;--bx-focus:#C9B8FF;
--bx-chip:#100E20;--bx-chip-on:#1A1538;
--bx-ch-mail:#4C5CF0;--bx-ch-sms:#7C3AED;
}
/* Tema 3 · Çelik Gümüş (koyu çelik menü + açık gümüş içerik) */
.bx[data-theme="t3"]{
--bx-bg:#E2EAFB;--bx-bg-glow:rgba(30,91,255,.06);
--bx-side-1:#0D1118;--bx-side-2:#141A26;--bx-side-line:#232C40;
--bx-card:#FFFFFF;--bx-card-line:#B9C9EE;--bx-card-sheen:rgba(15,23,38,.0);
--bx-row:#EAF0FF;--bx-row-hover:#DCE7FF;
--bx-text:#081028;--bx-sub:#081028;--bx-ph:#2C4A9C;
--bx-a1:#1E5BFF;--bx-a2:#6EA8FF;--bx-a3:#0B3BD6;--bx-accent-text:#1B4FD8;
--bx-glow:30,91,255;--bx-edge-1:#6EA8FF;--bx-edge-2:#1E5BFF;
--bx-act:#1A2640;--bx-act-line:#3F7BFF;
--bx-nav:#FFFFFF;--bx-nav-sub:#6EA8FF;--bx-side-acc:#6EA8FF;
--bx-sbdg-bg:#DCE7FF;--bx-sbdg-tx:#1B4FD8;
--bx-good:#0E7F52;--bx-bad:#C93030;--bx-warn:#B45309;
--bx-track:#C9D9FF;--bx-bar-2:#9DB8F5;
--bx-pop:#FFFFFF;--bx-pop-line:#B9C9EE;--bx-focus:#1B4FD8;
--bx-chip:#FFFFFF;--bx-chip-on:#E5EDFF;--bx-shadow:0 24px 50px rgba(15,23,38,.18);
--bx-ch-sms:#0A6FAE;--bx-ch-tg:#0A6FAE;
}

/* Yeşil rozetler (prototip v5) */
.bx{--bx-ok-a:#17B955;--bx-ok-b:#0B8A3C}

/* ===== TEMEL ===== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;background:#04070F;overflow-x:clip}
a{color:#14B8FF}a:hover{color:#6FD3FF}
[hidden]{display:none!important}
.bx{position:relative;display:flex;min-height:100vh;min-height:100dvh;background:radial-gradient(1200px 520px at 18% -8%,var(--bx-bg-glow),transparent 70%),var(--bx-bg);color:var(--bx-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;font-size:14px;line-height:1.4;transition:background-color .3s,color .3s;overflow-x:clip}
.bx button,.bx input,.bx select{font:inherit;color:inherit}
.bx svg{display:block}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ico.big{width:40px;height:40px;color:var(--bx-accent-text)}
.hd{font-family:"Chakra Petch",Inter,sans-serif}
[dir="rtl"] .bx,[dir="rtl"] .hd{font-family:Inter,Tahoma,"Segoe UI",sans-serif}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;padding:1px 6px;border-radius:6px;background:var(--bx-row);overflow-wrap:anywhere}

/* ===== EFEKTLİ BUTON (prototip .fx) ===== */
.fx{position:relative;isolation:isolate;overflow:hidden;cursor:pointer;border:0;background:transparent;transition:color .2s,box-shadow .25s,transform .12s ease;text-decoration:none}
.fx::before{content:'';position:absolute;z-index:-2;left:50%;top:50%;width:300%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(35deg);background:conic-gradient(transparent 0 58%,var(--bx-edge-2) 72%,var(--bx-edge-1) 82%,transparent 92%);opacity:0;transition:opacity .25s;pointer-events:none}
.fx::after{content:'';position:absolute;z-index:-1;inset:1.5px;border-radius:inherit;background:var(--fx-fill,var(--bx-card));transition:background-color .2s;pointer-events:none}
.fx:hover::before,.fx:focus-visible::before,.fx.on::before{opacity:1}
.fx:hover{box-shadow:0 0 0 1px rgba(var(--bx-glow),.55),0 0 22px rgba(var(--bx-glow),.38)}
.fx:active{transform:scale(.96)}
.fx:focus-visible{outline:2px solid var(--bx-focus);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.fx:hover::before,.fx:focus-visible::before,.fx.on::before{animation:bxspin 2.8s linear infinite}}
@keyframes bxspin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* ===== SOL MENÜ ===== */
.side{flex:0 0 260px;width:260px;background:linear-gradient(180deg,var(--bx-side-1),var(--bx-side-2));border-inline-end:1px solid var(--bx-side-line);display:flex;flex-direction:column;padding:18px 12px 22px;gap:12px;color:var(--bx-nav);position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;scrollbar-width:thin;z-index:60}
.logo{position:relative;display:flex;justify-content:center;align-items:center;height:92px;border-radius:14px;text-decoration:none;flex:none}
.logo::before{content:'';position:absolute;left:12%;right:12%;top:26%;bottom:22%;border-radius:50%;background:rgba(var(--bx-glow),.45);filter:blur(22px);opacity:.7;pointer-events:none;transition:opacity .25s}
.logo img{position:relative;width:216px;max-width:100%;height:auto}
.logo:hover::before{opacity:1}
.logo:focus-visible{outline:2px solid var(--bx-side-acc);outline-offset:2px}
.sline{height:1px;background:var(--bx-side-line);margin:0 12px;flex:none}
.menu,.pin{display:flex;flex-direction:column;gap:3px}
.pin{margin-top:auto;padding-top:12px;border-top:1px solid var(--bx-side-line)}
.mi{--fx-fill:var(--bx-side-1);display:flex;align-items:center;gap:12px;width:100%;min-height:40px;padding:0 10px 0 14px;padding-inline:14px 10px;border-radius:10px;color:var(--bx-nav);font-size:13.5px;font-weight:500;text-align:start}
.mi:hover,.mi:focus-visible{color:#FFFFFF;--fx-fill:#0C1630}
.bx[data-theme="t2"] .mi:hover{--fx-fill:#151130}
.bx[data-theme="t3"] .mi:hover{--fx-fill:#182033}
.mi .nm{flex:1;min-width:0;line-height:1.2;padding:6px 0;overflow-wrap:anywhere}
.mi .ico{color:var(--bx-nav-sub);transition:color .2s}
.mi:hover .ico{color:var(--bx-side-acc)}
.mi.on{--fx-fill:var(--bx-act);color:#FFFFFF;font-weight:600;box-shadow:0 0 0 1px rgba(var(--bx-glow),.6),0 0 24px rgba(var(--bx-glow),.35)}
.mi.on .ico{color:var(--bx-side-acc)}
.mi .bar{position:absolute;inset-inline-start:0;top:9px;bottom:9px;width:3.5px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,var(--bx-a2),var(--bx-a1));box-shadow:0 0 10px rgba(var(--bx-glow),.9)}
.side .fx:focus-visible{outline-color:var(--bx-side-acc)}
/* Yeşil rozet: beyaz sayı */
.bdg{min-width:26px;height:22px;padding:0 7px;border-radius:8px;background:linear-gradient(135deg,var(--bx-ok-a),var(--bx-ok-b));color:#FFFFFF;font-size:12.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(52,230,120,.55),0 0 12px rgba(30,200,100,.55);font-variant-numeric:tabular-nums;flex:none}
.scrim{display:none}

/* ===== ANA ALAN + BAŞLIK ===== */
.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.hdr{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:18px 28px 14px}
.ttl{order:1;display:flex;align-items:center;gap:14px;min-width:0}
.hico{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--bx-act);border:1px solid var(--bx-act-line);box-shadow:0 0 22px rgba(var(--bx-glow),.45);color:var(--bx-side-acc)}
.hico .ico{width:27px;height:27px;stroke-width:1.9}
.ttl h1{margin:0;font-size:28px;font-weight:700;letter-spacing:.01em;line-height:1.1;color:var(--bx-text);overflow-wrap:anywhere}
/* Başlık sekmeleri: tek satır, sekme içi metin asla bölünmez */
.htabs{order:4;flex:1 1 100%;min-width:0;display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:4px 2px;scrollbar-width:thin;overscroll-behavior-x:contain}
.htab{--fx-fill:var(--bx-chip);display:inline-flex;align-items:center;flex:none;height:42px;padding:0 18px;border-radius:21px;box-shadow:inset 0 0 0 1px var(--bx-card-line);font-size:13.5px;font-weight:600;color:var(--bx-text);white-space:nowrap}
.htab:hover{color:var(--bx-text);box-shadow:inset 0 0 0 1px transparent,0 0 0 1px rgba(var(--bx-glow),.55),0 0 22px rgba(var(--bx-glow),.38)}
.htab.on{--fx-fill:var(--bx-chip-on);color:var(--bx-text);box-shadow:0 0 0 1px rgba(var(--bx-glow),.75),0 0 26px rgba(var(--bx-glow),.45)}
.bx[data-theme="t3"] .htab.on{--fx-fill:#DCE7FF;color:#081028}
.acts{order:3;position:relative;display:flex;align-items:center;gap:12px;margin-inline-start:auto;min-width:0}
.ib{--fx-fill:var(--bx-card);position:relative;width:44px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;color:var(--bx-text);flex:none}
.ib .ico{width:20px;height:20px}
.mtog{display:none;order:0}
.prof{--fx-fill:var(--bx-card);display:flex;align-items:center;gap:10px;height:50px;padding:0 14px 0 5px;padding-inline:5px 14px;border-radius:25px;box-shadow:inset 0 0 0 1px var(--bx-card-line);text-align:start;color:var(--bx-text);max-width:100%}
.prof.on{--fx-fill:var(--bx-chip-on)}
.av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--bx-a3),var(--bx-a1));color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-family:"Chakra Petch",Inter,sans-serif;font-weight:700;font-size:16px;box-shadow:0 0 0 2px rgba(var(--bx-glow),.45),0 0 14px rgba(var(--bx-glow),.5);flex:none}
.pn{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.pn b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.pn span{font-size:11.5px;color:var(--bx-sub)}
.prof .chev{color:var(--bx-sub);width:16px;height:16px;transition:transform .2s}
.prof.on .chev{transform:rotate(180deg)}

/* Profil açılır menüsü: yalnız Ayarlar + Çıkış */
.pop{position:absolute;inset-inline-end:0;top:60px;z-index:61;width:260px;display:flex;flex-direction:column;padding:6px;gap:2px;background:var(--bx-pop);border:1px solid var(--bx-pop-line);border-radius:16px;box-shadow:var(--bx-shadow),0 0 0 1px rgba(var(--bx-glow),.12)}
@media (prefers-reduced-motion:no-preference){.pop{animation:bxpop .18s ease}}
@keyframes bxpop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pi{display:flex;gap:12px;align-items:center;width:100%;padding:11px 12px;border:0;border-radius:12px;background:transparent;cursor:pointer;text-align:start;color:var(--bx-text);text-decoration:none;font-size:13.5px;font-weight:600;transition:background-color .2s,box-shadow .2s}
.pi .ico{color:var(--bx-accent-text)}
.pi:hover,.pi:focus-visible{background:var(--bx-row-hover);color:var(--bx-text);outline:0;box-shadow:0 0 0 1px rgba(var(--bx-glow),.4)}

/* ===== GÖVDE / KARTLAR ===== */
.body{padding:4px 28px 32px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-content:start;outline:0;overflow-x:clip}
.card{position:relative;background:linear-gradient(180deg,var(--bx-card-sheen),transparent 64px),var(--bx-card);border:1px solid var(--bx-card-line);border-radius:20px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:12px;min-width:0;max-width:100%;color:var(--bx-text)}
.c4{grid-column:span 4}.c6{grid-column:span 6}.c12{grid-column:span 12}
.ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px;min-height:30px;flex-wrap:wrap}
.ch h2{margin:0;font-family:"Chakra Petch",Inter,sans-serif;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-text)}
[dir="rtl"] .ch h2{font-family:inherit;letter-spacing:0}
.hello h2{margin:0;font-size:24px}
.hello p{margin:6px 0 0;color:var(--bx-sub)}
.note{display:flex;gap:10px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:12px;background:var(--bx-row);color:var(--bx-text);font-size:13px;line-height:1.5}
.note .ico{color:var(--bx-accent-text);margin-top:1px}
.qk{display:flex;flex-wrap:wrap;gap:8px}
.chp{--fx-fill:var(--bx-chip);display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:19px;box-shadow:inset 0 0 0 1px var(--bx-card-line);font-size:13px;font-weight:600;color:var(--bx-text);white-space:nowrap;text-decoration:none;max-width:100%}
.chp:hover{color:var(--bx-text)}
.chp.on{--fx-fill:var(--bx-chip-on);color:var(--bx-text);box-shadow:0 0 0 1px rgba(var(--bx-glow),.75),0 0 20px rgba(var(--bx-glow),.4)}
.bx[data-theme="t3"] .chp.on{--fx-fill:#DCE7FF;color:#081028}
.tb{border:0;background:transparent;color:var(--bx-accent-text);font-size:12.5px;font-weight:700;cursor:pointer;padding:8px 12px;border-radius:10px;--fx-fill:var(--bx-row);white-space:nowrap}
/* İskelet çubukları */
.skl{display:flex;flex-direction:column;gap:10px;padding:4px 6px}
.skl i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bx-track),var(--bx-bar-2),var(--bx-track));background-size:200% 100%}
.skl i.w1{width:92%}.skl i.w2{width:70%}.skl i.w3{width:48%}
@media (prefers-reduced-motion:no-preference){.skl i{animation:bxsk 1.6s ease-in-out infinite}}
@keyframes bxsk{from{background-position:100% 0}to{background-position:-100% 0}}
/* Liste + durum */
.rl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.rl li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:10px 12px;border-radius:12px;background:var(--bx-row)}
.rl li b{font-weight:600;overflow-wrap:anywhere}
.rl li span{color:var(--bx-sub);font-size:12.5px}
.cntl{margin:0 6px;font-size:12.5px;color:var(--bx-accent-text);font-weight:700}
.pg{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:700;background:var(--bx-track);color:var(--bx-text)}
.pg-ok{background:linear-gradient(135deg,var(--bx-ok-a),var(--bx-ok-b));color:#FFFFFF}
.pg-bad{background:var(--bx-bad);color:#FFFFFF}
.stb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;border-radius:14px;border:1px dashed var(--bx-act-line);background:var(--bx-row)}
.stb>.ico{width:26px;height:26px;color:var(--bx-warn)}
.stb>div{flex:1 1 220px;min-width:0}
.stb b{display:block;font-size:14px}
.stb span{font-size:12.5px;color:var(--bx-sub)}
.empty{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:8px 6px}
.empty p{margin:0;line-height:1.55}
/* Ayarlar */
.prefs{display:flex;flex-direction:column;gap:14px;padding:0 6px}
.pfr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.lbl{min-width:70px;font-weight:700;font-size:13px}
.sw{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.4)}
.sw-t1{background:linear-gradient(135deg,#1E5BFF,#14B8FF)}.sw-t2{background:linear-gradient(135deg,#4C5CF0,#9B5CFF)}.sw-t3{background:linear-gradient(135deg,#E2EAFB,#6EA8FF);box-shadow:0 0 0 1px #6E83B8}
.sel{height:40px;min-width:180px;max-width:100%;padding:0 12px;border-radius:12px;border:1px solid var(--bx-card-line);background:var(--bx-chip);color:var(--bx-text)}
.sel:focus-visible{outline:2px solid var(--bx-focus);outline-offset:2px}
.sel option{background:var(--bx-pop);color:var(--bx-text)}

/* ===== Açıklama alanları (her sayfanın sonu) ===== */
.qa{grid-column:1/-1;display:block;min-width:0}
.hpw{width:100%}.hpw h3{font-size:15px;margin:8px 0 10px;color:var(--bx-text)}
.hpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px}
.hpb{background:var(--bx-card);border:1px solid var(--bx-card-line);border-radius:13px;padding:12px 14px}
.hpb b{display:block;font-size:13.5px;margin-bottom:6px;color:var(--bx-text)}
.hpb p{margin:0;font-size:12.5px;line-height:1.55;color:var(--bx-text)}

/* ===== Toast ===== */
.toast{position:fixed;left:50%;bottom:28px;z-index:90;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:min(92vw,460px);padding:12px 16px 12px 12px;border-radius:14px;background:var(--bx-pop);color:var(--bx-text);border:1px solid var(--bx-act-line);box-shadow:var(--bx-shadow),0 0 26px rgba(var(--bx-glow),.35)}
@media (prefers-reduced-motion:no-preference){.toast{animation:bxtoast .22s ease}}
@keyframes bxtoast{from{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translateX(-50%)}}
.toast .ti{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(var(--bx-glow),.16);color:var(--bx-accent-text);flex:none}
.toast b{display:block;font-size:13.5px}
.toast span{font-size:12.5px;color:var(--bx-sub)}

/* ===== Pop-up / modal: iç kaydırma YOK, sayfayla kayar, sağ üstte sabit Kapat ===== */
.mdw{position:absolute;inset:0;z-index:80;min-height:100%}
.mdbg{position:absolute;inset:0;background:rgba(2,6,16,.62);backdrop-filter:blur(2px)}
.mdl{position:absolute;left:50%;transform:translateX(-50%);width:min(1000px,96vw);max-height:none;overflow:visible;margin-bottom:32px;background:var(--bx-pop);color:var(--bx-text);border:1px solid var(--bx-act-line);border-radius:22px;padding:18px 20px 22px;box-shadow:var(--bx-shadow),0 0 60px rgba(var(--bx-glow),.3)}
.mdx{--fx-fill:var(--bx-chip);position:sticky;top:12px;z-index:2;float:right;float:inline-end;margin-inline-start:12px;height:38px;padding:0 14px;border-radius:19px;box-shadow:inset 0 0 0 1px var(--bx-card-line);font-weight:700;font-size:13px;color:var(--bx-text);white-space:nowrap}
.mdt{margin:4px 0 14px;font-size:20px;font-weight:700;line-height:1.2}
.mdb{display:flex;flex-direction:column;gap:12px;clear:none}
.mdf{display:flex;justify-content:center;margin-top:18px;padding-top:14px;border-top:1px solid var(--bx-pop-line)}
.mdx2{--fx-fill:var(--bx-chip-on);height:40px;padding:0 24px;border-radius:20px;box-shadow:0 0 0 1px rgba(var(--bx-glow),.6);font-weight:700;color:var(--bx-text)}
.pfg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fld{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:var(--bx-row)}
.fld span{font-size:12px;color:var(--bx-sub)}

/* ===== Açılış / hata ekranı ===== */
.boot{margin:auto;padding:40px 16px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;max-width:520px}
.boot img{width:216px;max-width:70vw;height:auto}
.boot h1{margin:0;font-size:22px}
.boot p{margin:0;color:var(--bx-sub)}

/* ===== Açık tema (t3) okunurluk: içerikte koyu yazı, beyaz-üstüne-beyaz yok ===== */
.bx[data-theme="t3"] .card,.bx[data-theme="t3"] .hpb,.bx[data-theme="t3"] .note,.bx[data-theme="t3"] .rl li,.bx[data-theme="t3"] .mdl,.bx[data-theme="t3"] .pop{color:#081028}
.bx[data-theme="t3"] .side{color:#FFFFFF}

/* ===== DUYARLI YERLEŞİM ===== */
@media (max-width:1180px){
  .hdr{padding:14px 20px 10px}.body{padding:4px 20px 28px}
  .hico{width:44px;height:44px}.ttl h1{font-size:24px}.htab{height:38px;padding:0 14px}
  .c4{grid-column:span 6}.c6{grid-column:span 12}
  .pn b{max-width:120px}
}
/* Tablet + telefon: sol menü açılır çekmece */
@media (max-width:900px){
  .side{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(300px,86vw);height:auto;transform:translateX(-105%);transition:transform .22s ease;box-shadow:none;z-index:70}
  [dir="rtl"] .side{transform:translateX(105%)}
  .bx.drawer .side{transform:none;box-shadow:0 0 60px rgba(0,0,0,.6)}
  .bx.drawer .scrim{display:block;position:fixed;inset:0;z-index:65;border:0;padding:0;background:rgba(2,6,16,.6);cursor:pointer}
  .mtog{display:flex}
  .ttl{flex:1 1 0}
  .c4{grid-column:span 12}
  .pfg{grid-template-columns:1fr}
}
@media (max-width:700px){
  .hdr{padding:12px 16px 8px;gap:10px}.body{padding:4px 16px 24px;gap:12px}
  .ttl{gap:10px}.hico{width:40px;height:40px;border-radius:13px}.hico .ico{width:22px;height:22px}.ttl h1{font-size:20px}
  .prof{padding-inline:4px 8px;height:46px}.pn{display:none}.av{width:36px;height:36px;font-size:14px}
  .pop{position:fixed;top:68px;inset-inline:16px;width:auto}
  .mdl{width:calc(100vw - 16px)}
  .mdx{height:36px;padding:0 12px}
  .card{padding:14px 12px}
}
@media (prefers-reduced-motion:reduce){.side{transition:none}}

/* ===== Dalga 1 modülleri (BX-UI1 · Sunucu, Mekânlar, IDPV) ===== */
.mod,.vgrid{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;min-width:0}
.cht{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.mut{color:var(--bx-sub);opacity:.78;font-weight:500}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stb.err{border-color:var(--bx-bad)}
.stb.err>.ico{color:var(--bx-bad)}
/* Etiketler: yazı her temada --bx-text (koyu temada beyaz, t3'te lacivert) */
.tg{display:inline-flex;align-items:center;min-height:22px;padding:1px 9px;margin:2px 4px 2px 0;border-radius:11px;font-size:11.5px;font-weight:700;line-height:1.3;color:var(--bx-text);background:var(--bx-row);box-shadow:inset 0 0 0 1px var(--bx-card-line);white-space:nowrap;vertical-align:middle}
.tg-ok{background:linear-gradient(135deg,var(--bx-ok-a),var(--bx-ok-b));color:#FFFFFF;box-shadow:none}
.tg-warn{background:rgba(245,158,11,.16);box-shadow:inset 0 0 0 1px var(--bx-warn)}
.tg-bad{background:rgba(248,113,113,.16);box-shadow:inset 0 0 0 1px var(--bx-bad)}
.tg-unk{background:transparent;box-shadow:inset 0 0 0 1px var(--bx-ph);border:0;font-style:italic}
/* Özet kutuları */
.stg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:10px}
.stt{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;background:var(--bx-row);box-shadow:inset 0 0 0 1px var(--bx-card-line)}
.stt b{font-family:"Chakra Petch",Inter,sans-serif;font-size:24px;line-height:1.1}
.stt span{font-size:12.5px;color:var(--bx-sub)}
.stt-warn{box-shadow:inset 0 0 0 1px var(--bx-warn)}.stt-ok b{color:var(--bx-text)}.stt-unk{box-shadow:inset 0 0 0 1px var(--bx-ph)}
/* Tablolar (geniş ekranda tablo, ≤900px'de kart) */
.tw{width:100%;overflow-x:auto}
.tbl{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:13px}
.tbl th{text-align:start;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bx-sub);padding:4px 10px}
.tbl td{background:var(--bx-row);padding:9px 10px;vertical-align:top;overflow-wrap:anywhere}
.tbl td:first-child{border-start-start-radius:12px;border-end-start-radius:12px}
.tbl td:last-child{border-start-end-radius:12px;border-end-end-radius:12px}
.tbl td small{display:block;margin-top:3px;font-size:11.5px;color:var(--bx-sub);opacity:.85}
.tbl tr.psv td{opacity:.7}
.tbl .tdx{text-align:end;white-space:nowrap;width:1%}
.tbl code{background:transparent;padding:0}
.dn{font-size:14px}
/* Liste kartları (hosting) */
.hl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hli{padding:12px;border-radius:14px;background:var(--bx-row)}
.hlh{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px}
.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr));gap:8px 14px;font-size:13px}
.kv span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.kv i{font-style:normal;font-size:11.5px;color:var(--bx-sub);opacity:.8}
.hln{display:block;margin-top:8px;font-size:12px;color:var(--bx-sub)}
.prl li{align-items:center;justify-content:flex-start}
.prl .pnote{flex-basis:100%}
/* Filtre çubuğu */
.flt{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center}
.flt .inp{width:auto;min-width:160px;flex:0 1 220px}
.flt .fq{flex:1 1 280px}
/* Formlar */
.inp{width:100%;min-height:40px;padding:8px 12px;border-radius:12px;border:1px solid var(--bx-card-line);background:var(--bx-chip);color:var(--bx-text);font:inherit;font-size:13.5px;color-scheme:dark}
.bx[data-theme="t3"] .inp{color-scheme:light}
textarea.inp{resize:vertical;line-height:1.5}
.inp:focus-visible{outline:2px solid var(--bx-focus);outline-offset:1px}
.inp::placeholder{color:var(--bx-ph);opacity:.75}
select.inp option{background:var(--bx-pop);color:var(--bx-text)}
.frm{display:flex;flex-direction:column;gap:12px}
.fg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:10px 14px}
.ff{display:flex;flex-direction:column;gap:4px;min-width:0}
.ffw{grid-column:1/-1}
.ffl{font-size:12.5px;font-weight:700}
.ffh{font-size:11.5px;color:var(--bx-sub);opacity:.85}
.ffe{font-size:12px;color:var(--bx-bad);font-weight:600}.ffe:empty{display:none}
.ff.bad .inp{border-color:var(--bx-bad)}
.ro{display:block;padding:9px 0;font-size:14px}
.fa{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fmsg{margin:0;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600;background:var(--bx-row)}
.fmsg-bad{box-shadow:inset 0 0 0 1px var(--bx-bad)}.fmsg-info{box-shadow:inset 0 0 0 1px var(--bx-card-line)}
.fmw:empty{display:none}
.chk{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;min-height:32px}
.chk input{width:18px;height:18px;accent-color:var(--bx-a1);flex:none}
.cbx{display:flex;flex-wrap:wrap;gap:4px 16px}
.dng{box-shadow:inset 0 0 0 1px var(--bx-bad)}
.dng:hover{box-shadow:0 0 0 1px var(--bx-bad),0 0 18px rgba(248,113,113,.35)}
button:disabled{opacity:.55;cursor:wait}
/* Mekân detayı */
.fldw{grid-column:1/-1}
.fld b{font-weight:600;overflow-wrap:anywhere}
.pre{white-space:pre-wrap}
.num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.num.open{color:var(--bx-accent-text)}
.dupb{padding:12px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--bx-warn);display:flex;flex-direction:column;gap:6px}
.dupb p{margin:0;font-size:12.5px}
.sbh{margin:6px 0 8px;font-size:14px}
.vh:empty{display:none}
/* IDPV */
.vcard .ch{align-items:center}
.vcard .ch h2{text-transform:none;letter-spacing:.02em;font-size:15px}
.bx[data-theme="t3"] .tbl td,.bx[data-theme="t3"] .stt,.bx[data-theme="t3"] .hli,.bx[data-theme="t3"] .fmsg{color:#081028}
@media (max-width:1180px){.mod>.c6,.vgrid>.c6{grid-column:span 12}}
@media (max-width:900px){
  .tbl thead{display:none}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl{border-spacing:0}
  .tbl tr{margin-bottom:8px;border-radius:14px;background:var(--bx-row);padding:6px 0}
  .tbl td{background:transparent;border-radius:0!important;padding:5px 12px}
  .tbl td::before{content:attr(data-l);display:block;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--bx-sub);opacity:.8;margin-bottom:2px}
  .tbl td.tdx{display:flex;justify-content:flex-end;width:100%}
  .tbl td.tdx::before{content:none}
  .tbl td[colspan]::before{content:none}
  .flt .inp{flex:1 1 100%}
}

/* ===== Dalga 2a (BX-UI2a · Hostesler, WhatsApp/Telegram, Finans) ===== */
.tbl tr.iz td,.tbl tr.iptal td{text-decoration:line-through;text-decoration-color:var(--bx-bad);opacity:.72}
.tbl tr.iz td .tg,.tbl tr.iptal td .tg,.tbl tr.iz td.tdx,.tbl tr.iptal td.tdx{text-decoration:none}
.mny{font-variant-numeric:tabular-nums;white-space:nowrap}
.fnote{display:flex;gap:8px;align-items:flex-start;margin:0;font-size:12.5px;line-height:1.5;color:var(--bx-sub)}
.fnote .ico{width:16px;height:16px;color:var(--bx-accent-text);margin-top:1px}
.stt-key{box-shadow:inset 0 0 0 1px var(--bx-act-line),0 0 18px rgba(var(--bx-glow),.25)}
.stt b .mny{font-size:20px}
/* Gönderim kapalı bandı */
.wabw{display:flex;flex-direction:column;gap:10px;min-width:0}
.wab{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(245,158,11,.14);box-shadow:inset 0 0 0 1.5px var(--bx-warn);color:var(--bx-text)}
.wab>.ico{width:26px;height:26px;color:var(--bx-warn)}
.wab b{display:block;font-size:14.5px}.wab span{font-size:12.5px;color:var(--bx-sub)}
.wab-on{background:rgba(248,113,113,.14);box-shadow:inset 0 0 0 1.5px var(--bx-bad)}
/* Sohbet listesi + mesajlar */
.wcli{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.wci{--fx-fill:var(--bx-row);display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border-radius:12px;text-align:start;color:var(--bx-text)}
.wci span,.wci small{font-size:12px;color:var(--bx-sub);overflow-wrap:anywhere}
.wci.on{--fx-fill:var(--bx-chip-on);box-shadow:0 0 0 1px rgba(var(--bx-glow),.6)}
.wtt{display:flex;flex-direction:column;gap:2px;padding:0 4px}.wtt span{font-size:12.5px;color:var(--bx-sub)}
.wms{display:flex;flex-direction:column;gap:8px;padding:6px 2px}
.wm{max-width:min(560px,88%);padding:10px 12px;border-radius:14px;background:var(--bx-row);box-shadow:inset 0 0 0 1px var(--bx-card-line)}
.wm-in{align-self:flex-start;border-end-start-radius:4px}
.wm-out{align-self:flex-end;border-end-end-radius:4px;background:var(--bx-chip-on);box-shadow:inset 0 0 0 1px var(--bx-act-line)}
.wm-rev{opacity:.7}
.wm p{margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:1.45}
.wmh{font-size:12.5px}.wmm{color:var(--bx-accent-text)}
.wmf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:11.5px;color:var(--bx-sub)}
.wmi{align-self:center;display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:10px;font-size:12px;background:var(--bx-row);box-shadow:inset 0 0 0 1px dashed var(--bx-card-line)}
.wmi .ico{width:15px;height:15px;color:var(--bx-sub)}
.wcmp{padding-top:10px;border-top:1px solid var(--bx-card-line)}
.wgin{border-radius:12px;background:var(--bx-row);padding:8px 12px}
.wgin summary{cursor:pointer;font-weight:700;font-size:13px}
.wgin[open] summary{margin-bottom:8px}
.wqr{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:var(--bx-row);box-shadow:inset 0 0 0 1px var(--bx-warn)}
.wqr>div{display:flex;flex-direction:column;gap:2px}.wqr span{font-size:12.5px;color:var(--bx-sub)}
.bx[data-theme="t3"] .wab,.bx[data-theme="t3"] .wm,.bx[data-theme="t3"] .wci,.bx[data-theme="t3"] .wqr{color:#081028}
@media (max-width:1180px){.mod>.c4,.mod>.c8{grid-column:span 12}}
.c8{grid-column:span 8}
/* Hazırlanıyor ekranı (BX-UI2b) — bağlanmamış bölümler, örnek veri yok */
.prep{display:flex;gap:16px;align-items:center;padding:18px 16px;border-radius:16px;background:var(--bx-row);box-shadow:inset 0 0 0 1px dashed var(--bx-card-line);border:1px dashed var(--bx-act-line)}
.prep>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.prep b{font-size:15px}.prep p{margin:0;font-size:13px;line-height:1.5;color:var(--bx-sub)}
.bx[data-theme="t3"] .prep{color:#081028}
@media (max-width:700px){.prep{flex-direction:column;align-items:flex-start}}