/* ========================================================================
   ajansg admin panel — styles (ported from the iway hi-fi design reference).
   Namespaced under .apanel so the panel is tenant-neutral; brand color comes
   from tenant.js (--accent). Dark theme is the default; .apanel[data-theme=light]
   flips the tokens. All values mirror the design's Design Tokens.
   ======================================================================== */
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ background:#0B0B0E; }

.apanel{
  --bg:#0B0B0E; --bg2:#111116; --surface:#16161C; --surface2:#1C1C24; --elev:#22222B;
  --border:rgba(255,255,255,0.08); --border2:rgba(255,255,255,0.15); --hair:rgba(255,255,255,0.05);
  --text:#F4F3EF; --muted:#A4A199; --faint:#6F6D67;
  --accent:#FF5A00; --accent2:#FF8A3D; --accent-soft:rgba(255,90,0,0.13);
  --green:#2DBE6B; --green-soft:rgba(45,190,107,0.13); --amber:#E8A13A; --amber-soft:rgba(232,161,58,0.14);
  --red:#E5484D; --red-soft:rgba(229,72,77,0.13); --blue:#5B8DEF; --blue-soft:rgba(91,141,239,0.14);
  --purple:#9B7DF0; --purple-soft:rgba(155,125,240,0.14);
  --sidebar-w:248px; --shadow:0 24px 60px -30px rgba(0,0,0,0.7);
}
.apanel[data-theme="light"]{
  --bg:#EEF0F3; --bg2:#FFFFFF; --surface:#FFFFFF; --surface2:#F4F6F8; --elev:#FFFFFF;
  --border:rgba(18,24,33,0.10); --border2:rgba(18,24,33,0.16); --hair:rgba(18,24,33,0.05);
  --text:#15191F; --muted:#5A616B; --faint:#969CA6;
  --accent:#F25400; --accent2:#D94900; --accent-soft:rgba(242,84,0,0.09);
  --green:#1E9E50; --green-soft:rgba(30,158,80,0.11); --amber:#C77F18; --amber-soft:rgba(199,127,24,0.12);
  --red:#D33A3F; --red-soft:rgba(211,58,63,0.10); --blue:#3B6FD4; --blue-soft:rgba(59,111,212,0.11);
  --purple:#7B5EE0; --purple-soft:rgba(123,94,224,0.12);
  --shadow:0 24px 60px -30px rgba(18,24,33,0.26);
}
.apanel{ font-family:'Manrope',system-ui,sans-serif; color:var(--text); background:var(--bg); min-height:100vh; -webkit-font-smoothing:antialiased; }
.apanel .disp{ font-family:'Space Grotesk',sans-serif; letter-spacing:-0.02em; }
.apanel .mono{ font-family:'JetBrains Mono',ui-monospace,monospace; }
.apanel ::-webkit-scrollbar{ width:9px; height:9px; }
.apanel ::-webkit-scrollbar-thumb{ background:var(--border2); border-radius:9px; border:2px solid transparent; background-clip:content-box; }
.apanel button{ font-family:inherit; }

.wrap{ display:flex; min-height:100vh; }
.sidebar{ width:var(--sidebar-w); flex:none; background:var(--bg2); border-right:1px solid var(--border); display:flex; flex-direction:column; position:sticky; top:0; height:100vh; z-index:40; }
.sb-logo{ display:flex; align-items:center; gap:11px; padding:20px 20px 16px; }
.sb-logo img{ height:30px; width:auto; }
.sb-logo .tag{ font-size:9px; font-weight:700; letter-spacing:.14em; color:var(--accent); border:1px solid var(--accent); border-radius:5px; padding:2px 6px; }
.sb-nav{ flex:1; overflow-y:auto; padding:8px 12px; display:flex; flex-direction:column; gap:2px; }
.sb-item{ display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:11px; border:none; background:transparent; color:var(--muted); font-size:14px; font-weight:600; cursor:pointer; text-align:left; width:100%; transition:background .15s ease, color .15s ease; }
.sb-item:hover{ background:var(--surface2); color:var(--text); }
.sb-item[data-on]{ background:var(--accent-soft); color:var(--accent); }
.sb-item svg{ width:19px; height:19px; flex:none; }
.sb-item .ct{ margin-left:auto; min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:var(--accent); color:#fff; font-size:11px; font-weight:700; display:inline-flex; align-items:center; justify-content:center; }
.sb-foot{ padding:12px; border-top:1px solid var(--border); }
.sb-user{ display:flex; align-items:center; gap:11px; padding:9px 11px; border-radius:11px; background:var(--surface); }
.sb-av{ width:34px; height:34px; border-radius:9px; background:var(--accent); color:#fff; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:14px; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.sb-user b{ font-size:13px; font-weight:700; display:block; line-height:1.2; }
.sb-user span{ font-size:11px; color:var(--faint); }

.main{ flex:1; min-width:0; display:flex; flex-direction:column; }
.topbar{ position:sticky; top:0; z-index:30; background:color-mix(in srgb,var(--bg) 78%,transparent); backdrop-filter:blur(18px) saturate(150%); -webkit-backdrop-filter:blur(18px) saturate(150%); border-bottom:1px solid var(--border); padding:14px 28px; display:flex; align-items:center; gap:16px; }
.tb-title h1{ margin:0; font-size:20px; font-weight:700; }
.tb-title p{ margin:2px 0 0; font-size:12.5px; color:var(--faint); }
.tb-search{ flex:1; max-width:380px; display:flex; align-items:center; gap:9px; padding:10px 14px; border-radius:11px; border:1px solid var(--border2); background:var(--surface); }
.tb-search input{ flex:1; background:transparent; border:none; outline:none; color:var(--text); font-size:13.5px; font-family:inherit; }
.tb-ico{ position:relative; width:42px; height:42px; border-radius:11px; border:1px solid var(--border2); background:var(--surface); color:var(--text); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:border-color .18s ease,color .18s ease; }
.tb-ico:hover{ border-color:var(--accent); color:var(--accent); } .tb-ico svg{ width:19px; height:19px; }
.tb-ico .dot{ position:absolute; top:9px; right:10px; width:7px; height:7px; border-radius:50%; background:var(--accent); }
.content{ padding:26px 28px 70px; max-width:1500px; width:100%; margin-inline:auto; }

.kpis{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:14px; margin-bottom:22px; }
.kpi{ border:1px solid var(--border); border-radius:16px; background:var(--surface); padding:17px 18px; }
.kpi .top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
.kpi .ic{ width:36px; height:36px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; }
.kpi .ic svg{ width:18px; height:18px; }
.kpi .delta{ font-size:11.5px; font-weight:700; padding:3px 8px; border-radius:7px; }
.kpi .val{ font-family:'Space Grotesk',sans-serif; font-size:27px; font-weight:700; line-height:1; }
.kpi .lab{ font-size:12.5px; color:var(--muted); margin-top:6px; }

.card{ border:1px solid var(--border); border-radius:18px; background:var(--surface); overflow:hidden; }
.card-h{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; border-bottom:1px solid var(--border); }
.card-h h3{ margin:0; font-size:15.5px; font-weight:700; font-family:'Space Grotesk',sans-serif; display:flex; align-items:center; gap:9px; }
.card-h h3 svg{ width:18px; height:18px; color:var(--accent); }
.card-h .sub{ font-size:12px; color:var(--faint); }
.link{ color:var(--accent); font-size:12.5px; font-weight:600; cursor:pointer; background:none; border:none; }
.grid2{ display:grid; grid-template-columns:1.4fr 1fr; gap:18px; align-items:start; }
.grid2b{ display:grid; grid-template-columns:1fr 1fr; gap:18px; align-items:start; }
@media(max-width:1100px){ .grid2,.grid2b{ grid-template-columns:1fr; } }

.tabs{ display:flex; gap:3px; flex-wrap:wrap; margin-bottom:18px; border-bottom:1px solid var(--border); }
.tab{ padding:11px 16px; border:none; background:transparent; color:var(--muted); font-size:13.5px; font-weight:600; cursor:pointer; position:relative; white-space:nowrap; }
.tab:hover{ color:var(--text); }
.tab[data-on]{ color:var(--accent); }
.tab[data-on]:after{ content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--accent); border-radius:2px; }
.tab .n{ margin-left:7px; font-size:11px; background:var(--surface2); color:var(--faint); padding:1px 7px; border-radius:9px; }
.tab[data-on] .n{ background:var(--accent-soft); color:var(--accent); }

.toolbar2{ display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.fbox{ display:flex; align-items:center; gap:8px; padding:9px 13px; border-radius:10px; border:1px solid var(--border2); background:var(--surface); font-size:13px; color:var(--muted); }
.fbox select{ background:transparent; border:none; outline:none; color:var(--text); font-family:inherit; font-size:13px; font-weight:600; cursor:pointer; -webkit-appearance:none; appearance:none; padding-right:18px; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2376746B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>"); background-repeat:no-repeat; background-position:right center; background-size:13px; }
.fbox svg{ width:15px; height:15px; color:var(--faint); }

table.tbl{ width:100%; border-collapse:collapse; }
.tbl th{ text-align:left; font-size:10.5px; letter-spacing:.08em; color:var(--faint); font-weight:700; padding:12px 16px; border-bottom:1px solid var(--border); white-space:nowrap; text-transform:uppercase; }
.tbl td{ padding:13px 16px; border-bottom:1px solid var(--hair); font-size:13.5px; vertical-align:middle; }
.tbl tr:last-child td{ border-bottom:none; }
.tbl tr.row{ cursor:pointer; transition:background .14s ease; }
.tbl tr.row:hover{ background:var(--surface2); }
.tbl .strong{ font-weight:700; }
.tbl .sub{ font-size:11.5px; color:var(--faint); margin-top:2px; }
.amt{ font-family:'Space Grotesk',sans-serif; font-weight:700; }

.badge{ display:inline-flex; align-items:center; gap:5px; font-size:11px; font-weight:700; padding:4px 9px; border-radius:7px; white-space:nowrap; }
.badge .d{ width:6px; height:6px; border-radius:50%; background:currentColor; }
.badge svg{ width:11px; height:11px; }
.b-green{ background:var(--green-soft); color:var(--green); } .b-amber{ background:var(--amber-soft); color:var(--amber); }
.b-red{ background:var(--red-soft); color:var(--red); } .b-blue{ background:var(--blue-soft); color:var(--blue); }
.b-gray{ background:var(--surface2); color:var(--muted); } .b-accent{ background:var(--accent-soft); color:var(--accent); }
.b-purple{ background:var(--purple-soft); color:var(--purple); }

.btn{ display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border-radius:10px; border:1px solid var(--border2); background:var(--surface); color:var(--text); font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; transition:border-color .15s ease,color .15s ease; text-decoration:none; }
.btn:hover{ border-color:var(--accent); color:var(--accent); } .btn svg{ width:15px; height:15px; }
.btn-pri{ background:var(--accent); color:#fff; border-color:transparent; box-shadow:0 10px 22px -12px rgba(255,90,0,.6); }
.btn-pri:hover{ filter:brightness(1.06); color:#fff; }
.btn-sm{ padding:7px 11px; font-size:12px; }
.iconbtn{ width:32px; height:32px; border-radius:8px; border:1px solid var(--border2); background:transparent; color:var(--muted); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:all .15s ease; }
.iconbtn:hover{ border-color:var(--accent); color:var(--accent); } .iconbtn svg{ width:15px; height:15px; }

.todo{ display:flex; align-items:center; gap:14px; padding:14px 18px; border-bottom:1px solid var(--hair); }
.todo:last-child{ border-bottom:none; }
.todo .tnum{ width:42px; height:42px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:17px; flex:none; }
.todo .tx{ flex:1; min-width:0; } .todo .tx b{ font-size:14px; font-weight:700; } .todo .tx span{ font-size:12px; color:var(--faint); display:block; margin-top:1px; }

.alert{ display:flex; align-items:flex-start; gap:13px; padding:14px 16px; border-radius:13px; border:1px solid var(--border); margin-bottom:10px; }
.alert.crit{ border-color:color-mix(in srgb,var(--red) 40%,transparent); background:var(--red-soft); }
.alert.warn{ border-color:color-mix(in srgb,var(--amber) 36%,transparent); background:var(--amber-soft); }
.alert .ai2{ width:34px; height:34px; border-radius:9px; display:inline-flex; align-items:center; justify-content:center; flex:none; }
.alert .ai2 svg{ width:17px; height:17px; } .alert b{ font-size:13.5px; } .alert span{ font-size:12px; color:var(--muted); display:block; margin-top:2px; }

.drawer-scrim{ position:fixed; inset:0; z-index:90; background:rgba(6,6,9,.55); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); opacity:0; pointer-events:none; transition:opacity .3s ease; }
.drawer-scrim[data-open]{ opacity:1; pointer-events:auto; }
.drawer{ position:fixed; top:0; right:0; bottom:0; width:min(640px,94vw); z-index:91; background:var(--bg2); border-left:1px solid var(--border); box-shadow:var(--shadow); transform:translateX(100%); transition:transform .36s cubic-bezier(.22,1,.36,1); display:flex; flex-direction:column; }
.drawer[data-open]{ transform:none; }
.dr-head{ display:flex; align-items:center; gap:14px; padding:18px 22px; border-bottom:1px solid var(--border); flex:none; }
.dr-body{ flex:1; overflow-y:auto; padding:22px; }
.dr-foot{ flex:none; border-top:1px solid var(--border); padding:14px 22px; display:flex; gap:10px; flex-wrap:wrap; background:var(--surface); }
.closeb{ width:38px; height:38px; border-radius:11px; border:1px solid var(--border2); background:transparent; color:var(--muted); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; flex:none; margin-left:auto; }
.closeb:hover{ border-color:var(--accent); color:var(--accent); } .closeb svg{ width:17px; height:17px; }
.dr-sec{ margin-bottom:22px; }
.dr-sec h4{ margin:0 0 12px; font-size:11px; letter-spacing:.1em; color:var(--faint); font-weight:700; }
/* Tam-sayfa form (ürün/kampanya) — drawer yerine içerik alanında, kart bölümler */
.formpage{ max-width:1000px; margin-inline:auto; }
.formpage-bar{ display:flex; align-items:center; gap:14px; padding-bottom:18px; margin-bottom:20px; border-bottom:1px solid var(--border); }
.formpage-body .dr-sec{ background:var(--bg2); border:1px solid var(--border); border-radius:16px; padding:20px 22px; margin-bottom:18px; }
.camptype-card{ transition:border-color .15s ease, transform .15s ease; } .camptype-card:hover{ border-color:var(--accent); transform:translateY(-2px); }
.kv{ display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.kv div{ font-size:13px; } .kv .k{ color:var(--faint); font-size:11.5px; } .kv .v{ color:var(--text); font-weight:600; margin-top:2px; }
.linerow{ display:flex; align-items:center; gap:13px; padding:11px 0; border-bottom:1px solid var(--hair); }
.linerow:last-child{ border-bottom:none; }
/* kategori sürükle-sırala */
.catrow[draggable="true"]{ cursor:default; }
.catrow.cat-drop{ box-shadow:inset 0 2px 0 0 var(--accent); background:var(--accent-soft); }
.draghandle{ cursor:grab; } .draghandle:active{ cursor:grabbing; }
.linethumb{ width:46px; height:46px; border-radius:10px; background:var(--surface2); display:flex; align-items:center; justify-content:center; color:var(--faint); flex:none; }
.linethumb svg{ width:20px; height:20px; }
.riskbox{ border:1px solid var(--border); border-radius:14px; padding:16px; background:var(--surface); }
.field{ display:flex; flex-direction:column; gap:6px; margin-bottom:13px; }
.field label{ font-size:11.5px; font-weight:600; color:var(--muted); }
.field input,.field textarea,.field select{ padding:11px 13px; border-radius:10px; border:1px solid var(--border2); background:var(--surface2); color:var(--text); font-family:inherit; font-size:13.5px; outline:none; resize:vertical; transition:border-color .15s ease,box-shadow .25s ease; width:100%; }
.field input:focus,.field textarea:focus,.field select:focus{ border-color:var(--accent); }
.cc{ font-size:10.5px; font-weight:600; color:var(--faint); }
.cc[data-over]{ color:var(--red); }
.field-flash input,.field-flash textarea{ border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
/* AI içerik üretim paneli (ürün drawer) */
.ai-gen{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:13px; border:1px solid color-mix(in srgb,var(--accent) 30%,transparent); background:var(--accent-soft); margin-bottom:14px; }
.ai-gen-ic{ width:34px; height:34px; border-radius:9px; flex:none; display:inline-flex; align-items:center; justify-content:center; background:var(--accent); color:#fff; }
.ai-gen-ic svg{ width:17px; height:17px; }
.ai-gen-tx{ flex:1; min-width:0; }
.ai-gen-tx b{ font-size:13px; font-weight:700; color:var(--text); display:block; }
.ai-gen-tx span{ font-size:11.5px; color:var(--muted); display:block; margin-top:1px; line-height:1.35; }
.ai-gen[data-busy]{ opacity:.75; }
.ai-gen[data-busy] .ai-gen-ic{ animation:aipulse 1s ease-in-out infinite; }
@keyframes aipulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }

.media-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(168px,1fr)); gap:16px; }
.media-card{ border:1px solid var(--border); border-radius:15px; background:var(--surface); overflow:hidden; }
.media-thumb{ aspect-ratio:1/1; background:var(--surface2); border-bottom:1px solid var(--border); }
.media-thumb image-slot{ display:block; width:100%; height:100%; }
.media-info{ padding:11px 13px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.media-info .strong{ font-size:13px; font-weight:700; }
.media-info .sub{ font-size:11px; color:var(--faint); margin-top:1px; }
/* Görsel havuzu şeridi (Ürün Görselleri sekmesi) + sürükle-bırak hedefleri */
.pool-strip{ padding:13px 15px; margin-bottom:16px; }
.pool-strip-head{ display:flex; align-items:flex-start; gap:10px; margin-bottom:10px; }
.pool-strip-row{ display:flex; gap:10px; overflow-x:auto; padding:8px; min-height:100px; border:1.5px dashed var(--border2); border-radius:12px; background:var(--surface2); transition:border-color .15s ease, background .15s ease; }
.pool-strip-row.pool-dz-hover{ border-color:var(--accent); background:var(--accent-soft); }
.pool-tile{ position:relative; flex:none; width:84px; height:84px; border-radius:10px; overflow:hidden; cursor:grab; border:1px solid var(--border2); background:#fff; }
.pool-tile:active{ cursor:grabbing; }
.pool-tile-img{ position:absolute; inset:0; background:#fff center/cover; }
.pool-tile .iconbtn{ position:absolute; top:4px; right:4px; width:22px; height:22px; border-radius:6px; border:none; background:rgba(6,6,9,.6); color:#fff; }
.media-card.img-target-hover{ outline:2px solid var(--accent); outline-offset:-2px; box-shadow:0 0 0 4px var(--accent-soft); }
/* Ürün Görselleri — LİSTE görünümü: tam-genişlik ÜRÜN satırları (komşu kartlar birbirini uzatmaz),
   her ürün içinde varyant (renk) alt-satırları ve o varyantın görsel karoları. */
.media-list{ display:flex; flex-direction:column; gap:14px; }
.mprod{ border:1px solid var(--border); border-radius:14px; background:var(--surface); overflow:hidden; }
.mprod-head{ padding:12px 16px; border-bottom:1px solid var(--border); background:var(--surface2); }
.mprod-name{ font-weight:700; font-size:15px; line-height:1.35; word-break:break-word; }
.mprod-meta{ font-size:11.5px; color:var(--faint); margin-top:3px; }
.mvar{ padding:11px 16px; border-bottom:1px solid var(--border); }
.mvar:last-child{ border-bottom:none; }
.mvar.img-target-hover{ background:var(--accent-soft); outline:2px solid var(--accent); outline-offset:-3px; border-radius:8px; }
.mvar-label{ font-size:12.5px; font-weight:600; margin-bottom:8px; display:flex; align-items:center; flex-wrap:wrap; }
.mvar-count{ color:var(--faint); font-weight:500; }
.mvar-tiles{ display:flex; flex-wrap:wrap; gap:8px; }
.media-tile{ position:relative; width:88px; height:88px; border-radius:10px; overflow:hidden; cursor:grab; flex:none; background:#fff; }
.media-tile:active{ cursor:grabbing; }
.media-tile.cat-drop{ outline:2px solid var(--accent); outline-offset:-2px; }
.media-tile-img{ position:absolute; inset:0; background:#fff center/cover; }
.media-tile-badge{ position:absolute; bottom:4px; left:4px; font-size:9px; padding:2px 6px; border-radius:6px; background:var(--accent); color:#fff; font-weight:600; }
.media-tile-x{ position:absolute; top:4px; right:4px; width:22px; height:22px; border:none; border-radius:6px; background:rgba(6,6,9,.6); color:#fff; }
.media-tile-add{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; border:1px dashed var(--border2); color:var(--faint); cursor:pointer; font-size:10px; }
.media-tile-add svg{ width:18px; height:18px; }
/* AI üretim/önizleme sırasında "çalışıyor" nabzı (yıldız ikonu) */
.ai-spin{ animation: aipulse 1.1s ease-in-out infinite; }
@keyframes aipulse{ 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.4; transform:scale(.86); } }
/* Katalog: yapışkan toolbar (arama + aksiyonlar + kalıcı toplu-işlem satırı) — sayfalama yerine sonsuz kaydırma */
.prodtools{ position:sticky; top:0; z-index:8; background:var(--bg); padding:8px 0 12px; margin-bottom:2px; }
.prodtools-main{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.prod-search{ flex:1; min-width:220px; padding:10px 15px; border-radius:11px; border:1px solid var(--border2); background:var(--surface); color:var(--text); font-size:13.5px; outline:none; transition:border-color .15s ease; }
.prod-search:focus{ border-color:var(--accent); }
.prod-search::placeholder{ color:var(--faint); }
.prodtools-bulk{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:9px; padding:8px 12px; border-radius:11px; border:1px solid var(--border); background:var(--surface2); transition:border-color .15s ease, background .15s ease; }
.prodtools-bulk[data-on]{ border-color:var(--accent); background:var(--accent-soft); }
.prodtools-bulk b{ font-size:13px; margin-right:4px; }
.prodtools-bulk .btn{ flex:none; }
.banner-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:16px; }
.banner-card{ border:1px solid var(--border); border-radius:15px; background:var(--surface); overflow:hidden; }
.banner-card[draggable="true"]{ cursor:grab; }
.banner-card.banner-drop{ outline:2px solid var(--accent); outline-offset:-2px; box-shadow:0 0 0 4px var(--accent-soft); }
.banner-thumb{ background:var(--surface2); border-bottom:1px solid var(--border); }
.banner-thumb image-slot{ display:block; width:100%; height:100%; }
.banner-info{ padding:13px 15px; }
.banner-info .strong{ font-size:13.5px; font-weight:700; }
.banner-info .sub{ font-size:11.5px; color:var(--faint); margin-top:3px; }

.empty{ text-align:center; padding:60px 20px; color:var(--muted); }
.empty svg{ width:42px; height:42px; color:var(--faint); margin-bottom:12px; }

.toast{ position:fixed; left:50%; bottom:30px; transform:translateX(-50%) translateY(20px); z-index:200; background:var(--elev); border:1px solid var(--border2); color:var(--text); padding:13px 20px; border-radius:13px; font-size:13.5px; font-weight:600; box-shadow:var(--shadow); opacity:0; pointer-events:none; transition:opacity .3s ease, transform .3s ease; display:flex; align-items:center; gap:10px; }
.toast[data-show]{ opacity:1; transform:translateX(-50%) translateY(0); }
.toast svg{ width:17px; height:17px; color:var(--green); }
/* başarı = yeşil ✓ (varsayılan), hata = kırmızı ✕ */
.toast [data-toast-err]{ display:none; color:var(--red); }
.toast[data-state="err"] [data-toast-ok]{ display:none; }
.toast[data-state="err"] [data-toast-err]{ display:inline; }
.toast[data-state="err"]{ border-color:color-mix(in srgb,var(--red) 45%,transparent); }

/* Onay modalı (this.confirm) — ham window.confirm yerine */
.cmodal-scrim{ position:fixed; inset:0; z-index:300; display:flex; align-items:center; justify-content:center; padding:20px; background:rgba(6,6,9,.6); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px); animation:cm-fade .15s ease; }
.cmodal{ width:min(420px,100%); background:var(--elev); border:1px solid var(--border2); border-radius:16px; box-shadow:var(--shadow); padding:22px; animation:cm-pop .18s cubic-bezier(.22,1,.36,1); }
.cmodal-t{ font-size:16px; font-weight:700; margin-bottom:8px; }
.cmodal-m{ font-size:13.5px; line-height:1.55; color:var(--muted); margin-bottom:20px; }
.cmodal-actions{ display:flex; gap:10px; justify-content:flex-end; }
.btn-danger{ background:var(--red); color:#fff; border-color:transparent; }
.btn-danger:hover{ filter:brightness(1.06); color:#fff; }
@keyframes cm-fade{ from{ opacity:0; } to{ opacity:1; } }
@keyframes cm-pop{ from{ opacity:0; transform:translateY(8px) scale(.98); } to{ opacity:1; transform:none; } }

/* İlk yükleme spinner (panel/giriş hazır olana dek) */
#boot-loader{ position:fixed; inset:0; z-index:600; display:flex; align-items:center; justify-content:center; background:#0B0B0E; }
.boot-spin{ width:38px; height:38px; border-radius:50%; border:3px solid rgba(255,255,255,.12); border-top-color:var(--accent,#FF5A00); animation:boot-rot .7s linear infinite; }
@keyframes boot-rot{ to{ transform:rotate(360deg); } }

/* Toplu işlem çubuğu (katalog) */
.bulkbar{ display:flex; align-items:center; gap:10px; padding:9px 16px; margin-bottom:12px; border:1px solid var(--accent); border-radius:12px; background:var(--accent-soft); font-size:13px; }
.bulkbar[hidden]{ display:none; }   /* seçim yokken gizle (class display:flex, [hidden]'i eziyordu) */

.mtog{ display:none; }
@media(max-width:920px){
  .sidebar{ position:fixed; transform:translateX(-100%); transition:transform .3s ease; }
  .sidebar[data-open]{ transform:none; }
  .mtog{ display:inline-flex; }
  .content{ padding:20px 16px 60px; } .topbar{ padding:12px 16px; }
  .tb-search{ display:none; }
  .grid2,.grid2b{ grid-template-columns:1fr; }
  /* Geniş tablolar squish olmasın → yatay kaydır */
  .card{ overflow-x:auto; }
  .tbl{ min-width:560px; }
  /* Araç çubukları + toplu işlem dar ekranda alt satıra sarsın */
  .toolbar2,.bulkbar{ flex-wrap:wrap; }
  .toolbar2 .btn,.toolbar2 .btn-pri{ flex:1 1 auto; justify-content:center; }
  /* Sekme şeritleri taşarsa kaydırılabilir olsun */
  .subnav,.tabs{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  /* Drawer tam genişlik */
  .drawer{ width:100vw; }
  /* Sidebar açıkken arkayı karart (scrim) */
  .sidebar[data-open]::after{ content:""; position:fixed; inset:0 0 0 var(--sidebar-w); background:rgba(6,6,9,.5); z-index:-1; }
}
@media(max-width:560px){
  .kpis{ grid-template-columns:1fr 1fr; gap:10px; }
  .cmodal{ padding:18px; }
}