/* NCMSP v2.7 — yönetim & müşteri paneli arayüzü (site.css üzerine) */
.pv2-govde{background:radial-gradient(1200px 600px at 100% -10%,rgba(99,102,241,.10),transparent 60%),radial-gradient(900px 500px at -10% 110%,rgba(139,92,246,.08),transparent 60%),var(--bg)}
.pv2{grid-template-columns:272px 1fr}

/* ---------- yan menü ---------- */
.yan2{display:flex;flex-direction:column;padding:18px 12px 14px;background:linear-gradient(180deg,rgba(18,20,42,.96),rgba(10,11,24,.98));border-right:1px solid var(--line)}
.yan2 .marka{padding:4px 8px 14px}
.yan2 .marka small{font-size:9px;letter-spacing:2px;color:#a5b4fc;font-weight:700}
.yan-ara{display:flex;align-items:center;gap:8px;margin:0 4px 12px;padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid var(--line);color:var(--mut2)}
.yan-ara input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:13.5px}
.yan-ara:focus-within{border-color:rgba(139,92,246,.5);box-shadow:0 0 0 3px rgba(139,92,246,.12)}
.yan-nav{flex:1;overflow-y:auto;margin:0 -4px;padding:0 4px;scrollbar-width:thin}
.yan2 a,.yan2 summary{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:11px;color:var(--mut);font-weight:600;font-size:14px;transition:background .15s,color .15s;margin-bottom:2px;cursor:pointer;user-select:none}
.yan2 a svg,.yan2 summary svg{width:18px;height:18px;flex:none;opacity:.9}
.yan2 a:hover,.yan2 summary:hover{color:#fff;background:rgba(255,255,255,.045)}
.yan2 a.on{color:#fff;background:linear-gradient(90deg,rgba(139,92,246,.22),rgba(99,102,241,.08));box-shadow:inset 3px 0 0 var(--vio)}
.yan2 a.on svg{color:#c4b5fd;opacity:1}
.yan2 .say{margin-left:auto;background:var(--grad2);color:#fff;font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:999px;line-height:1.6}
.mg{margin:2px 0}
.mg>summary{list-style:none;text-transform:none}
.mg>summary::-webkit-details-marker{display:none}
.mg>summary .chev{margin-left:auto;width:14px!important;height:14px!important;transition:transform .2s;opacity:.6}
.mg>summary .say+.chev{margin-left:6px}
.mg[open]>summary .chev{transform:rotate(90deg)}
.mg[open]>summary{color:#e4e6ff}
.mg-ic{margin:2px 0 6px 14px;padding-left:10px;border-left:1px dashed rgba(255,255,255,.09)}
.mg-ic a{font-size:13.5px;padding:7px 11px}
.mg-ic a svg{width:16px;height:16px}
.yan-nav.araniyor .mg-ic{margin-left:0;border:0;padding:0}
.yan-nav a.gizli,.yan-nav .mg.gizli{display:none}
.yan-alt{border-top:1px solid var(--line);padding-top:10px;margin-top:8px}
.yan-surum{font-size:11px;color:var(--mut2);padding:6px 12px 0}

/* ---------- üst çubuk ---------- */
.ust-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:16px;margin:-26px -30px 22px;padding:14px 30px;background:rgba(7,8,18,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ub-baslik{min-width:0;flex:0 1 auto}
.ub-baslik h1{font-size:21px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}
.ub-yol{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--mut2)}
.ub-yol a{color:var(--mut2)}.ub-yol a:hover{color:#fff}
.ub-ara{position:relative;flex:1;max-width:520px;margin-left:auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--mut2)}
.ub-ara:focus-within{border-color:rgba(139,92,246,.55);box-shadow:0 0 0 3px rgba(139,92,246,.14)}
.ub-ara input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:14px}
.ub-ara kbd{font:600 11px/1 ui-monospace,monospace;color:var(--mut2);border:1px solid var(--line2);padding:3px 6px;border-radius:6px}
.ub-ara-sonuc{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line2);border-radius:14px;box-shadow:var(--shadow);max-height:70vh;overflow:auto;padding:8px;z-index:70}
.ub-ara-sonuc .grp{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mut2);padding:8px 10px 4px}
.ub-ara-sonuc a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--ink)}
.ub-ara-sonuc a:hover,.ub-ara-sonuc a.sec{background:var(--card2)}
.ub-ara-sonuc a small{display:block;color:var(--mut2);font-size:12px}
.ub-ara-sonuc .bos2{padding:14px;color:var(--mut2);font-size:13px}
.ub-sag{display:flex;align-items:center;gap:10px;flex:none}
.acilir{position:relative}
.acilir>summary{list-style:none;cursor:pointer}
.acilir>summary::-webkit-details-marker{display:none}
.acilir-m{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;background:var(--card);border:1px solid var(--line2);border-radius:14px;box-shadow:var(--shadow);padding:6px;z-index:80;animation:gir .15s}
.acilir-m.genis{min-width:300px}
.acilir-m a,.acilir-m button{display:flex;gap:10px;align-items:center;width:100%;padding:9px 11px;border-radius:10px;font-size:14px;color:var(--ink);background:none;border:0;font-family:inherit;cursor:pointer;text-align:left}
.acilir-m a:hover,.acilir-m button:hover{background:var(--card2)}
.acilir-m .am-cikis{color:#fda4af}
.am-bas{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--mut2);padding:8px 11px 4px}
.am-bos{padding:12px;color:var(--mut);font-size:13.5px;display:flex;gap:8px;align-items:center}
.ub-ikon{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line2);color:var(--ink)}
.ub-ikon svg{width:19px;height:19px}
.ub-ikon .nokta{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--bad);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center;border:2px solid var(--bg)}
.ub-kul{display:flex;align-items:center;gap:9px;padding:4px 10px 4px 4px;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.ub-kul .av{width:32px;height:32px;border-radius:10px;background:var(--grad2);display:grid;place-items:center;font-weight:800;color:#fff}
.ub-kul .ad{font-size:13.5px;font-weight:700;line-height:1.15}
.ub-kul .ad small{display:block;color:var(--mut2);font-weight:600;font-size:11px}
.pv2-alt{text-align:left;margin-top:34px}
.ust-m-ara{margin-left:auto;color:#fff}.ust-m-ara svg{width:22px;height:22px}

/* ---------- ortak bileşenler ---------- */
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}
.kpi .k{position:relative;overflow:hidden;padding:16px 18px;border-radius:16px;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line)}
.kpi .k:after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 70%)}
.kpi .k span{display:flex;gap:7px;align-items:center;color:var(--mut);font-size:12.5px;font-weight:600}
.kpi .k b{display:block;font-size:24px;font-weight:800;margin-top:6px;letter-spacing:-.3px}
.kpi .k small{color:var(--mut2);font-size:12px}
.kpi a.k:hover{border-color:rgba(139,92,246,.45)}
.sekmeler{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.sekmeler a{padding:7px 13px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--mut);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.sekmeler a:hover{color:#fff;border-color:var(--line2)}
.sekmeler a.on{color:#fff;background:var(--grad2);border-color:transparent}
.sekmeler a .n{opacity:.75;font-size:12px;margin-left:4px}
.filtre{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.filtre .gir{width:auto;flex:1;min-width:180px}
.filtre select.gir{flex:0 0 auto;min-width:150px}
.tur-rz{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:2px 8px;border-radius:7px;border:1px solid var(--line2);color:#c7cbff}
.tur-rz.lisans{color:#c4b5fd;border-color:rgba(139,92,246,.35);background:rgba(139,92,246,.1)}
.tur-rz.hosting{color:#67e8f9;border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.08)}
.tur-rz.domain{color:#fcd34d;border-color:rgba(251,191,36,.35);background:rgba(251,191,36,.08)}
.kalan{font-size:12px;color:var(--mut2)}.kalan.az{color:#fcd34d}.kalan.gecti{color:#fda4af}
.dlg.genis{max-width:720px;width:calc(100vw - 32px)}
.dlg-sekme{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 14px;padding:4px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.dlg-sekme button{flex:1;min-width:120px;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border-radius:9px;border:0;background:none;color:var(--mut);font:600 13.5px inherit;font-family:inherit;cursor:pointer}
.dlg-sekme button.on{background:var(--grad2);color:#fff}
.dlg-panel[hidden]{display:none}
.secim-k{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:6px 0 4px}
.secim-k label{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;border-radius:12px;border:1px solid var(--line2);cursor:pointer;margin:0;font-weight:600;color:var(--ink)}
.secim-k label small{display:block;font-weight:500;color:var(--mut2);font-size:12px;margin-top:2px}
.secim-k label:has(input:checked){border-color:var(--vio);background:rgba(139,92,246,.1)}
.secim-k input{margin-top:3px}
.not-k{font-size:12.5px;color:var(--mut2);margin-top:6px}
.kutu-satir{display:flex;gap:8px;align-items:center;margin:10px 0 0;font-weight:500;color:var(--ink);cursor:pointer}
.hz-tablo td{vertical-align:middle}
.hz-tablo .act{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.kod-dev{font:800 28px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:6px;text-align:center;padding:18px;border-radius:14px;background:#0b0c17;border:1px dashed rgba(139,92,246,.5);color:#ddd6fe;margin:10px 0}
.adim{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:4px 0 16px}
.adim div{padding:14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.02);font-size:13.5px;color:var(--mut)}
.adim b{display:flex;gap:8px;align-items:center;color:var(--ink);margin-bottom:4px}
.adim b i{font-style:normal;width:22px;height:22px;border-radius:7px;background:var(--grad2);display:grid;place-items:center;font-size:12px;color:#fff}
.ara-grp{margin-bottom:16px}
.ara-grp h3{font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--mut2);margin-bottom:8px}
.ara-grp a{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:12px;border:1px solid var(--line);margin-bottom:6px;background:rgba(255,255,255,.02)}
.ara-grp a:hover{border-color:rgba(139,92,246,.45)}
.ara-grp a small{display:block;color:var(--mut2)}
.taklit-serit{position:sticky;top:0;z-index:95;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding:9px 14px;background:linear-gradient(90deg,#b45309,#d97706);color:#fff;font-weight:700;font-size:13.5px}
.taklit-serit a{background:rgba(0,0,0,.25);padding:4px 12px;border-radius:8px}
.hz-kart{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.hz-kart .hk{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,var(--card2),var(--card))}
.hz-kart .hk:hover{border-color:rgba(139,92,246,.4)}
.hz-kart .hk-bas{display:flex;gap:10px;align-items:center;justify-content:space-between}
.hz-kart .hk h3{font-size:16px;font-weight:800;word-break:break-word}
.hz-kart .hk p{color:var(--mut);font-size:13px}
.hz-kart .hk-alt{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}

@media (max-width:980px){
  .pv2{grid-template-columns:1fr}
  .ust-bar{margin:-18px -18px 16px;padding:10px 18px;flex-wrap:wrap;position:relative;top:auto}
  .ub-baslik h1{max-width:60vw;font-size:18px}
  .ub-ara{order:3;flex-basis:100%;max-width:none}
  .ub-ara kbd,.ub-kul .ad{display:none}
}
@media (max-width:640px){
  .ust-bar{margin:-16px -16px 14px;padding:10px 16px}
  .ub-yol{display:none}
  .acilir-m{position:fixed;left:12px;right:12px;top:auto;min-width:0}
  .kpi{grid-template-columns:1fr 1fr}
}

/* mağaza ekleri */
.ukart h2.uk-ad{font-size:20px;font-weight:800;margin:7px 0 6px}
.ara-grp a>svg:last-child{margin-left:auto;opacity:.6}
.hst-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:26px}
.hst{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px 22px;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(170deg,var(--card2),var(--card));transition:.2s}
.hst:hover{transform:translateY(-3px);border-color:rgba(139,92,246,.5);box-shadow:0 30px 60px -30px rgba(99,102,241,.45)}
.hst.one{border-color:rgba(139,92,246,.6);box-shadow:0 30px 70px -34px rgba(139,92,246,.6)}
.hst .one-rz{position:absolute;top:-11px;left:22px;background:var(--grad2);color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.hst h3{font-size:19px;font-weight:800}
.hst .fy{font-size:32px;font-weight:800;letter-spacing:-.5px}.hst .fy small{font-size:13px;color:var(--mut);font-weight:600}
.hst ul{list-style:none;display:flex;flex-direction:column;gap:7px;color:var(--mut);font-size:14px}
.hst ul li{display:flex;gap:8px;align-items:flex-start}.hst ul svg{color:var(--ok);margin-top:3px}
.hst .btn{margin-top:auto;justify-content:center}
.sayfa-h1{font-size:clamp(30px,4.4vw,46px);font-weight:800;line-height:1.12;letter-spacing:-.5px;margin-bottom:10px}
.sayfa-h1 .em{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (min-width:900px){.ph-hizli{grid-template-columns:repeat(3,1fr)}}
.dlg{margin:auto;max-height:calc(100dvh - 32px);overflow:auto}

/* v2.8 — NCMSP hizmet imzası / tanıtım bandı */
.ft-imza a{color:#c4b5fd;font-weight:700}
.ncm-reklam{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center;margin:14px auto 0;max-width:980px;padding:11px 16px;border-radius:14px;background:linear-gradient(120deg,rgba(99,102,241,.14),rgba(236,72,153,.10));border:1px solid rgba(139,92,246,.35);font-size:13.5px;color:#dfe2ff;text-align:center}
.ncm-reklam .nr-rz{flex:none;font-size:11px;font-weight:800;letter-spacing:1px;padding:3px 9px;border-radius:999px;background:var(--grad2);color:#fff}
.ncm-reklam .nr-m{flex:1 1 280px}
.ncm-reklam .nr-b{flex:none;font-weight:800;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:6px 12px;border-radius:10px}
.ncm-reklam .nr-b:hover{background:rgba(255,255,255,.14)}
.ft-alt{flex-wrap:wrap}
.ft-alt .ft-imza{display:block;flex:1 1 100%;text-align:center}
.pv2-alt .ncm-reklam{margin-left:0}
.adim div>b~b,.adim div>b~*>b{display:inline;margin:0}
.ai-dolu{box-shadow:0 0 0 2px var(--ok) inset;transition:box-shadow .3s}
/* v2.20 NCMSP Konsolu girişi */
.konsol-gir{display:flex;gap:10px;align-items:center;margin:2px 4px 12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(45,212,191,.32);background:linear-gradient(135deg,rgba(14,165,233,.14),rgba(45,212,191,.08));color:inherit}
.konsol-gir:hover{border-color:#2dd4bf}
.konsol-gir .ki{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#0ea5e9,#2dd4bf);color:#03131a}
.konsol-gir b{display:block;font-size:13.5px}.konsol-gir small{display:block;font-size:11.5px;color:var(--mut)}.konsol-gir em{font-style:normal;color:#f5b544;font-weight:700}
.konsol-gir>svg{margin-left:auto;color:var(--mut)}