/* ============================================================
   BESİ YÖNETİM — Kişiselleştirme Katmanı (v2)
   html[data-theme] + html[data-accent] + html[data-density]
   Mevcut tasarım değişkenlerini override eder, hiçbir modüle dokunmaz.
   ============================================================ */

/* ---------------- KOYU TEMA ---------------- */
html[data-theme="dark"]{
  --bg:#121410;
  --surface:#1A1E18;
  --surface2:#22271F;
  --surface3:#2C322A;
  --border:#343A31;
  --border-soft:#272C25;
  --text:#ECEEE6;
  --muted:#A8AC9E;
  --muted2:#7C8172;
  --shadow:0 8px 24px rgba(0,0,0,.45);
  --shadow-card:0 1px 3px rgba(0,0,0,.4);
  --sidebar:#0C0E0A;
  --sidebar-tint:#1D2418;
}
html[data-theme="dark"] body{background:var(--bg)}
html[data-theme="dark"] img{filter:brightness(.95)}

/* ---------------- VURGU RENKLERİ (açık tema) ---------------- */
html[data-accent="blue"]{
  --accent:#1D4F9C; --accent2:#2E6FD0; --accent-soft:rgba(46,111,208,.12); --accent-light:#E3ECFA;
  --sidebar:#0E2347; --sidebar-tint:#1B3B6F; --sidebar-text:#E3ECFA; --sidebar-muted:#7FA8E8;
}
html[data-accent="teal"]{
  --accent:#0A6E5A; --accent2:#0E8C72; --accent-soft:rgba(14,140,114,.12); --accent-light:#DFF2ED;
  --sidebar:#062E26; --sidebar-tint:#0C4A3D; --sidebar-text:#DFF2ED; --sidebar-muted:#4FC0A8;
}
html[data-accent="amber"]{
  --accent:#9A620E; --accent2:#C07A12; --accent-soft:rgba(192,122,18,.13); --accent-light:#F7EDDC;
  --sidebar:#3A2604; --sidebar-tint:#5C3D08; --sidebar-text:#F7EDDC; --sidebar-muted:#DBA84E;
}
html[data-accent="purple"]{
  --accent:#5A40A6; --accent2:#7152C8; --accent-soft:rgba(113,82,200,.12); --accent-light:#ECE7F8;
  --sidebar:#221742; --sidebar-tint:#382866; --sidebar-text:#ECE7F8; --sidebar-muted:#A38FE0;
}
html[data-accent="rose"]{
  --accent:#A03548; --accent2:#C2455A; --accent-soft:rgba(194,69,90,.12); --accent-light:#F8E5E9;
  --sidebar:#40121C; --sidebar-tint:#631F2E; --sidebar-text:#F8E5E9; --sidebar-muted:#E08498;
}

/* ---------------- VURGU RENKLERİ (koyu tema parlatma) ---------------- */
html[data-theme="dark"][data-accent="green"]{ --accent:#5FA332; --accent2:#7CBE52; --accent-light:#1E2A14 }
html[data-theme="dark"][data-accent="blue"]{  --accent:#4D86DE; --accent2:#6B9EE8; --accent-light:#15233C }
html[data-theme="dark"][data-accent="teal"]{  --accent:#19A887; --accent2:#3FBFA3; --accent-light:#0F2922 }
html[data-theme="dark"][data-accent="amber"]{ --accent:#D2922A; --accent2:#E2A33C; --accent-light:#2E2410 }
html[data-theme="dark"][data-accent="purple"]{--accent:#8A6FD8; --accent2:#9D85E0; --accent-light:#211A38 }
html[data-theme="dark"][data-accent="rose"]{  --accent:#D55D74; --accent2:#E07287; --accent-light:#331118 }
html[data-theme="dark"][data-accent]{
  --sidebar:#0C0E0A; --sidebar-tint:#222920; --sidebar-text:#ECEEE6; --sidebar-muted:#8B9180;
}

/* ---------------- YOĞUNLUK: SIKI ---------------- */
html[data-density="compact"] body{font-size:13px}
html[data-density="compact"] .kpi{padding:12px 14px}
html[data-density="compact"] .panel-body{padding:12px 14px}
html[data-density="compact"] .panel-head{padding:10px 14px}
html[data-density="compact"] td, html[data-density="compact"] th{padding:6px 8px}
html[data-density="compact"] .page-head{margin-bottom:10px}
html[data-density="compact"] .kpi-grid{gap:10px}

/* ---------------- PANO DÜZENLEME MODU ---------------- */
.pers-editing .pers-widget{outline:2px dashed var(--accent2);outline-offset:3px;cursor:grab;position:relative;border-radius:var(--radius,12px)}
.pers-editing .pers-widget.pers-dragging{opacity:.4}
.pers-editing .pers-widget.pers-over{outline-style:solid}
.pers-hide-btn{display:none;position:absolute;top:-11px;right:6px;z-index:30;width:24px;height:24px;border-radius:8px;border:none;background:var(--accent2);color:#fff;cursor:pointer;font-size:11px;font-weight:700;box-shadow:var(--shadow-card)}
.pers-editing .pers-hide-btn{display:block}
.pers-hidden{display:none!important}
.pers-restore-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.pers-restore-chip{padding:6px 14px;border-radius:99px;background:var(--surface2);border:1px dashed var(--border);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer}
.pers-restore-chip:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent2)}

/* ---------------- AYARLAR: GÖRÜNÜM PANELİ ---------------- */
.pers-seg{display:inline-flex;background:var(--surface2);border:1px solid var(--border-soft);border-radius:10px;padding:3px;gap:2px}
.pers-seg button{padding:7px 14px;border:none;background:transparent;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer;font-family:inherit;transition:all .12s}
.pers-seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}
.pers-swatches{display:flex;gap:10px;flex-wrap:wrap}
.pers-swatch{width:40px;height:40px;border-radius:12px;cursor:pointer;border:3px solid transparent;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;transition:transform .12s}
.pers-swatch:hover{transform:scale(1.1)}
.pers-swatch.active{border-color:var(--text);box-shadow:var(--shadow-card)}
.pers-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}
.pers-row:last-child{border-bottom:none}
.pers-row .lbl{font-size:13.5px;font-weight:600}
.pers-row .lbl small{display:block;font-weight:400;color:var(--muted);font-size:11.5px;margin-top:2px}