/* ====== Dil seçici: əsas düymə + aşağıya (şaquli) açılan siyahı ====== */
.lang-dd{position:relative;display:inline-block;flex:none}
.lang-dd>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:10px;background:rgba(127,127,127,.16);font-size:12px;font-weight:800;letter-spacing:.04em;color:inherit;user-select:none;-webkit-tap-highlight-color:transparent}
.lang-dd>summary::-webkit-details-marker{display:none}
.lang-dd>summary::marker{content:""}
.lang-dd>summary:hover{background:rgba(127,127,127,.26)}
.lang-dd>summary:after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.75}
.lang-dd[open]>summary:after{transform:rotate(-135deg) translateY(-2px)}
.lang-menu{list-style:none;position:absolute;top:calc(100% + 6px);right:0;left:auto;min-width:150px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:2px;padding:6px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:var(--sh);z-index:90}
.lang-menu li{display:block;width:100%}
.lang-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;color:var(--text)!important;text-decoration:none!important;white-space:nowrap}
.lang-menu a:hover,.lang-menu a:focus-visible{background:var(--soft)}
.lang-menu b{font-size:12px;letter-spacing:.05em;min-width:24px;color:var(--primary-d)}
[data-theme=dark] .lang-menu b{color:var(--primary)}
.lang-menu span{font-size:13px;color:var(--muted)}
.auth-lang{position:absolute;top:16px;right:16px;z-index:3;color:#fff}
.pub-top .lang-dd>summary,.top-right .lang-dd>summary{color:var(--text)}

/* ====== Ayarlarda: dizayn seçimi və rəng ====== */
.design-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 20px}
.dp{position:relative;cursor:pointer;display:block}
.dp input{position:absolute;opacity:0;pointer-events:none}
.dp-card{border:2px solid var(--border);border-radius:16px;padding:12px;background:var(--card);transition:.2s;height:100%;display:flex;flex-direction:column;gap:10px}
.dp:hover .dp-card{border-color:var(--primary)}
.dp input:checked+.dp-card{border-color:var(--primary);box-shadow:0 0 0 4px rgba(44,170,211,.2),var(--sh)}
.dp input:focus-visible+.dp-card{outline:3px solid rgba(44,170,211,.5)}
.dp-card b{display:flex;gap:7px;align-items:center}.dp-card small{color:var(--muted);line-height:1.35}
.dp-ok{position:absolute;right:12px;top:12px;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;display:none;place-items:center}
.dp input:checked~.dp-ok{display:grid}
.mini{height:104px;border-radius:10px;background:#eef3f9;position:relative;overflow:hidden;border:1px solid var(--border)}
.mini i{position:absolute;display:block;border-radius:5px}
/* 1: yan menyu */
.mini.m1 .sb{left:0;top:0;bottom:0;width:26%;background:linear-gradient(180deg,var(--primary-d),#0f2f3d);border-radius:0}
.mini.m1 .c1{left:32%;top:10px;width:30%;height:26px;background:#fff}.mini.m1 .c2{left:66%;top:10px;width:28%;height:26px;background:#fff}
.mini.m1 .c3{left:32%;top:44px;width:62%;height:48px;background:#fff}.mini.m1 .a{left:6%;top:14px;width:14%;height:8px;background:rgba(255,255,255,.7)}
/* 2: üst menyu */
.mini.m2 .sb{left:0;right:0;top:0;height:20px;background:#fff;border-bottom:1px solid #dbe4ef;border-radius:0}
.mini.m2 .a{left:8px;top:6px;width:16%;height:8px;background:var(--primary)}.mini.m2 .a2{left:34%;top:7px;width:40%;height:6px;background:#cfd9e6}
.mini.m2 .c1{left:8%;top:30px;width:26%;height:24px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.1)}.mini.m2 .c2{left:37%;top:30px;width:26%;height:24px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.1)}
.mini.m2 .c3{left:66%;top:30px;width:26%;height:24px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.1)}.mini.m2 .c4{left:8%;top:62px;width:84%;height:30px;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.1)}
/* 3: neon rail */
.mini.m3{background:#0a0f1e}.mini.m3 .sb{left:0;top:0;bottom:0;width:11%;background:#0d1426;border-right:1px solid #1f2c47;border-radius:0}
.mini.m3 .a{left:3%;top:12px;width:5%;height:5%;background:var(--primary);box-shadow:0 0 10px var(--primary)}.mini.m3 .a2{left:3%;top:30px;width:5%;height:5%;background:#33415f}
.mini.m3 .c1{left:17%;top:10px;width:36%;height:30px;background:#111a2e;border:1px solid var(--primary);box-shadow:0 0 12px rgba(44,170,211,.4)}
.mini.m3 .c2{left:57%;top:10px;width:36%;height:30px;background:#111a2e;border:1px solid #1f2c47}.mini.m3 .c3{left:17%;top:48px;width:76%;height:44px;background:#111a2e;border:1px solid #1f2c47}
.color-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:16px}
.color-row .fg input[type=color]{height:46px;padding:4px;cursor:pointer}
.presets{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 18px}
.preset{width:46px;height:46px;border-radius:14px;border:3px solid var(--card);box-shadow:0 0 0 2px var(--border);cursor:pointer;transition:.15s}
.preset:hover{transform:scale(1.1);box-shadow:0 0 0 2px var(--primary)}
.sub-note{font-size:13px;color:var(--muted);margin:2px 0 12px}
.tg-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
@media(max-width:720px){.design-pick{grid-template-columns:1fr}.tg-grid{grid-template-columns:1fr}.auth-lang{top:10px;right:10px}}

/* =====================================================================
   DİZAYN 2 — "Modern": üst menyu, yumşaq kölgəli kartlar, mərkəzləşmiş hero
   ===================================================================== */
.design-2{--r:20px;--r-s:13px}
@media(min-width:901px){
  .design-2 .app{flex-direction:column}
  .design-2 .sidebar,.design-2.area-admin .sidebar{width:100%;height:auto;position:sticky;top:0;flex-direction:row;align-items:center;gap:14px;padding:10px 28px;background:var(--card);color:var(--text);border-bottom:1px solid var(--border);box-shadow:0 4px 18px rgba(25,60,90,.07)}
  .design-2 .sidebar .brand{color:var(--text)!important;padding:0}
  .design-2 .side-label{display:none}
  .design-2 .side-nav{flex-direction:row;flex-wrap:wrap;overflow:visible;gap:4px;margin-left:10px}
  .design-2 .side-nav a{color:var(--muted);padding:9px 14px;border-radius:99px}
  .design-2 .side-nav a:hover{background:var(--soft);color:var(--text)}
  .design-2 .side-nav a.on,.design-2.area-admin .side-nav a.on{background:var(--grad);color:#fff}
  .design-2 .side-nav .admin-link{margin:0 0 0 6px;border-color:var(--border)}
  .design-2 .side-foot{flex-direction:row;border:0;padding:0;align-items:center;gap:10px}
  .design-2 .side-foot .btn-ghost{background:var(--soft);color:var(--text);border-color:var(--border)}
  .design-2 .me b{color:var(--text)}.design-2 .me small{display:none}
  .design-2 .topbar{position:static;background:transparent;border:0;padding:22px 28px 0}
  .design-2 .content{padding-top:14px}
}
.design-2 .card,.design-2 .stat{border:0;box-shadow:0 10px 30px rgba(25,60,90,.08)}
[data-theme=dark].design-2 .card,[data-theme=dark].design-2 .stat{box-shadow:0 10px 30px rgba(0,0,0,.35)}
.design-2 .stat{border-radius:22px}.design-2 .stat-ic{border-radius:50%}
.design-2 .btn{border-radius:99px}.design-2 .btn-sm{border-radius:99px}
.design-2 .card-grad,.design-2 .welcome{border-radius:26px}
.design-2 .table th{background:var(--soft);border:0}.design-2 .table th:first-child{border-radius:10px 0 0 10px}.design-2 .table th:last-child{border-radius:0 10px 10px 0}
.design-2 .tabs-bar{border:0;box-shadow:0 6px 20px rgba(25,60,90,.07);border-radius:99px}.design-2 .tabs-bar .on{border-radius:99px}
.design-2 .pub-top{background:transparent;backdrop-filter:none;border:0;position:absolute;left:0;right:0}
.design-2 .pub-top .wrap{height:78px}
.design-2 .hero{background:linear-gradient(180deg,var(--soft) 0%,var(--bg) 100%);color:var(--text);padding:130px 0 90px}
.design-2 .hero:before{background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:.18;width:700px;height:700px;right:auto;left:50%;transform:translateX(-50%);top:-300px}
.design-2 .hero-in{grid-template-columns:1fr;text-align:center;justify-items:center}
.design-2 .hero h1{font-size:clamp(32px,5.4vw,58px);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.design-2 .hero p{margin:0 auto;color:var(--muted)}
.design-2 .hero-cta,.design-2 .hero-badges{justify-content:center}
.design-2 .hero .pill{background:var(--card);box-shadow:var(--sh-s)}
.design-2 .hero .btn-light{background:var(--grad);color:#fff!important}
.design-2 .hero .btn-outline-light{background:var(--card);color:var(--primary-d)!important;border-color:var(--border)}
.design-2 .hero-card{background:var(--card);border:0;color:var(--text);flex-direction:row;flex-wrap:wrap;justify-content:center;gap:28px;max-width:760px;width:100%;animation:none;box-shadow:var(--sh)}
.design-2 .stats-strip{margin-top:-40px}.design-2 .stat-mini{border:0;border-radius:22px}
.design-2 .step,.design-2 .feat{border:0;box-shadow:0 10px 30px rgba(25,60,90,.08);border-radius:24px}
.design-2 .auth-body{background:var(--bg);color:var(--text)}
.design-2 .auth-body:before{background:var(--primary);opacity:.12}.design-2 .auth-body:after{background:var(--accent);opacity:.12}
.design-2 .auth-brand{color:var(--text)!important}.design-2 .auth-lang{color:var(--text)}
.design-2 .auth-card{border-radius:28px}
@media(max-width:900px){.design-2 .pub-top{position:sticky;background:var(--card)}}

/* =====================================================================
   DİZAYN 3 — "Neon": həmişə tünd, ikon relsi (üzərinə gələndə açılır), parıltılı kartlar
   ===================================================================== */
.design-3{--bg:#080d1a;--card:#101a2e;--text:#e8eefc;--muted:#8d9bb8;--border:#1e2b46;--soft:#15213a;--r:20px;--r-s:14px;
  --sh:0 0 0 1px var(--border),0 14px 44px rgba(0,0,0,.5);--sh-s:0 0 0 1px var(--border),0 6px 24px rgba(0,0,0,.35);
  background:radial-gradient(900px 500px at 85% -10%,rgba(111,64,189,.25),transparent),radial-gradient(800px 500px at -10% 10%,rgba(44,170,211,.18),transparent),#080d1a}
.design-3 [data-theme-toggle]{display:none}
.design-3 a{color:var(--primary)}
.design-3 .card,.design-3 .stat,.design-3 .step,.design-3 .feat,.design-3 .stat-mini,.design-3 .auth-card{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)),var(--card);border:1px solid var(--border);backdrop-filter:blur(8px)}
.design-3 .stat:hover,.design-3 .step:hover,.design-3 .feat:hover,.design-3 .link-card:hover{border-color:var(--primary);box-shadow:0 0 28px rgba(44,170,211,.25)}
.design-3 .stat-ic,.design-3 .step-ic{box-shadow:0 0 22px rgba(44,170,211,.45)}
.design-3 .btn-primary{box-shadow:0 0 22px rgba(44,170,211,.5)}.design-3 .btn-accent{box-shadow:0 0 22px rgba(111,64,189,.5)}
.design-3 .btn-ghost{background:rgba(255,255,255,.04)}
.design-3 .table th{border-color:var(--border)}.design-3 .table td{border-color:rgba(255,255,255,.06)}
.design-3 .topbar{background:rgba(8,13,26,.72);backdrop-filter:blur(10px);border-color:var(--border)}
.design-3 input,.design-3 select,.design-3 textarea{background:rgba(255,255,255,.04)}
.design-3 .chip span{background:rgba(255,255,255,.04)}
.design-3 .code{background:#050912;border:1px solid var(--border)}
.design-3 .tabs-bar{background:var(--card)}
.design-3 .pub-top{background:rgba(8,13,26,.75)}
.design-3 .pub-top nav>a.nav-link{color:var(--text)}
.design-3 .hero{background:radial-gradient(700px 420px at 12% 0%,var(--primary-d),transparent),radial-gradient(600px 420px at 95% 10%,var(--accent),transparent),#070b16;padding:84px 0 110px}
.design-3 .hero h1{text-shadow:0 0 40px rgba(44,170,211,.5)}
.design-3 .hero-card{background:rgba(255,255,255,.05);box-shadow:0 0 40px rgba(111,64,189,.35)}
.design-3 .steps{grid-template-columns:repeat(4,1fr);position:relative}
.design-3 .auth-body{background:radial-gradient(700px 500px at 20% 0%,rgba(44,170,211,.35),transparent),radial-gradient(700px 500px at 100% 100%,rgba(111,64,189,.4),transparent),#070b16}
.design-3 .auth-body:before,.design-3 .auth-body:after{display:none}
.design-3 .flash{backdrop-filter:blur(4px)}
.design-3 .pub-foot{background:#050912;border-top:1px solid var(--border)}
.design-3 .bar i{box-shadow:0 0 14px rgba(44,170,211,.6)}
@media(min-width:901px){
  .design-3 .sidebar,.design-3.area-admin .sidebar{position:fixed;left:0;top:0;width:82px;overflow:hidden;background:rgba(10,16,32,.96);border-right:1px solid var(--border);transition:width .25s,box-shadow .25s;z-index:70;padding:16px 12px}
  .design-3 .sidebar:hover{width:262px;box-shadow:16px 0 60px rgba(0,0,0,.6)}
  .design-3 .main{margin-left:82px}
  .design-3 .sidebar .brand span,.design-3 .side-nav a span,.design-3 .side-label,.design-3 .me div,.design-3 .side-foot .btn{opacity:0;white-space:nowrap;transition:opacity .15s}
  .design-3 .sidebar:hover .brand span,.design-3 .sidebar:hover .side-nav a span,.design-3 .sidebar:hover .side-label,.design-3 .sidebar:hover .me div,.design-3 .sidebar:hover .side-foot .btn{opacity:1}
  .design-3 .side-nav a{padding:12px 14px;gap:16px}
  .design-3 .side-nav a.on,.design-3.area-admin .side-nav a.on{background:var(--grad);box-shadow:0 0 22px rgba(44,170,211,.55)}
}
@media(max-width:900px){.design-3 .sidebar{background:#0a1020}.design-3 .bottombar{background:#0a1020;border-color:var(--border)}}

/* ====== Balans: sürətli məbləğ düymələri, ana səhifə reklam zolağı ====== */
.chip-btn{padding:9px 16px;border-radius:12px;border:2px solid var(--border);background:var(--card);color:var(--text);font:inherit;font-weight:700;cursor:pointer;transition:.15s}
.chip-btn:hover,.chip-btn.on{border-color:var(--primary);background:var(--grad);color:#fff}
.pre-wrap{white-space:pre-wrap;word-break:break-word;margin-top:6px}
.home-ads{background:var(--card);border-bottom:1px solid var(--border);padding:14px 0}
.home-ads-h{display:flex;align-items:center;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;margin-bottom:10px}
.home-ads-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.had{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:14px;background:var(--soft);color:var(--text)!important;text-decoration:none!important;transition:.2s}
.had:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:var(--primary)}
.had-img{width:56px;height:56px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff;overflow:hidden;flex:none}
.had-img img{width:100%;height:100%;object-fit:contain;display:block}
.had-img:has(img){background:var(--soft);border:1px solid var(--border)}
.had b{display:block;font-size:14px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.had small{color:var(--muted);font-size:11.5px}
.design-2 .pub-top{position:sticky;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
[data-theme=dark].design-2 .pub-top{background:rgba(19,32,46,.9)}
.design-2 .hero{padding-top:70px}
.design-3 .home-ads{background:rgba(255,255,255,.02)}


/* ====== Texniki yoxlama (admin/reklamlar) ====== */
.tools-card{padding:0}.tools-sum{cursor:pointer;font-weight:700;display:flex;gap:8px;align-items:center;padding:14px 18px;list-style:none}
.tools-sum::-webkit-details-marker{display:none}.tools-card[open]>.tools-sum{border-bottom:1px solid var(--border)}
.tools-card>.reqs,.tools-card>.btn-row{margin-left:18px;margin-right:18px}.tools-card>.btn-row{margin-bottom:16px}

/* =====================================================================
   Ekrana sığma: heç bir bölmə ekran enindən kənara çıxmasın (telefon / planşet / kompüter)
   ===================================================================== */
html{max-width:100%}
body{overflow-x:hidden;max-width:100%}
.main,.content,.card,.fg,.grid>*,.grid-2>*,.ad-info,.stat>div,.switch-row .sw-txt,.info-box>div{min-width:0}
.card,.flash span,.ad-title,.ad-meta,.hint,.note p,.info-box,.sw-txt small{overflow-wrap:anywhere}
img,video,canvas,svg:not(.ic){max-width:100%}
pre.code,.code{max-width:100%}
.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}
.tabs-bar{max-width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tabs-bar>*{flex:none}
@media(max-width:720px){.tabs-bar{flex-wrap:nowrap}}
.color-row{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr))}
.home-ads-row{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.ad-info{min-width:min(220px,100%)}
.ad-actions{min-width:min(150px,100%)}
.inline-f input,.inline-f select{min-width:0}
.pub-top .wrap{flex-wrap:wrap;height:auto;min-height:66px;padding-top:6px;padding-bottom:6px}
.pub-top nav{flex-wrap:wrap;justify-content:flex-end;min-width:0}
.top-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.top-right{flex:none}
@media(max-width:1180px) and (min-width:901px){
  .design-2 .sidebar,.design-2.area-admin .sidebar{flex-wrap:wrap;padding:10px 18px}
  .design-2 .side-nav{flex:1 1 100%;order:3;margin-left:0}
}
@media(max-width:900px){
  .topbar{gap:8px}.top-right{gap:6px}
  .chip-bal{padding:5px 9px;font-size:12px}
  .searchbar .btn{justify-content:center}
}
@media(max-width:720px){
  .content{padding-left:12px;padding-right:12px}
  .wrap{padding:0 12px}
  .table td{min-width:0;overflow-wrap:anywhere}
  .table td>*:not(.btn):not(form):not(.badge){max-width:100%}
  .table td.acts .btn-row,.table td.acts .inline-f{justify-content:flex-start}
  .table td.acts .inline-f input{flex:1 1 100%}
  .ad-card{gap:12px}.ad-info{flex-basis:100%;min-width:0}
  .ad-actions{min-width:0}.ad-actions .inline-f{flex:1 1 100%}
  .form-actions .btn,.page-actions .btn{flex:1 1 auto}
  .btn{white-space:normal;text-align:center}
  .codebox .code{min-width:0}
  .hero h1{overflow-wrap:anywhere}
  .stats-strip{margin-top:-36px}
  .dd-body{min-width:0;max-width:100%}
  .lang-menu{min-width:140px}
}
@media(max-width:420px){
  .topbar{padding:8px 10px}.top-title{font-size:16px}
  .pub-top nav .btn{padding:6px 10px}
  .auth-card{padding:18px}.card{padding:14px}
}
.had-one{display:flex;max-width:520px}
/* Ümumi başlıq: sol — loqo, ortada keçidlər + Qeydiyyat/Giriş, tam sağda — gecə/gündüz və dil */
.pub-top .wrap{flex-wrap:nowrap}
.pub-top .brand{min-width:0;flex:0 1 auto}
.pub-top .pub-nav{margin-left:auto;flex-wrap:nowrap}
.pub-top .pub-tools{display:flex;align-items:center;gap:6px;flex:none;margin-left:8px}
@media(max-width:720px){
  .pub-top .wrap{flex-wrap:wrap}
  .pub-top .brand{flex:1 1 auto}
  .pub-top .pub-tools{order:2;margin-left:0}
  .pub-top .pub-nav{order:3;flex:1 1 100%;margin-left:0;justify-content:flex-start;gap:8px}
}

/* Yan panel istifadəçi kartı — dizayn variantları */
@media(min-width:901px){
  .design-2 .side-foot .side-user{flex-direction:row;background:var(--soft);border-color:var(--border);padding:5px 6px;border-radius:99px}
  .design-2 .su-mail,.design-2 .su-role{display:none}
  .design-2 .su-name b{color:var(--text);font-size:14px}
  .design-2 .avatar{width:32px;height:32px;border-radius:50%}.design-2 .su-out{width:32px;height:32px;border-radius:50%}
  .design-3 .su-name,.design-3 .su-mail,.design-3 .su-out{opacity:0;white-space:nowrap;transition:opacity .15s}
  .design-3 .sidebar:hover .su-name,.design-3 .sidebar:hover .su-mail,.design-3 .sidebar:hover .su-out{opacity:1}
  .design-3 .side-foot .side-user{padding:6px;overflow:hidden}
}