/* ============================================================
   Genel Yönetim Paneli — ADMIN teması (koyu tema)
   Public styles.css'ten TAMAMEN ayrı. Areas/Admin için.
   ============================================================ */

/* ---------- TOKENLAR (koyu) ---------- */
:root{
  --a-bg:        #14110F;   /* en arka */
  --a-surface:   #1C1916;   /* kart / panel */
  --a-surface-2: #232019;   /* hover / ikincil */
  --a-sidebar:   #100D0B;
  --a-line:      rgba(255,255,255,.08);
  --a-line-2:    rgba(255,255,255,.14);
  --a-text:      #ECE7E1;
  --a-muted:     #9A938B;
  --a-faint:     #6B645D;

  --a-kirmizi:   #E23744;   /* aksiyon (koyu zeminde daha parlak) */
  --a-kirmizi-d: #C8202D;
  --a-bordo:     #7A1825;
  --a-gold:      #E7B53C;
  --a-basari:    #34C759;
  --a-basari-bg: rgba(52,199,89,.14);
  --a-uyari:     #F6A623;
  --a-uyari-bg:  rgba(246,166,35,.14);
  --a-bilgi:     #4DA3E0;
  --a-mor:       #A78BFA;

  --a-font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ar-sm:8px; --ar-md:12px; --ar-lg:16px; --ar-pill:999px;
  --a-sh:0 8px 28px -12px rgba(0,0,0,.6);
  --a-ease:cubic-bezier(.22,1,.36,1);
  --sbw:260px;
}

*,*::before,*::after{ box-sizing:border-box; }
html,body{ overflow-x:hidden; }
body{ margin:0; font-family:var(--a-font); background:var(--a-bg); color:var(--a-text);
  font-size:14px; line-height:1.5; -webkit-font-smoothing:antialiased; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
h1,h2,h3,h4{ margin:0; line-height:1.15; letter-spacing:-.01em; color:#fff; font-weight:800; }
ul{ list-style:none; margin:0; padding:0; }
img{ display:block; max-width:100%; }
:focus-visible{ outline:2px solid var(--a-kirmizi); outline-offset:2px; }
.tnum{ font-variant-numeric:tabular-nums; }

/* ---------- LAYOUT ---------- */
.admin{ display:grid; grid-template-columns:var(--sbw) 1fr; min-height:100vh; }

/* SIDEBAR */
.sidebar{ background:var(--a-sidebar); border-right:1px solid var(--a-line); display:flex; flex-direction:column;
  position:sticky; top:0; height:100vh; }
.sidebar .sb-brand{ display:flex; align-items:center; gap:11px; padding:20px 20px; border-bottom:1px solid var(--a-line); }
.sidebar .sb-brand img{ width:38px; height:38px; border-radius:9px; }
.sidebar .sb-brand b{ font-size:16px; color:#fff; }
.sidebar .sb-brand span{ display:block; font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--a-kirmizi); font-weight:800; margin-top:2px; }
.sb-nav{ flex:1; overflow-y:auto; padding:14px 12px; }
.sb-nav::-webkit-scrollbar{ width:6px; } .sb-nav::-webkit-scrollbar-thumb{ background:var(--a-line-2); border-radius:3px; }
.sb-group{ margin-bottom:6px; }
.sb-group .sb-label{ font-size:10.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--a-faint); padding:14px 12px 8px; }
.sb-nav a{ display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:var(--ar-sm); color:var(--a-muted);
  font-weight:600; font-size:13.5px; transition:all 180ms var(--a-ease); position:relative; }
.sb-nav a svg{ width:18px; height:18px; flex-shrink:0; }
.sb-nav a:hover{ background:var(--a-surface-2); color:var(--a-text); }
.sb-nav a.on{ background:linear-gradient(90deg,rgba(226,55,68,.18),transparent); color:#fff; }
.sb-nav a.on::before{ content:""; position:absolute; left:0; top:7px; bottom:7px; width:3px; border-radius:0 3px 3px 0; background:var(--a-kirmizi); }
.sb-nav a .cnt{ margin-left:auto; min-width:20px; height:20px; padding:0 6px; border-radius:var(--ar-pill); background:var(--a-kirmizi);
  color:#fff; font-size:11px; font-weight:800; display:grid; place-items:center; }
.sb-nav a .cnt.warn{ background:var(--a-uyari); color:#1A1206; }
.sb-foot{ padding:14px; border-top:1px solid var(--a-line); }
.sb-foot a{ display:flex; align-items:center; gap:10px; padding:8px 12px; border-radius:var(--ar-sm); color:var(--a-muted); font-size:13px; font-weight:600; }
.sb-foot a:hover{ color:var(--a-text); }
.sb-foot svg{ width:17px; height:17px; }

/* MAIN */
.amain{ display:flex; flex-direction:column; min-width:0; }
.atopbar{ height:66px; background:var(--a-surface); border-bottom:1px solid var(--a-line); display:flex; align-items:center;
  gap:18px; padding:0 26px; position:sticky; top:0; z-index:40; }
.atopbar .menu-toggle{ display:none; width:40px; height:40px; border-radius:var(--ar-sm); border:1px solid var(--a-line-2);
  background:none; color:var(--a-text); place-items:center; }
.atopbar .menu-toggle svg{ width:20px; height:20px; }
.asearch{ display:flex; align-items:center; gap:10px; background:var(--a-bg); border:1px solid var(--a-line); border-radius:var(--ar-pill);
  height:42px; padding:0 16px; width:340px; max-width:40vw; }
.asearch svg{ width:17px; height:17px; color:var(--a-faint); }
.asearch input{ border:0; background:none; color:var(--a-text); font:inherit; flex:1; }
.asearch input:focus{ outline:none; }
.asearch input::placeholder{ color:var(--a-faint); }
.atb-right{ margin-left:auto; display:flex; align-items:center; gap:12px; }
.atb-icon{ width:42px; height:42px; border-radius:var(--ar-sm); border:1px solid var(--a-line); background:var(--a-bg);
  display:grid; place-items:center; color:var(--a-muted); position:relative; transition:all 180ms var(--a-ease); }
.atb-icon:hover{ color:var(--a-text); border-color:var(--a-line-2); }
.atb-icon svg{ width:19px; height:19px; }
.atb-icon .dot{ position:absolute; top:-5px; right:-5px; min-width:18px; height:18px; padding:0 4px; background:var(--a-kirmizi);
  color:#fff; font-size:10.5px; font-weight:800; border-radius:var(--ar-pill); display:grid; place-items:center; border:2px solid var(--a-surface); }
.atb-user{ display:flex; align-items:center; gap:10px; padding-left:14px; border-left:1px solid var(--a-line); }
.atb-user .av{ width:38px; height:38px; border-radius:50%; background:var(--a-bordo); color:#fff; display:grid; place-items:center; font-weight:800; font-size:14px; }
.atb-user .ui b{ display:block; font-size:13.5px; color:#fff; }
.atb-user .ui span{ font-size:11.5px; color:var(--a-faint); }

.acontent{ padding:26px; flex:1; }
.acontent.wide{ max-width:1400px; }

/* PAGE HEAD */
.apage-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.apage-head .ph-l h1{ font-size:24px; }
.apage-head .ph-l p{ color:var(--a-muted); margin-top:6px; font-size:13.5px; }
.apage-head .ph-l .acrumb{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--a-faint); margin-bottom:10px; }
.apage-head .ph-l .acrumb a:hover{ color:var(--a-text); }
.apage-head .ph-r{ display:flex; gap:10px; }

/* BUTONLAR */
.abtn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:42px; padding:0 18px; border-radius:var(--ar-sm);
  border:1px solid transparent; font-weight:700; font-size:13.5px; transition:all 160ms var(--a-ease); white-space:nowrap; }
.abtn:active{ transform:scale(.97); }
.abtn svg{ width:17px; height:17px; }
.abtn-primary{ background:var(--a-kirmizi); color:#fff; }
.abtn-primary:hover{ background:var(--a-kirmizi-d); }
.abtn-ghost{ background:var(--a-surface); color:var(--a-text); border-color:var(--a-line-2); }
.abtn-ghost:hover{ background:var(--a-surface-2); }
.abtn-ok{ background:var(--a-basari); color:#06230F; }
.abtn-ok:hover{ filter:brightness(1.08); }
.abtn-danger{ background:none; color:var(--a-kirmizi); border-color:rgba(226,55,68,.4); }
.abtn-danger:hover{ background:rgba(226,55,68,.12); }
.abtn-sm{ height:34px; padding:0 12px; font-size:12.5px; }
.abtn-icon{ width:38px; height:38px; padding:0; }

/* KARTLAR */
.acard{ background:var(--a-surface); border:1px solid var(--a-line); border-radius:var(--ar-lg); }
.acard-pad{ padding:22px; }
.acard-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 22px; border-bottom:1px solid var(--a-line); }
.acard-head h3{ font-size:16px; }
.acard-head .ch-link{ font-size:13px; font-weight:700; color:var(--a-muted); display:inline-flex; align-items:center; gap:5px; }
.acard-head .ch-link:hover{ color:var(--a-kirmizi); }
.acard-head .ch-link svg{ width:15px; height:15px; }

/* KPI */
.kpi-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; margin-bottom:24px; }
.kpi{ background:var(--a-surface); border:1px solid var(--a-line); border-radius:var(--ar-lg); padding:20px; position:relative; overflow:hidden; }
.kpi .ki{ width:42px; height:42px; border-radius:11px; display:grid; place-items:center; margin-bottom:16px; }
.kpi .ki svg{ width:21px; height:21px; }
.kpi .kv{ font-size:28px; font-weight:800; color:#fff; letter-spacing:-.02em; line-height:1; }
.kpi .kl{ font-size:13px; color:var(--a-muted); margin-top:7px; }
.kpi .kd{ position:absolute; top:20px; right:20px; font-size:12px; font-weight:800; display:flex; align-items:center; gap:3px; }
.kpi .kd svg{ width:13px; height:13px; }
.kpi .kd.up{ color:var(--a-basari); } .kpi .kd.down{ color:var(--a-kirmizi); }
.ki.red{ background:rgba(226,55,68,.15); color:var(--a-kirmizi); }
.ki.gold{ background:rgba(231,181,60,.15); color:var(--a-gold); }
.ki.green{ background:var(--a-basari-bg); color:var(--a-basari); }
.ki.blue{ background:rgba(77,163,224,.15); color:var(--a-bilgi); }
.ki.purple{ background:rgba(167,139,250,.15); color:var(--a-mor); }

/* GRAFİK (CSS bar) */
.chart{ display:flex; align-items:flex-end; gap:10px; height:200px; padding-top:10px; }
.chart .bar{ flex:1; display:flex; flex-direction:column; align-items:center; gap:8px; height:100%; justify-content:flex-end; }
.chart .bar .bv{ width:100%; max-width:38px; border-radius:6px 6px 0 0; background:linear-gradient(180deg,var(--a-kirmizi),var(--a-bordo)); transition:height 600ms var(--a-ease); position:relative; }
.chart .bar .bv:hover{ filter:brightness(1.15); }
.chart .bar .bl{ font-size:11px; color:var(--a-faint); font-weight:600; }
.chart .bar.peak .bv{ background:linear-gradient(180deg,var(--a-gold),#B8860B); }

/* TABLO */
.atable-wrap{ overflow-x:auto; }
.atable{ width:100%; border-collapse:collapse; font-size:13.5px; }
.atable th{ text-align:left; padding:13px 16px; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:var(--a-faint); border-bottom:1px solid var(--a-line); white-space:nowrap; }
.atable td{ padding:14px 16px; border-bottom:1px solid var(--a-line); vertical-align:middle; }
.atable tbody tr{ transition:background 140ms; }
.atable tbody tr:hover{ background:var(--a-surface-2); }
.atable tbody tr:last-child td{ border-bottom:0; }
.atable .t-main{ font-weight:700; color:#fff; }
.atable .t-sub{ font-size:12px; color:var(--a-faint); margin-top:2px; }
.atable .t-thumb{ width:48px; height:40px; border-radius:7px; flex-shrink:0; }
.atable .t-cell{ display:flex; align-items:center; gap:12px; }
.atable .t-price{ font-weight:800; color:var(--a-kirmizi); }
.atable .row-actions{ display:flex; gap:6px; justify-content:flex-end; }
.atable .checkbox{ width:17px; height:17px; accent-color:var(--a-kirmizi); }

/* ETIKET / ROZET */
.atag{ display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:6px; font-size:11.5px; font-weight:700; white-space:nowrap; }
.atag svg{ width:12px; height:12px; }
.atag.ok{ background:var(--a-basari-bg); color:var(--a-basari); }
.atag.warn{ background:var(--a-uyari-bg); color:var(--a-uyari); }
.atag.off{ background:rgba(255,255,255,.07); color:var(--a-muted); }
.atag.red{ background:rgba(226,55,68,.14); color:var(--a-kirmizi); }
.atag.gold{ background:rgba(231,181,60,.14); color:var(--a-gold); }
.atag.blue{ background:rgba(77,163,224,.14); color:var(--a-bilgi); }
.dotstat{ display:inline-flex; align-items:center; gap:7px; font-weight:600; }
.dotstat::before{ content:""; width:8px; height:8px; border-radius:50%; }
.dotstat.ok::before{ background:var(--a-basari); } .dotstat.warn::before{ background:var(--a-uyari); }
.dotstat.off::before{ background:var(--a-faint); } .dotstat.red::before{ background:var(--a-kirmizi); }

/* SEGMENT / FİLTRE BAR */
.seg{ display:inline-flex; background:var(--a-bg); border:1px solid var(--a-line); border-radius:var(--ar-sm); padding:3px; gap:2px; }
.seg button{ height:34px; padding:0 14px; border:0; background:none; color:var(--a-muted); font-weight:700; font-size:13px; border-radius:6px; transition:all 140ms; display:inline-flex; align-items:center; gap:7px; }
.seg button .b{ background:var(--a-surface-2); color:var(--a-muted); border-radius:var(--ar-pill); font-size:11px; padding:1px 7px; font-weight:800; }
.seg button.on{ background:var(--a-surface); color:#fff; box-shadow:var(--a-sh); }
.seg button.on .b{ background:var(--a-kirmizi); color:#fff; }
.filterbar{ display:flex; align-items:center; gap:12px; margin-bottom:18px; flex-wrap:wrap; }
.aselect{ height:40px; background:var(--a-surface); border:1px solid var(--a-line-2); border-radius:var(--ar-sm); color:var(--a-text);
  padding:0 36px 0 14px; font:inherit; font-weight:600; cursor:pointer; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239A938B' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center; }
.ainput{ height:40px; background:var(--a-surface); border:1px solid var(--a-line-2); border-radius:var(--ar-sm); color:var(--a-text); padding:0 14px; font:inherit; }
.ainput:focus, .aselect:focus, .atextarea:focus{ outline:none; border-color:var(--a-kirmizi); }
.atextarea{ width:100%; min-height:120px; background:var(--a-surface); border:1px solid var(--a-line-2); border-radius:var(--ar-sm); color:var(--a-text); padding:12px 14px; font:inherit; line-height:1.55; resize:vertical; }

/* FORM (admin) */
.afield{ display:flex; flex-direction:column; gap:7px; margin-bottom:18px; }
.afield > label{ font-size:13px; font-weight:700; color:var(--a-text); }
.afield .ainput, .afield .aselect{ width:100%; }
.afield .hint{ font-size:12px; color:var(--a-faint); }
.afield-row{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }

/* PAGINATION */
.apager{ display:flex; align-items:center; justify-content:space-between; padding:16px 22px; border-top:1px solid var(--a-line); }
.apager .info{ font-size:13px; color:var(--a-muted); }
.apager .pg{ display:flex; gap:5px; }
.apager .pg a, .apager .pg span{ min-width:36px; height:36px; padding:0 8px; border-radius:var(--ar-sm); border:1px solid var(--a-line); display:grid; place-items:center; font-weight:700; font-size:13px; color:var(--a-text); }
.apager .pg a:hover{ border-color:var(--a-line-2); }
.apager .pg .on{ background:var(--a-kirmizi); border-color:var(--a-kirmizi); color:#fff; }

/* DETAILS GRID */
.detail-2col{ display:grid; grid-template-columns:1fr 340px; gap:22px; align-items:start; }
.def-list{ display:flex; flex-direction:column; }
.def-list .dl-row{ display:flex; justify-content:space-between; gap:16px; padding:13px 0; border-bottom:1px solid var(--a-line); font-size:13.5px; }
.def-list .dl-row:last-child{ border-bottom:0; }
.def-list .dl-row .k{ color:var(--a-muted); } .def-list .dl-row .v{ font-weight:700; color:#fff; text-align:right; }
.agallery{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.agallery .gimg{ aspect-ratio:4/3; border-radius:var(--ar-sm); }
.agallery .gimg.cover{ grid-column:span 2; grid-row:span 2; }

/* AĞAÇ (kategori) */
.tree{ font-size:14px; }
.tree .tnode{ }
.tree .trow{ display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:var(--ar-sm); transition:background 140ms; }
.tree .trow:hover{ background:var(--a-surface-2); }
.tree .trow .tw{ width:22px; height:22px; display:grid; place-items:center; color:var(--a-faint); }
.tree .trow .tw svg{ width:15px; height:15px; }
.tree .trow .tico{ width:30px; height:30px; border-radius:8px; background:rgba(226,55,68,.13); color:var(--a-kirmizi); display:grid; place-items:center; }
.tree .trow .tico svg{ width:16px; height:16px; }
.tree .trow b{ font-weight:700; color:#fff; }
.tree .trow .tmeta{ margin-left:auto; display:flex; align-items:center; gap:14px; color:var(--a-faint); font-size:12.5px; }
.tree .children{ margin-left:30px; border-left:1px solid var(--a-line); padding-left:10px; }

/* PLACEHOLDER görsel (koyu) */

/* ---------- BİLEŞEN KATALOĞU EK STİLLERİ ---------- */
/* Bölüm başlığı */
.comp-sec{ margin-bottom:36px; }
.comp-sec > .cs-head{ display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.comp-sec > .cs-head h2{ font-size:18px; }
.comp-sec > .cs-head .cs-no{ width:26px; height:26px; border-radius:7px; background:var(--a-kirmizi); color:#fff; display:grid; place-items:center; font-size:13px; font-weight:800; flex-shrink:0; }
.comp-sec > .cs-head .cs-line{ flex:1; height:1px; background:var(--a-line); }
.comp-row{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.comp-label{ font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--a-faint); margin:18px 0 12px; }
.comp-label:first-child{ margin-top:0; }

/* admin dropdown */
.adropdown{ position:relative; display:inline-block; }
.adropdown > .dd-menu{ position:absolute; top:calc(100% + 8px); left:0; min-width:210px; background:var(--a-surface);
  border:1px solid var(--a-line-2); border-radius:var(--ar-md); box-shadow:var(--a-sh); padding:6px; z-index:60;
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:all 160ms var(--a-ease); }
.adropdown.open > .dd-menu{ opacity:1; visibility:visible; transform:none; }
.adropdown .dd-menu.right{ left:auto; right:0; }
.dd-menu a, .dd-menu button{ display:flex; align-items:center; gap:11px; width:100%; padding:9px 11px; border-radius:var(--ar-sm);
  font-size:13.5px; font-weight:600; color:var(--a-text); background:none; border:0; text-align:left; transition:background 140ms; }
.dd-menu a:hover, .dd-menu button:hover{ background:var(--a-surface-2); }
.dd-menu a svg, .dd-menu button svg{ width:16px; height:16px; color:var(--a-muted); }
.dd-menu .dd-sep{ height:1px; background:var(--a-line); margin:5px 4px; }
.dd-menu .danger{ color:var(--a-kirmizi); } .dd-menu .danger svg{ color:var(--a-kirmizi); }
.dd-menu .dd-label{ font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--a-faint); padding:8px 11px 5px; }

/* admin file upload */
.afile{ border:2px dashed var(--a-line-2); border-radius:var(--ar-md); padding:30px; text-align:center; background:var(--a-bg); transition:all 180ms var(--a-ease); cursor:pointer; }
.afile:hover, .afile.drag{ border-color:var(--a-kirmizi); background:rgba(226,55,68,.06); }
.afile .fi{ width:54px; height:54px; border-radius:14px; background:var(--a-surface); display:grid; place-items:center; margin:0 auto 14px; color:var(--a-kirmizi); }
.afile .fi svg{ width:26px; height:26px; }
.afile b{ font-size:15px; color:#fff; display:block; }
.afile span{ color:var(--a-muted); font-size:13px; }
.afile .browse{ color:var(--a-kirmizi); font-weight:700; }
/* yüklenen dosya satırı */
.afile-list{ display:flex; flex-direction:column; gap:8px; margin-top:14px; }
.afile-item{ display:flex; align-items:center; gap:12px; padding:11px 13px; background:var(--a-bg); border:1px solid var(--a-line); border-radius:var(--ar-sm); }
.afile-item .fic{ width:36px; height:36px; border-radius:8px; background:var(--a-surface-2); display:grid; place-items:center; color:var(--a-muted); flex-shrink:0; }
.afile-item .fic svg{ width:17px; height:17px; }
.afile-item .fmeta{ flex:1; min-width:0; }
.afile-item .fmeta b{ font-size:13px; color:#fff; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.afile-item .fmeta span{ font-size:11.5px; color:var(--a-faint); }
.afile-item .fbar{ height:5px; background:var(--a-surface-2); border-radius:3px; overflow:hidden; margin-top:5px; }
.afile-item .fbar i{ display:block; height:100%; background:var(--a-kirmizi); border-radius:3px; }
.afile-item .fdel{ width:30px; height:30px; border-radius:7px; border:0; background:none; color:var(--a-faint); display:grid; place-items:center; flex-shrink:0; }
.afile-item .fdel:hover{ color:var(--a-kirmizi); background:rgba(226,55,68,.1); }
.afile-item .fdel svg{ width:15px; height:15px; }

/* admin toggle / switch */
.aswitch{ position:relative; width:44px; height:25px; flex-shrink:0; display:inline-block; }
.aswitch input{ position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.aswitch .tk{ position:absolute; inset:0; background:var(--a-surface-2); border:1px solid var(--a-line-2); border-radius:var(--ar-pill); transition:all 180ms; }
.aswitch .tk::after{ content:""; position:absolute; top:2px; left:2px; width:19px; height:19px; background:#fff; border-radius:50%; transition:transform 180ms var(--a-ease); }
.aswitch input:checked + .tk{ background:var(--a-kirmizi); border-color:var(--a-kirmizi); }
.aswitch input:checked + .tk::after{ transform:translateX(19px); }

/* admin checkbox & radio (label'lı) */
.achk{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px; color:var(--a-text); cursor:pointer; }
.achk input[type=checkbox]{ width:18px; height:18px; accent-color:var(--a-kirmizi); cursor:pointer; }
.aradio{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px; color:var(--a-text); cursor:pointer; }
.aradio input[type=radio]{ width:18px; height:18px; accent-color:var(--a-kirmizi); cursor:pointer; }
/* radio kart grubu */
.radio-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.radio-cards label{ cursor:pointer; }
.radio-cards input{ position:absolute; opacity:0; }
.radio-cards .rc{ border:1.5px solid var(--a-line-2); border-radius:var(--ar-md); padding:16px; transition:all 160ms; }
.radio-cards label:hover .rc{ border-color:var(--a-muted); }
.radio-cards input:checked + .rc{ border-color:var(--a-kirmizi); background:rgba(226,55,68,.08); }
.radio-cards .rc b{ display:block; color:#fff; font-size:14px; }
.radio-cards .rc span{ font-size:12.5px; color:var(--a-muted); }

/* input grup (ön ek / ikon) */
.ainput-icon{ position:relative; }
.ainput-icon svg{ position:absolute; left:13px; top:50%; transform:translateY(-50%); width:17px; height:17px; color:var(--a-faint); pointer-events:none; }
.ainput-icon .ainput{ padding-left:40px; width:100%; }
.ainput-affix{ display:flex; }
.ainput-affix .pre{ display:grid; place-items:center; padding:0 13px; background:var(--a-surface-2); border:1px solid var(--a-line-2); border-right:0; border-radius:var(--ar-sm) 0 0 var(--ar-sm); color:var(--a-muted); font-weight:700; font-size:13px; }
.ainput-affix .ainput{ border-radius:0 var(--ar-sm) var(--ar-sm) 0; flex:1; }

/* avatar (admin) */
.aavatar{ border-radius:50%; display:grid; place-items:center; font-weight:800; color:#fff; flex-shrink:0; }
.aavatar.r1{ background:var(--a-bordo); } .aavatar.r2{ background:#2C5A7A; } .aavatar.r3{ background:#5A7A2C; } .aavatar.r4{ background:#6A4A8A; }

@media (max-width:560px){ .radio-cards{ grid-template-columns:1fr; } }

/* MOBİL */
.aph{ background:linear-gradient(135deg,#2A2620,#211D18); position:relative; display:grid; place-items:center; color:rgba(255,255,255,.14); }
.aph svg{ width:30%; height:30%; max-width:34px; }
.aph[data-tone="1"]{ background:linear-gradient(135deg,#3A2F26,#2A211A); }
.aph[data-tone="2"]{ background:linear-gradient(135deg,#26323A,#1C262C); }
.aph[data-tone="4"]{ background:linear-gradient(135deg,#2C3A2C,#1F2A1F); }
.aph[data-tone="5"]{ background:linear-gradient(135deg,#3A352A,#2A261C); }

/* MOBİL */
.sb-backdrop{ display:none; }
@media (max-width:1100px){ .kpi-grid{ grid-template-columns:repeat(3,1fr); } .detail-2col{ grid-template-columns:1fr; } }
@media (max-width:960px){
  .admin{ grid-template-columns:1fr; }
  .sidebar{ position:fixed; left:0; top:0; bottom:0; width:var(--sbw); z-index:120; transform:translateX(-102%); transition:transform 220ms var(--a-ease); }
  .sidebar.open{ transform:none; }
  .sb-backdrop{ position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:110; }
  .atopbar .menu-toggle{ display:grid; }
  .kpi-grid{ grid-template-columns:1fr 1fr; }
  .asearch{ display:none; }
  .atb-user .ui{ display:none; }
}
@media (max-width:560px){ .kpi-grid{ grid-template-columns:1fr; } .acontent{ padding:16px; } .afield-row{ grid-template-columns:1fr; } }
@media (max-width:900px){ .dash-cols{ grid-template-columns:1fr !important; } }

/* Görsel yükleme (aupload) */
.aupload{ display:flex; align-items:center; gap:14px; }
.aupload-preview{ display:none; width:76px; height:76px; object-fit:cover; border-radius:var(--ar-sm); border:1px solid var(--a-line-2); background:var(--a-surface); }
.aupload-body{ display:flex; flex-direction:column; gap:6px; flex:1; }
.aupload input[type=file]{ font-size:13px; color:var(--a-text); }
.aupload-status{ font-size:12px; color:var(--a-faint); }