/* Yönetim paneline özel stiller (tasarımdan birebir) */
.adm .in{max-width:900px}
.adm h1{margin:12px 0 6px}
.adm h2{margin:28px 0 10px;font-size:1.05rem}
.atop{position:sticky;top:calc(-16px - env(safe-area-inset-top,0px));z-index:2;margin:calc(-16px - env(safe-area-inset-top,0px)) -16px 0;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 10px;background:var(--bg);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.asave{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.astate{font-size:.85rem;color:var(--mute)}
.adm .pay{width:auto;padding:11px 18px;font-size:.9rem}
.adm .pay:disabled{opacity:.45;cursor:not-allowed}
.astats{display:flex;flex-wrap:wrap;gap:8px}
.astats span{padding:6px 10px;background:var(--surface);border:1px solid var(--line);font-size:.85rem}
.astats b{font-family:'Inter','Helvetica Neue',Arial,sans-serif;margin-right:4px}
.af{display:flex;flex-direction:column;gap:4px;min-width:0}
.af label{font-size:.78rem;font-weight:600}
.af input,.af select{width:100%;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;border-radius:0}
.af input:focus,.af select:focus{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.af input[aria-invalid="true"]{border-color:#D11A2A;box-shadow:inset 0 0 0 1px #D11A2A}
.aship{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:560px){.aship{grid-template-columns:1fr}}
.ahead{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.adm .aadd{margin:0;padding:9px 14px}
.atools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:12px}
.acount{font-size:.85rem;color:var(--mute);margin:12px 0 8px}
.alist{display:flex;flex-direction:column;gap:10px}
.arow{display:grid;grid-template-columns:44px minmax(0,1fr) 110px;grid-template-areas:"sw n p" "sw c c" "sw s d";gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line)}
.arow.new{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.arow .sw{grid-area:sw;width:44px;height:44px;position:relative;cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.arow .sw input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}
.arow .sw:focus-within{outline:3px solid var(--accent);outline-offset:2px}
.arow .an{grid-area:n}.arow .ap{grid-area:p}.arow .ac{grid-area:c}
.astk{grid-area:s;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}
.astk input{width:18px;height:18px;accent-color:var(--ink)}
.adel{grid-area:d;justify-self:end;padding:8px 12px;border:1px solid var(--line);background:none;font-size:.85rem;font-weight:600;color:#D11A2A}
.adel.armed{background:#D11A2A;border-color:#D11A2A;color:#fff}
@media (min-width:760px){.arow{grid-template-columns:44px minmax(0,2fr) 100px minmax(0,1.2fr) auto auto;grid-template-areas:"sw n p c s d";align-items:end}}
.aundo{margin-top:20px;padding:10px 0;border:0;background:none;text-decoration:underline;font-weight:600}
.atabs{display:flex;gap:4px;margin:14px 0 18px;border-bottom:2px solid var(--line);overflow-x:auto}
.atabs button{flex:none;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:0;background:none;font-weight:800;color:var(--mute);margin-bottom:-2px;border-bottom:3px solid transparent}
.atabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--accent)}
.tb{min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:.72rem;border-radius:10px}
.ofilt{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.ofilt button{padding:7px 12px;border:1px solid var(--line);background:var(--surface);font-size:.85rem;font-weight:600}
.ofilt button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.olist{display:flex;flex-direction:column;gap:12px}
.ocard{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--line);padding:14px;display:grid;gap:12px}
.ocard.st-new{border-left-color:var(--accent)}.ocard.st-prep{border-left-color:#2F6FDE}.ocard.st-shipped{border-left-color:#1E8E3E}.ocard.st-cancel{border-left-color:#9AA5BA;opacity:.75}
.ohd{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ohd b{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:1rem}
.ohd time{font-size:.85rem;color:var(--mute);margin-left:auto}
.pill{padding:2px 9px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor}
.pill.st-new{color:#A77B00}.pill.st-prep{color:#2F6FDE}.pill.st-shipped{color:#1E8E3E}.pill.st-cancel{color:var(--mute)}
.pill.pay-paid{color:#fff;background:#1E8E3E;border-color:#1E8E3E}.pill.pay-pending,.pill.pay-processing{color:#A77B00}
.pill.pay-partial,.pill.pay-invalid{color:#C5221F}.pill.pay-expired{color:var(--mute)}
.ocols{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:700px){.ocols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.ocust{display:flex;flex-direction:column;gap:2px;font-size:.9rem;min-width:0;overflow-wrap:anywhere;user-select:text}
.ocust b{font-size:1rem}
.oitems{list-style:none;margin:0;padding:0;font-size:.9rem}
.oitems li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px dashed var(--line)}
.oitems li span{min-width:0}
.oitems li b{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-weight:600;white-space:nowrap}
.oitems li.tot{border-bottom:0;font-weight:800;padding-top:8px}
.oact{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.oact .af{width:190px}
.oact button{padding:10px 12px;border:1px solid var(--line);background:none;font-size:.85rem;font-weight:600}
.oact .adel{grid-area:auto;margin-left:auto}
.uform{display:grid;grid-template-columns:1fr;gap:16px;background:var(--surface);border:1px solid var(--line);padding:16px}
@media (min-width:700px){.uform{grid-template-columns:240px minmax(0,1fr)}}
.upick{display:flex;flex-direction:column;gap:8px}
.upick input{position:absolute;width:1px;height:1px;opacity:0}
.ubox{aspect-ratio:1/1;max-width:100%;display:grid;place-items:center;text-align:center;border:2px dashed var(--line);background:var(--bg) center/cover no-repeat;cursor:pointer;padding:12px}
.ubox:hover,.upick input:focus-visible+.ubox{border-color:var(--ink)}
.ubox.has{border-style:solid}
.ubox.has span{display:none}
.ubox b{display:block}.ubox small{display:block;color:var(--mute);font-size:.8rem;margin-top:4px}
.ulink{align-self:flex-start;border:0;background:none;padding:4px 0;font-size:.85rem;font-weight:600;text-decoration:underline;color:#D11A2A}
.ufields{display:flex;flex-direction:column;gap:12px;min-width:0}
.ugrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}
.af textarea{width:100%;padding:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;border-radius:0;resize:vertical}
.af textarea:focus{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.adm .uform .pay{width:100%}
.urecent{margin-top:28px}
.lcard{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--line);padding:16px}
.lhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.lsw{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-size:1.05rem}
.lsw input{position:absolute;opacity:0;width:1px;height:1px}
.lknob{position:relative;width:52px;height:30px;border-radius:15px;background:var(--line);transition:background .2s;flex:none}
.lknob::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.lsw input:checked+.lknob{background:#13307A}
.lsw input:checked+.lknob::after{transform:translateX(22px)}
.lsw input:focus-visible+.lknob{outline:3px solid var(--accent);outline-offset:2px}
.lstate{padding:3px 10px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border:1px solid currentColor}
.lstate.on{color:#1E8E3E}.lstate.off{color:var(--mute)}
.led.lprev{margin:0}
@media (prefers-reduced-motion:reduce){.lknob,.lknob::after{transition:none}}
@media (min-width:700px){.cform{grid-template-columns:180px minmax(0,1fr)}}
.cbox{aspect-ratio:76/52}
.crow{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"im n" "im z" "ac ac";gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line)}
.crow .flag{grid-area:im;cursor:pointer;border:0;padding:0}
.crow .an{grid-area:n}
.crow .cz{grid-area:z;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.cact{grid-area:ac;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cact .cnum{font-size:.85rem;color:var(--mute);margin-right:auto}
.cact button{padding:8px 12px;border:1px solid var(--line);background:none;font-size:.85rem;font-weight:600}
.cact button:disabled{opacity:.4;cursor:not-allowed}
.cact .adel{grid-area:auto;justify-self:auto}
.cdel{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid #D11A2A;background:var(--bg)}
.cdel p{margin:0;font-size:.9rem}
.cdbtn{display:flex;flex-wrap:wrap;gap:8px}
.cdbtn button{padding:9px 14px;border:1px solid var(--line);background:none;font-weight:600}
.cdbtn .cdok{background:#D11A2A;border-color:#D11A2A;color:#fff}
.aoptw{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--line);padding-top:10px}
.aoptw .ulink{color:var(--ink)}
.aorow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:8px;align-items:end}
.aorow button{padding:9px 10px;border:1px solid var(--line);background:none;font-size:.85rem;font-weight:600;color:#D11A2A}
.aoadd{align-self:flex-start;padding:8px 12px;border:1px solid var(--ink);background:none;font-size:.85rem;font-weight:700}
.aohint{margin:0;font-size:.82rem;color:var(--mute)}
@media (min-width:760px){.crow{grid-template-columns:76px minmax(0,1.6fr) minmax(0,1.4fr) auto;grid-template-areas:"im n z ac";align-items:end}.cact .cnum{margin-right:6px}}
.arow .sw{background-size:cover;background-position:center;display:grid;place-items:center;color:rgba(255,255,255,.9);font-weight:800;border:0;padding:0}
.aopts{grid-area:s;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:.85rem}
.aopts .astk{grid-area:auto}
.aopts input[type=color]{width:30px;height:24px;padding:0;border:1px solid var(--line);background:none;vertical-align:middle}
.aopts .ulink{padding:0}
@media (min-width:760px){.arow{grid-template-columns:44px minmax(0,2fr) 100px minmax(0,1.2fr) auto auto}}
/* Uygulamada eklenenler (tasarımda yok): giriş ekranı, çıkış ve yenile düğmeleri */
.aleft{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.aleft .back{color:var(--ink);text-decoration:none}
.alogin .in{max-width:420px}
.alogin .back{color:var(--ink);text-decoration:none}
.alogin .pay{width:100%}
.abooting{text-align:center}
.ahead .ocp{flex:none}
/* İlk kurulum ekranı */
.asetup .in{max-width:620px}
.sform{display:flex;flex-direction:column;gap:16px}
.sform .lcard h2{margin:0}
.sform .pay{width:100%}
.sform .err{display:block;color:#D11A2A;font-size:.8rem}
.sform .err:empty{display:none}
@media (max-width:560px){.sgrid{grid-template-columns:1fr}}
/* Telegram sekmesi */
.tgbtns{display:flex;flex-wrap:wrap;gap:8px}
.tgchat{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:var(--bg);border:1px solid var(--line);text-align:left;width:100%}
.tgchat small{color:var(--mute)}
#tgForm .pay{width:100%}
/* Tüm ürünleri sil */
.adelall{align-items:center;margin:28px 0 10px}
.adelall h2{margin:0}
.adelall .adel{grid-area:auto}
#aDelAllBox{margin-bottom:12px}
#aDelAllBox .err{display:block;color:#D11A2A;font-size:.8rem}
#aDelAllBox .err:empty{display:none}
/* SSS sekmesi */
.fqh{margin:0}
#fqForm .pay,#hpForm .pay,#qbForm .pay{width:100%}
.fqrow{display:grid;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line)}
.fqrow .cact .fqsave:not(:disabled){border-color:var(--ink);background:var(--ink);color:var(--bg)}
.fqrow .cact .adel{margin-left:auto}
/* Banner sekmesi */
.bnbox{aspect-ratio:16/7;background-color:#0F1E4A;color:#fff}
.bnbox small{color:#C9D1E3}
.flabel{display:block;font-size:.78rem;font-weight:600;margin-bottom:6px}
#bnForm .pay{width:100%}
/* Liste düzenleyicisinde görsel alanı */
.limg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.limgp{width:120px;aspect-ratio:4/3;border:1px dashed var(--line);background:var(--bg) center/cover no-repeat}
.limg button{padding:8px 12px;border:1px solid var(--line);background:none;font-size:.85rem;font-weight:600}
.limg button:disabled{opacity:.5;cursor:progress}
/* Ürünleri kategori içinde sıralama */
.amv{display:inline-flex;gap:4px;margin-left:auto}
.amv button{width:34px;height:30px;padding:0;border:1px solid var(--line);background:none;font-weight:700}
.amv button:disabled{opacity:.35;cursor:not-allowed}

/* ===== Profesyonel panel görünümü: yan menü, üst çubuk, kartlar ===== */
.adm{--a-side:#0F1E4A;--a-side-ink:#C9D1E3;--a-side-mute:#7E8AA8;--a-brand:#13307A;--a-r:8px;--a-radius:12px;--a-shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08)}
#admin.page{padding:0}
.ashell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100%}

/* Yan menü */
.aside{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;gap:6px;background:var(--a-side);color:var(--a-side-ink);padding:calc(env(safe-area-inset-top,0px) + 18px) 14px 16px;overflow-y:auto}
.abrand{display:flex;align-items:center;gap:10px;padding:2px 8px 16px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08)}
.amark{flex:none;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#14213D;display:grid;place-items:center;font-weight:800;font-size:1.1rem}
.abrand b{display:block;color:#fff;font-size:1rem;line-height:1.2}
.abrand small{display:block;color:var(--a-side-mute);font-size:.75rem}
.adm .atabs{flex:1;flex-direction:column;gap:2px;margin:0;border:0;overflow:visible}
.agrp{padding:14px 10px 6px;color:var(--a-side-mute);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.adm .atabs button{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:9px 10px;border:0;border-radius:var(--a-r);background:none;color:var(--a-side-ink);font-size:.9rem;font-weight:600;text-align:left}
.adm .atabs button:hover{background:rgba(255,255,255,.06);color:#fff}
.adm .atabs button[aria-selected="true"]{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.adm .atabs .tb{margin-left:auto}
.ai{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.afoot{display:flex;flex-direction:column;gap:2px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.adm .afoot .back,.adm .afoot .ocp{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:var(--a-r);background:none;color:var(--a-side-ink);font-size:.9rem;font-weight:600;text-align:left;text-decoration:none;box-shadow:none}
.adm .afoot .back:hover,.adm .afoot .ocp:hover{background:rgba(255,255,255,.06);color:#fff}
.afoot .back svg{width:18px;height:18px;stroke-width:1.8}

/* Üst çubuk ve içerik */
.amain{min-width:0;display:flex;flex-direction:column}
.adm .atop{position:sticky;top:0;z-index:5;margin:0;padding:calc(env(safe-area-inset-top,0px) + 14px) 32px 14px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.adm .atop h1{margin:0;font-size:1.35rem;letter-spacing:-.01em}
.adm .amain .in{width:100%;max-width:1080px;margin:0;padding:24px 32px 64px}
.adm .lead{max-width:72ch;margin:0 0 20px;color:var(--mute);font-size:.92rem}
.adm h2{font-size:1rem;letter-spacing:-.005em}
.adm .note{border-radius:var(--a-r);box-shadow:var(--a-shadow)}

/* Düğmeler */
.adm .pay{width:auto;padding:10px 18px;border:0;border-radius:var(--a-r);background:var(--a-brand);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:none;text-shadow:none;box-shadow:var(--a-shadow)}
.adm .pay:hover:not(:disabled){background:#0B1A45}
.adm .pay:disabled{opacity:.4}
.adm .amain .ocp,.ofilt button,.oact button,.cact button,.limg button,.aoadd,.amv button,.cdbtn button,.adel,.tgbtns button,.aorow button,.aundo{border-radius:var(--a-r)}
.adm .amain .ocp{padding:9px 14px;border:1px solid var(--line);background:var(--surface);font-size:.88rem;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.adm .amain .ocp:hover,.oact button:hover,.cact button:hover:not(:disabled),.limg button:hover,.amv button:hover:not(:disabled){border-color:var(--ink)}

/* Form alanları */
.adm .af label,.adm .flabel{color:var(--mute);font-size:.8rem;font-weight:600}
.adm .af input,.adm .af select,.adm .af textarea{padding:10px 12px;border-radius:var(--a-r);font-size:.95rem}
.adm .af input:focus,.adm .af select:focus,.adm .af textarea:focus{border-color:var(--a-brand);box-shadow:0 0 0 3px rgba(19,48,122,.15)}

/* Kartlar */
.adm .lcard,.adm .uform,.arow,.crow,.fqrow,.ocard{border-radius:var(--a-radius);box-shadow:var(--a-shadow)}
.adm .lcard,.adm .uform{padding:20px}
.ocard{border-left-width:4px;padding:16px}
.ubox,.limgp,.cdel{border-radius:var(--a-r)}
.arow .sw{border-radius:8px;overflow:hidden}
.adm .amain .alist>.empty,.adm .amain .olist>.empty{margin:0;padding:28px 16px;border:1px dashed var(--line);border-radius:var(--a-radius);background:var(--surface);color:var(--mute);text-align:center}

/* Sipariş özetleri, filtreler, etiketler */
.astats{gap:12px}
.astats span{display:flex;flex-direction:column-reverse;gap:2px;min-width:128px;padding:14px 16px;border-radius:var(--a-radius);box-shadow:var(--a-shadow);color:var(--mute);font-size:.8rem}
.astats b{margin:0;color:var(--ink);font-size:1.45rem;line-height:1.1}
.ofilt button{padding:6px 14px;border-radius:999px}
.ofilt button[aria-pressed="true"]{background:var(--a-brand);border-color:var(--a-brand);color:#fff}
.pill{padding:3px 10px;border:0;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);letter-spacing:.03em}
.lstate{border-radius:999px}

/* Giriş ekranı */
.alogin.page:not([hidden]){display:grid;place-items:center}
.alogin .in{width:100%;max-width:400px}
.alogin .amark{margin-top:16px}
.alogin h1{margin:12px 0 4px;font-size:1.6rem}
.alogin .lcard{padding:24px;border-radius:16px;box-shadow:0 12px 32px -14px rgba(15,30,74,.3)}
.alogin .pay{width:100%;padding:12px 18px;border:0;border-radius:var(--a-r);background:#13307A;color:#fff;font-size:.95rem;letter-spacing:0;text-transform:none;text-shadow:none}
.alogin .af input{padding:11px 12px;border-radius:8px}

/* Mobil: yan menü soldan açılan çekmece (hamburger), üst çubukta başlık ve kaydet */
.amenu,.aclose{display:none}
.atitle{min-width:0;flex:1}
.atitle p{margin:2px 0 0;color:var(--mute);font-size:.82rem}
.atitle p:empty{display:none}
.adm .atop:not([data-catalog]) .asave:has(#aSave:disabled){display:none}
.ascrim{position:fixed;inset:0;z-index:40;background:rgba(10,16,35,.45)}
@media (max-width:899px){
  .ashell{grid-template-columns:1fr}
  .aside{position:fixed;inset:0 auto 0 0;z-index:50;width:min(300px,84vw);height:100%;transform:translateX(-100%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s;box-shadow:0 0 40px rgba(0,0,0,.35);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}
  .aside.open{transform:none;visibility:visible;transition:transform .22s ease}
  .adm .atabs button{padding:11px 10px;font-size:.95rem}
  .amenu{flex:none;display:grid;place-items:center;width:42px;height:42px;margin-left:-6px;padding:0;border:0;border-radius:var(--a-r);background:none;color:var(--ink)}
  .amenu .ai{width:24px;height:24px}
  .amenu{position:relative}
  .adm:has(#oNew:not([hidden])) .amenu::after{content:"";position:absolute;top:8px;right:7px;width:9px;height:9px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 2px var(--bg)}
  .aclose{display:grid;place-items:center;flex:none;width:36px;height:36px;margin-left:auto;padding:0;border:0;border-radius:var(--a-r);background:none;color:var(--a-side-ink)}
  .aclose:hover{background:rgba(255,255,255,.08);color:#fff}
  .adm .atop .asave:has(#aSave:disabled){display:none}
  .amenu:active{background:color-mix(in srgb,var(--ink) 8%,transparent)}
  .adm .atop{flex-wrap:wrap;gap:6px 10px;padding:calc(env(safe-area-inset-top,0px) + 8px) 16px 8px}
  .adm .atop h1{font-size:1.15rem}
  .atitle p{font-size:.78rem}
  .asave{flex-basis:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}
  .astate{font-size:.82rem}
  .adm .amain .in{padding:16px 16px 48px}
  .adm .ahead:has(.astats){flex-wrap:wrap;align-items:stretch}
  .astats{flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .astats span{min-width:0}
}
.amenu-open,.amenu-open body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.aside{transition:none!important}}

/* Kategori: depo geçici olarak kapalı */
.cclose{grid-column:1/-1;display:flex;flex-direction:column;gap:10px;padding-top:12px;border-top:1px dashed var(--line)}
.cclose .lsw{font-size:.92rem;font-weight:600}
.cclose .lsw input:checked+.lknob{background:#C2410C}
.cnote small{color:var(--mute);font-size:.78rem}
.crow.isclosed{border-color:#EA9A5B;box-shadow:inset 4px 0 0 #C2410C,var(--a-shadow)}
/* Renkli metin araç çubuğu (color-bar.js): data-colors alanının üstünde açılır */
.cbar{position:fixed;z-index:200;display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px -12px rgba(15,30,74,.45)}
.cbar[hidden]{display:none}
.cbar button{width:22px;height:22px;padding:0;border:2px solid var(--surface);border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px var(--line);cursor:pointer}
.cbar button:hover,.cbar button:focus-visible{box-shadow:0 0 0 2px var(--ink);outline:none}
.cbar .cbx{background:var(--surface);color:var(--ink);font-weight:800;line-height:1}
.cbar span{margin-left:4px;color:var(--mute);font-size:.75rem;white-space:nowrap}
.crow .csub{grid-column:1/-1}
.cbar .cbb{width:26px;height:26px;border-radius:6px;background:var(--surface);color:var(--ink);font-weight:900;font-size:.9rem;line-height:1;margin-right:2px}
/* Ürün rozeti + indirimdeki eski fiyat (products.js badgeBox) */
.abadge{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;border-top:1px dashed var(--line);padding-top:10px}
.abadge .af{width:200px}
/* Site ayarları sekmesi (site.js): bölüm başlıkları, Google önizlemesi, ikon */
.lcard .lsub{margin:8px 0 0;font-size:1rem}
.lcard .lsub:first-child{margin-top:0}
.sicnt{float:right;color:var(--mute);font-weight:400}
.gprev{display:flex;flex-direction:column;gap:2px;max-width:600px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-family:Arial,Helvetica,sans-serif}
.gprev .gurl{display:flex;align-items:center;gap:8px;color:#202124;font-size:.8rem}
.gprev .gurl img{border-radius:50%;background:#f1f3f4}
.gprev b{color:#1a0dab;font-size:1.15rem;font-weight:400;line-height:1.3}
.gprev p{margin:0;color:#4d5156;font-size:.85rem;line-height:1.5}
.sicon{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.sicon img{width:64px;height:64px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sicon label.ocp{cursor:pointer}
/* Ürün galerisi (gallery.js): küçük fotoğraflar, sıralama/kapak/sil düğmeleri */
.agal{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;border-top:1px dashed var(--line);padding-top:10px}
.agthumbs{display:flex;flex-wrap:wrap;gap:8px}
.agth{position:relative;width:84px;height:84px;border:1px solid var(--line);border-radius:8px;background:var(--line) center/cover no-repeat;overflow:hidden}
.agth button{position:absolute;bottom:4px;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:rgba(15,30,74,.78);color:#fff;font-size:.8rem;line-height:22px;cursor:pointer}
.agth button:disabled{opacity:.35;cursor:default}
.agth [data-gmv="-1"]{left:4px}
.agth [data-gmain]{left:31px;color:#F2B705}
.agth [data-gmv="1"]{left:58px}
.agth .agdel{top:4px;right:4px;bottom:auto;background:rgba(209,26,42,.85)}
.agadd{width:84px;height:84px;border:2px dashed var(--line);border-radius:8px;background:none;color:var(--ink);font-size:.78rem;font-weight:700;cursor:pointer}
.agadd:hover:not(:disabled){border-color:var(--ink)}
.agadd:disabled{color:var(--mute);cursor:default}
/* İndirim kodları sekmesi (discounts.js) */
.dcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.dcgrid .dccode{grid-column:1/-1}
.dcrow{display:flex;gap:8px}
.dcrow input{flex:1;text-transform:uppercase;font-family:'Inter',ui-monospace,monospace;letter-spacing:.06em}
.dchead{margin:24px 0 10px}
.dclist{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.dccard{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--a-radius,10px);box-shadow:var(--a-shadow,none)}
.dctop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dccodebtn{padding:4px 10px;border:1px dashed var(--ink);border-radius:6px;background:var(--bg);color:var(--ink);font-family:'Inter',ui-monospace,monospace;font-weight:700;letter-spacing:.08em;cursor:copy}
.dcamt{margin:0;font-size:1.25rem;font-weight:800}
.dcrules,.dcuse{margin:0;font-size:.82rem;color:var(--mute)}
.dcuse b{color:var(--ink)}
.dcact{display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.dcact .lsw{font-size:.9rem}
.oitems .odisc b{color:#1E8E3E}
/* Siparişler: toplu seçim çubuğu ve etiketler (orders.js) */
.obulk{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.osall{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;cursor:pointer}
.osall input,.osel input{width:18px;height:18px;accent-color:#13307A;cursor:pointer}
.obulk select,.obulk input[type="text"],.obulk #oBulkTag{padding:8px 10px;border:1px solid var(--line);border-radius:var(--a-r,8px);background:var(--surface);color:var(--ink);font:inherit;font-size:.88rem}
.obact{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border:1px solid #13307A;border-radius:10px;background:rgba(19,48,122,.06)}
.obact b{font-size:.88rem;margin-right:4px}
.osel{display:inline-flex;align-items:center;margin-right:6px}
.ocard.sel{outline:2px solid #13307A;outline-offset:-2px}
.otags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.otag{padding:2px 9px;border-radius:999px;background:#F2B705;color:#14213D;font-size:.72rem;font-weight:800;letter-spacing:.03em}
/* E-postalar sekmesi (customers.js) */
.cubar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px}
.cubar input[type="search"]{flex:1 1 220px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--a-r,8px);background:var(--surface);color:var(--ink);font:inherit}
.cuwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--a-radius,10px);background:var(--surface)}
.cutable{width:100%;border-collapse:collapse;font-size:.88rem}
.cutable th{position:sticky;top:0;padding:10px 12px;background:var(--bg);text-align:left;font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.cutable td{padding:10px 12px;border-top:1px solid var(--line);white-space:nowrap}
.cutable td:first-child{font-weight:600}
.cutable .yes{color:#1E8E3E;font-weight:700}
.cutable .empty{text-align:center;color:var(--mute)}
/* En az sipariş tutarı (products.js onMinOrderInput) */
.amin{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px}
.amin .af{width:260px}
.amin .aohint{flex:1 1 280px;margin:0 0 6px}
/* Sipariş kartı: takip numarası + iç not (orders.js saveNote) */
.onote{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:end;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
@media (max-width:760px){.onote{grid-template-columns:1fr}}
/* Rapor sekmesi (report.js): 30 günlük çubuk grafik, en çok satanlar */
.rpchart{display:grid;grid-template-columns:repeat(30,minmax(0,1fr));align-items:end;gap:3px;height:180px;padding-top:8px}
.rpbar{display:flex;flex-direction:column;justify-content:flex-end;height:100%;min-width:0}
.rpbar i{display:block;min-height:2px;border-radius:3px 3px 0 0;background:#13307A}
.rpbar:hover i{background:#F2B705}
.rpbar small{margin-top:4px;color:var(--mute);font-size:.6rem;text-align:center;white-space:nowrap;overflow:hidden}
.rpbar:not(:nth-child(5n)) small{visibility:hidden}
.rptop{margin-top:14px}
.rptop ol{margin:0;padding-left:20px}
.rptop li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.rptop li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Banner altı yazılar: başlık + alt yazı yan yana */
.btsub{font-size:.85rem;font-weight:800;margin:14px 0 6px}
.btrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px}
@media (max-width:640px){.btrow{grid-template-columns:1fr;gap:0}}

/* Kargo bölgeleri (depolar) */
.zlist{display:flex;flex-direction:column;gap:14px;margin:12px 0 28px}
.zcard{padding:16px;border:1px solid var(--line);border-radius:var(--a-radius);background:var(--surface);box-shadow:var(--a-shadow)}
.zhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.zhead .flag{position:relative;flex:none;width:34px;height:24px;border-radius:4px;overflow:hidden}
.zhead h3{flex:1;min-width:0;margin:0;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zhead .amv{margin-left:0}
.zgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 14px}
.zopts{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 22px;margin-top:6px}
.zsw{font-size:.88rem;font-weight:600}
.zbt{flex:1 1 240px;max-width:360px}
.zuse{margin:12px 0 0;padding-top:10px;border-top:1px dashed var(--line)}
@media (max-width:760px){.zgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.zgrid{grid-template-columns:1fr}.zopts{flex-direction:column;align-items:stretch}.zbt{max-width:none}}
.zfaq{grid-column:span 2}
@media (max-width:480px){.zfaq{grid-column:auto}}

/* Mağaza yazıları */
.txform h2.lsub{margin-top:26px}
.txform h2.lsub:first-child{margin-top:0}
.txform small.aohint{display:block;margin-top:4px}
.txcoins{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px}
.txcoin{display:grid;grid-template-columns:32px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr) auto auto;gap:4px 12px;align-items:end;padding:12px;border:1px solid var(--line);border-radius:var(--a-r);background:var(--bg)}
.txcoin .af{margin:0}
.txico{width:32px;height:32px;margin-bottom:6px}
.txcoin .adel,.zhead .adel{grid-area:auto}
.txval{grid-column:2/-1;color:var(--mute);font-size:.8rem}
.txmode{display:flex;flex-wrap:wrap;gap:8px 22px;margin:6px 0}
.txmode label{display:flex;align-items:center;gap:8px;font-weight:600}
.txcty{max-height:340px;overflow:auto;border:1px solid var(--line);border-radius:var(--a-r);background:var(--bg)}
.txcrow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);font-size:.9rem}
.txcrow:last-child{border-bottom:0}
.txcrow label{display:flex;align-items:center;gap:6px;color:var(--mute);font-size:.82rem;white-space:nowrap}
.txcty.all [data-ship]{opacity:.35}
.acform{max-width:460px}
@media (max-width:640px){
  .txcoin{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr)}
  .txcoin .af:nth-of-type(3){grid-column:2/-1}
  .txval{grid-column:1/-1}
  .txcrow{grid-template-columns:minmax(0,1fr);gap:4px}
}

/* E-posta bildirimleri */
.emform h2.lsub{margin-top:24px}
.emform h2.lsub:first-child{margin-top:0}
.emform textarea{font-family:inherit;line-height:1.5}
.emvars code{padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--ink) 7%,transparent);font-size:.82em}
.emtest,.emlog{margin-top:16px}
.emtrow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px}
.emtrow .af{flex:1 1 220px;margin:0}
.emtrow .ocp{flex:none}
.emlog ul{list-style:none;margin:0;padding:0}
.emlog li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.88rem}
.emlog li:last-child{border-bottom:0}
.emwhen,.emto{color:var(--mute)}
.emlog .ok .emst{color:#1E8E3E;font-weight:600}
.emlog .bad .emst{color:#D11A2A;font-weight:600}
.emst{margin-left:auto}

/* Güncellemeler */
.uphead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.uphead>div{display:flex;flex-direction:column;gap:2px}
.upcur{color:var(--mute);font-size:.8rem;font-weight:600}
.uphead b{font-size:1.5rem;line-height:1.1}
.uphead small{color:var(--mute);font-size:.8rem}
.upstate{margin-top:16px;padding:14px 16px;border-radius:var(--a-r);background:color-mix(in srgb,var(--a-brand) 7%,transparent)}
.upstate p{margin:0 0 8px}
.upstate .upbad{color:#B42318}
.upstate .upok{color:#1E8E3E}
.upsteps{margin:8px 0 0;padding-left:22px;color:var(--mute);font-size:.9rem}
.upsteps li{margin:3px 0}
.upsteps .done{color:#1E8E3E}
.upsteps .done::marker{content:"✓  "}
.upsteps .now{color:var(--ink);font-weight:700}
.uplist{list-style:none;margin:8px 0 14px;padding:0}
.uplist li{padding:12px 0;border-bottom:1px solid var(--line)}
.upv{display:flex;align-items:baseline;gap:10px}
.upv small{color:var(--mute);font-size:.8rem}
.upnotes{margin:6px 0 0;white-space:pre-wrap;font-size:.9rem;color:var(--ink)}

/* Site ayarları → Marka */
.brform{margin-bottom:16px}
.brrow{display:grid;grid-template-columns:200px minmax(0,1fr);gap:18px;align-items:start}
.brprev{display:grid;place-items:center;min-height:110px;padding:16px;border:1px dashed var(--line);border-radius:var(--a-r);background:var(--surface)}
.brprev .logo{font-size:1.4rem;background:transparent}
.brprev img{max-width:170px;max-height:70px}
.brimg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:4px}
.brimg small{flex-basis:100%;margin:0}
@media (max-width:640px){.brrow{grid-template-columns:1fr}}