/* ============================================
   BRANDWAY · MIDNIGHT EMBER (KALICI DARK THEME)
   ============================================
   13 May 2026 — Berk: gündüz modu kaldırıldı.
   Renk uyumsuzlukları yüzünden hep dark theme kullanılıyor.
   :root artık Midnight Ember değerleriyle başlar.
   ============================================ */

:root{
  /* ===========================================================
     DEEP AMBER (D-P3) — 21 May 2026, Berk seçim onayladı
     -----------------------------------------------------------
     D mockup serisi → D3 momentum/başarı vurgulu seçildi.
     Renkler: warm deep amber zemin + ember orange/gold/flame accent,
     glass card pattern (backdrop-filter blur), kişiselleştirilmiş hero.
     Önceki Soft Midnight değerleri "OLD:" yorum içinde — rollback için.
     =========================================================== */
  /* OLD Soft Midnight: --bg:#0a0810; --bg-2:#14101a; --bg-card:#181321; --bg-soft:#221b2e; */
  --bg:#07030a;            /* warm deep zemin */
  --bg-2:#14101a;          /* sidebar, header */
  --bg-card:rgba(255,240,220,0.025);   /* glass kart bg (translucent) */
  --bg-card-solid:#0f0a14;             /* glass'ı desteklemeyen yerlerde fallback */
  --bg-card-hover:rgba(255,240,220,0.05);
  --bg-soft:rgba(255,240,220,0.015);
  --bg-soft-solid:#0d0810;
  --bg-elev:rgba(255,240,220,0.045);
  --bg-elev-solid:#13101a;
  --ink:#f7ecdf;           /* warm white */
  --ink-2:#c9bbac;
  --ink-3:#8a7d70;
  --ink-4:#5d524a;
  --rule:rgba(255,220,180,0.07);
  --rule-strong:rgba(255,220,180,0.15);
  --acc:#fb923c;           /* Ember orange (marka kimliği) */
  --acc-soft:rgba(251,146,60,0.12);
  /* OLD: --acc-2:#c084fc (lilac) */
  --acc-2:#fbbf24;         /* Amber gold — ember ile uyumlu warm accent */
  --acc-2-soft:rgba(251,191,36,0.12);
  --acc-3:#ec4899;         /* Sunset pink — secondary accent */
  --acc-3-soft:rgba(236,72,153,0.12);
  --flame:#ff6b35;         /* Streak / momentum vurgusu için */
  --flame-soft:rgba(255,107,53,0.13);
  --rose:#f43f5e;
  --rose-soft:rgba(244,63,94,0.12);
  --suc:#84cc16;           /* Lime — warm uyumlu */
  --suc-soft:rgba(132,204,22,0.12);
  --warn:#f59e0b;
  --warn-soft:rgba(245,158,11,0.12);
  --dgr:#f43f5e;
  --dgr-soft:rgba(244,63,94,0.12);
  --inf:#38bdf8;
  --inf-soft:rgba(56,189,248,0.12);
  --r:8px;

  --cover-bg:
    radial-gradient(ellipse 700px 500px at 15% 0%, rgba(251,146,60,0.08), transparent 65%),
    radial-gradient(ellipse 500px 400px at 85% 100%, rgba(236,72,153,0.05), transparent 65%),
    linear-gradient(180deg, #07030a 0%, #050208 50%, #07030a 100%);
  --dot-color:rgba(255,220,180,0.02);
  --hover:rgba(255,240,220,0.04);
  --hover-2:rgba(255,240,220,0.06);
  --pill-warn-bg:rgba(245,158,11,0.13);
  --pill-dgr-bg:rgba(244,63,94,0.13);
  --pill-gray-bg:rgba(255,240,220,0.06);
  --pill-inf-bg:rgba(56,189,248,0.13);
  --color-scheme:dark;
}

body {
  background: var(--bg);
  background-image: var(--cover-bg);
  background-attachment: fixed;
}

/* Legacy data-theme="night" — :root zaten night olduğu için no-op */
[data-theme="night"]{
  /* :root ile aynı, geriye uyum için boş bırakıldı */
}

[data-theme="night"]{
  /* === NIGHT: Deep Amber D-P3 (21 May 2026 — :root ile aynı) === */
  --bg:#07030a;
  --bg-2:#14101a;
  --bg-card:rgba(255,240,220,0.025);
  --bg-card-solid:#0f0a14;
  --bg-card-hover:rgba(255,240,220,0.05);
  --bg-soft:rgba(255,240,220,0.015);
  --bg-soft-solid:#0d0810;
  --bg-elev:rgba(255,240,220,0.045);
  --bg-elev-solid:#13101a;
  --ink:#f7ecdf;
  --ink-2:#c9bbac;
  --ink-3:#8a7d70;
  --ink-4:#5d524a;
  --rule:rgba(255,220,180,0.07);
  --rule-strong:rgba(255,220,180,0.15);
  --acc:#fb923c;
  --acc-soft:rgba(251,146,60,0.12);
  --acc-2:#fbbf24;
  --acc-2-soft:rgba(251,191,36,0.12);
  --acc-3:#ec4899;
  --acc-3-soft:rgba(236,72,153,0.12);
  --flame:#ff6b35;
  --flame-soft:rgba(255,107,53,0.13);
  --rose:#f43f5e;
  --rose-soft:rgba(244,63,94,0.12);
  --suc:#84cc16;
  --suc-soft:rgba(132,204,22,0.12);
  --warn:#f59e0b;
  --warn-soft:rgba(245,158,11,0.12);
  --dgr:#f43f5e;
  --dgr-soft:rgba(244,63,94,0.12);
  --inf:#38bdf8;
  --inf-soft:rgba(56,189,248,0.12);

  --cover-bg:
    radial-gradient(ellipse 700px 500px at 15% 0%, rgba(251,146,60,0.08), transparent 65%),
    radial-gradient(ellipse 500px 400px at 85% 100%, rgba(236,72,153,0.05), transparent 65%),
    linear-gradient(180deg, #07030a 0%, #050208 50%, #07030a 100%);
  --dot-color:rgba(255,220,180,0.02);
  --hover:rgba(255,240,220,0.04);
  --hover-2:rgba(255,240,220,0.06);
  --pill-warn-bg:rgba(245,158,11,0.13);
  --pill-dgr-bg:rgba(244,63,94,0.13);
  --pill-gray-bg:rgba(255,240,220,0.06);
  --pill-inf-bg:rgba(56,189,248,0.13);
  --color-scheme:dark;
}

/* === RESET & BASE === */
*{box-sizing:border-box}
*,*::before,*::after{transition:background-color 180ms ease,border-color 180ms ease,color 180ms ease}
html,body,#root{height:100%;width:100%}
html,body{
  background:var(--bg) !important;
  color:var(--ink) !important;
  color-scheme:var(--color-scheme);
}
body{
  font-family:'Inter',-apple-system,sans-serif;font-size:15px;line-height:1.55;
  background-image:radial-gradient(var(--dot-color) 1px,transparent 1px) !important;
  background-size:14px 14px !important;
}
.serif{font-family:'Charter',Georgia,serif !important}
.mono{font-family:'DM Mono','JetBrains Mono',monospace !important}
h1,h2,h3,h4,h5,h6{color:var(--ink)}

/* === SIDEBAR (Notion style) === */
.app-container{background:transparent !important;display:flex;height:100vh}
.client-sidebar,
.client-sidebar.open{
  width:240px !important;
  background:var(--bg-2) !important;
  border-right:1px solid var(--rule) !important;
  box-shadow:inset -1px 0 var(--rule) !important;
  padding:12px 8px !important;
  display:flex !important;flex-direction:column !important;gap:1px !important;
  color:var(--ink) !important;
  height:100vh !important;
  overflow-y:auto !important;
}
.client-sidebar .sidebar-header{
  border-bottom:none !important;padding:6px 10px 18px !important;margin-bottom:0 !important;
  display:flex !important;align-items:center !important;gap:8px !important;
}
.client-sidebar .sidebar-brand{
  font-size:14px !important;font-weight:600 !important;
  color:var(--ink) !important;background:none !important;
  -webkit-text-fill-color:var(--ink) !important;
  background-clip:initial !important;-webkit-background-clip:initial !important;
}
.client-sidebar .sidebar-toggle{
  margin-left:auto !important;color:var(--ink-3) !important;background:none !important;border:none !important;
  font-size:14px !important;cursor:pointer;
}
.client-sidebar .sidebar-nav{
  flex:1 !important;display:flex !important;flex-direction:column !important;gap:1px !important;
}
/* nav-item Notion stiline çevir */
.client-sidebar .nav-item,
.client-sidebar .sidebar-nav .nav-item{
  background:transparent !important;
  border:none !important;border-radius:4px !important;
  color:var(--ink-2) !important;
  font-size:13px !important;font-weight:500 !important;
  padding:5px 10px !important;
  display:flex !important;align-items:center !important;gap:8px !important;
  width:100% !important;text-align:left !important;
  cursor:pointer;
  font-family:inherit;
}
.client-sidebar .nav-item:hover{background:var(--hover) !important;color:var(--ink) !important}
.client-sidebar .nav-item.active{
  background:var(--acc-soft) !important;color:var(--acc) !important;font-weight:500 !important;
  border-left:none !important;
}
.client-sidebar .nav-item.active .nav-icon{color:var(--acc) !important}
.client-sidebar .nav-icon{font-size:14px !important;width:18px !important;text-align:center;color:var(--ink-3) !important;flex-shrink:0}
.client-sidebar .nav-label{flex:1;text-align:left;color:inherit !important;background:none !important;-webkit-text-fill-color:inherit !important;font-weight:inherit !important}
.client-sidebar .nav-badge{
  margin-left:auto !important;background:var(--pill-gray-bg) !important;color:var(--ink-3) !important;
  font-size:10px !important;font-weight:500 !important;padding:1px 6px !important;border-radius:3px !important;
  min-width:auto !important;
}
[data-theme="night"] .client-sidebar .nav-badge{
  background:var(--acc) !important;color:#fff !important;
  border-radius:999px !important;font-weight:700 !important;min-width:18px !important;text-align:center !important;
}
.client-sidebar .nav-item.active .nav-badge{background:var(--acc) !important;color:#fff !important;font-weight:700 !important}

/* sidebar section header */
.client-sidebar .sb-section{
  font-size:11px !important;font-weight:600 !important;
  color:var(--ink-3) !important;padding:14px 12px 4px !important;
  text-transform:none !important;letter-spacing:.2px !important;
}

/* sidebar footer */
.client-sidebar .sidebar-footer{
  margin-top:auto !important;padding:14px 6px 4px !important;
  border-top:1px solid var(--rule) !important;
  display:flex !important;flex-direction:column !important;gap:6px !important;
}
.client-sidebar .logout-btn{
  width:100% !important;padding:8px 10px !important;border-radius:6px !important;
  border:1px solid var(--rule) !important;background:var(--bg-card) !important;
  color:var(--ink-2) !important;font-size:12px !important;font-weight:500 !important;
  cursor:pointer;font-family:inherit;
  display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;
  margin-bottom:0 !important;
}
.client-sidebar .logout-btn:hover{background:var(--hover) !important;color:var(--ink) !important;border-color:var(--rule) !important}

/* theme toggle (will be inserted via JSX) */
.theme-toggle-row{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:8px 10px;border-radius:6px;cursor:pointer;background:var(--bg-card);
  border:1px solid var(--rule);transition:all 200ms ease;
}
.theme-toggle-row:hover{background:var(--hover)}
.theme-toggle-row .lbl{font-size:13px;color:var(--ink-2);font-weight:500;display:flex;align-items:center;gap:8px}
.theme-toggle-row .lbl-ic{font-size:14px;color:var(--ink-3)}
.theme-toggle-row .switch{
  width:36px;height:20px;border-radius:999px;background:var(--bg-soft);
  position:relative;flex-shrink:0;border:1px solid var(--rule);
}
.theme-toggle-row .switch::before{
  content:'';position:absolute;width:14px;height:14px;border-radius:50%;
  background:var(--acc);top:2px;left:2px;transition:transform 250ms cubic-bezier(.4,0,.2,1);
}
[data-theme="night"] .theme-toggle-row .switch::before{transform:translateX(16px)}

.client-sidebar .sidebar-version{
  font-size:10px !important;color:var(--ink-4) !important;text-align:center !important;
  padding-top:8px !important;font-family:'DM Mono','JetBrains Mono',monospace;
}

/* === MAIN CONTENT === */
.client-main,
.app-container > div:not(.client-sidebar):not(.mobile-menu-btn){
  flex:1;overflow-y:auto;background:transparent !important;
  padding:0 !important;
  display:flex;flex-direction:column;min-width:0;
}

/* === PAGE WRAPPER (each currentNav block) ===
   Notion mockup'taki 96px padding panel için fazla genişti — gerçek panelin
   tablo/kart/grid layoutları daha fazla yatay alan istiyor.
   Yeni değerler: dar yatay padding (28px), max-width yok (full sidebar - main alanı)
*/
.bw-page{
  display:flex;flex-direction:column;
  animation:bwFade .3s ease;
  padding:0;width:100%;
}
@keyframes bwFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Sayfaların icinde header/content geçici fallback styling — bw-page-pad yoksa */
.bw-page > .header{
  padding:24px 32px 12px !important;
  width:100%;background:transparent !important;border:none !important;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
}
.bw-page > .content{
  padding:6px 32px 60px !important;
  width:100%;background:transparent !important;
}
@media(max-width:900px){
  .bw-page > .header{padding:18px 18px 10px !important}
  .bw-page > .content{padding:6px 18px 60px !important}
}
.bw-page > .header h1{font-size:32px !important;font-weight:700 !important;letter-spacing:-1px !important;color:var(--ink) !important;margin-bottom:4px !important;line-height:1.1}
.bw-page > .header .header-subtitle{color:var(--ink-3) !important;font-size:13px !important}

/* Dashboard için cover + page-pad yapısı: cover full-width, pad kontrollü */
.bw-cover{height:120px;background:var(--cover-bg);border-bottom:1px solid var(--rule)}
.bw-page-pad{padding:24px 32px 60px;width:100%}
@media(max-width:900px){.bw-page-pad{padding:20px 18px 60px}}
.bw-page-pad .bw-icon{margin-top:-44px}

.bw-icon{
  font-size:64px;width:80px;height:80px;background:var(--bg-card);border-radius:8px;
  display:grid;place-items:center;margin:-44px 0 14px;border:1px solid var(--rule);
}

.bw-h1{font-size:42px;font-weight:700;letter-spacing:-1px;line-height:1.1;color:var(--ink);margin-bottom:14px}
.bw-h1 em{font-style:italic;font-family:'Charter',serif;font-weight:400;color:var(--acc)}
.bw-h2{font-size:24px;font-weight:700;letter-spacing:-.4px;color:var(--ink);margin:32px 0 12px;display:flex;align-items:center;gap:10px}
.bw-h3{font-size:18px;font-weight:600;color:var(--ink);margin:20px 0 10px}

/* === PROPERTIES === */
.bw-props{
  display:flex;flex-direction:column;gap:6px;padding:6px 0 18px;border-bottom:1px solid var(--rule);margin-bottom:24px;
  font-size:13px;
}
.bw-prop{display:flex;align-items:center;gap:14px}
.bw-prop .key{color:var(--ink-3);width:140px;font-weight:500;flex-shrink:0}
.bw-prop .val{color:var(--ink);font-weight:500}

/* === PILLS === */
.bw-pill{display:inline-flex;align-items:center;gap:4px;padding:1px 10px;border-radius:3px;font-size:12px;font-weight:500}
.bw-pill.acc{background:var(--acc-soft);color:var(--acc)}
.bw-pill.acc-2{background:var(--acc-2-soft);color:var(--acc-2)}
.bw-pill.suc{background:rgba(91,124,58,0.10);color:var(--suc)}
[data-theme="night"] .bw-pill.suc{background:rgba(16,185,129,0.13);color:var(--suc)}
.bw-pill.warn{background:var(--pill-warn-bg);color:var(--warn)}
.bw-pill.dgr{background:var(--pill-dgr-bg);color:var(--dgr)}
.bw-pill.inf{background:var(--pill-inf-bg);color:var(--inf)}
.bw-pill.gray{background:var(--pill-gray-bg);color:var(--ink-2)}

/* === CALLOUT === */
.bw-callout{
  display:flex;gap:14px;padding:18px 20px;background:var(--acc-soft);border-radius:var(--r);margin:18px 0;
  border-left:3px solid var(--acc);
}
.bw-callout .emoji{font-size:22px;flex-shrink:0;margin-top:1px}
.bw-callout .body{font-size:14px;line-height:1.6;color:var(--ink);flex:1}
.bw-callout .body p{margin-bottom:8px}
.bw-callout .body p:last-child{margin-bottom:0}
.bw-callout .body b{font-weight:700}
.bw-callout-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.bw-callout.warn{background:var(--pill-warn-bg);border-left-color:var(--warn)}
.bw-callout.suc{background:rgba(91,124,58,0.10);border-left-color:var(--suc)}
[data-theme="night"] .bw-callout.suc{background:rgba(16,185,129,0.10)}
.bw-callout.dgr{background:var(--pill-dgr-bg);border-left-color:var(--dgr)}
.bw-callout.inf{background:var(--pill-inf-bg);border-left-color:var(--inf)}

/* === BUTTONS === */
.bw-btn{
  font-family:inherit;font-size:13px;font-weight:500;padding:5px 14px;border-radius:var(--r);cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;transition:all 100ms;
}
.bw-btn.primary{background:var(--acc);color:#fff;border:none}
.bw-btn.primary:hover{background:var(--acc-2)}
[data-theme="night"] .bw-btn.primary{box-shadow:0 4px 14px rgba(251,146,60,0.30)}
.bw-btn.secondary{background:var(--bg-card);color:var(--ink);border-color:var(--rule)}
.bw-btn.secondary:hover{background:var(--hover-2)}
.bw-btn.ghost{background:transparent;color:var(--ink-2)}
.bw-btn.ghost:hover{background:var(--hover)}
.bw-btn.sm{padding:3px 10px;font-size:12px}

/* === BODY TEXT === */
.bw-body{font-size:15px;line-height:1.7}
.bw-body p{color:var(--ink);margin-bottom:8px}
.bw-body p .hl{background:var(--acc-soft);padding:0 4px;border-radius:2px;color:var(--ink)}
.bw-body em{font-family:'Charter',serif;font-style:italic;font-weight:400}
.bw-body code{font-family:'DM Mono','JetBrains Mono',monospace;background:var(--bg-soft);padding:1px 5px;border-radius:3px;font-size:13px;color:var(--acc)}

/* === STATS LINE === */
.bw-stats-line{
  display:flex;gap:24px;padding:14px 18px;background:var(--bg-soft);border-radius:var(--r);margin:14px 0;
  border:1px solid var(--rule);flex-wrap:wrap;
}
[data-theme="night"] .bw-stats-line{background:var(--bg-card)}
.bw-stat-x{display:flex;flex-direction:column;gap:2px}
.bw-stat-x .v{font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.bw-stat-x .v.acc{color:var(--acc)}
.bw-stat-x .v.acc-2{color:var(--acc-2)}
.bw-stat-x .v.suc{color:var(--suc)}
.bw-stat-x .v.warn{color:var(--warn)}
.bw-stat-x .l{font-size:11px;color:var(--ink-3);font-weight:500}
.bw-stat-x .d{font-size:10px;color:var(--suc);font-weight:600;margin-top:2px}
.bw-stat-x .d.dn{color:var(--dgr)}

/* === TODO LIST === */
.bw-todo-row{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;color:var(--ink);border-radius:3px}
.bw-todo-row .chk{
  width:14px;height:14px;border:1.5px solid var(--ink-3);border-radius:3px;flex-shrink:0;margin-top:3px;
  cursor:pointer;display:grid;place-items:center;font-size:9px;color:transparent;
}
.bw-todo-row.done .chk{background:var(--suc);border-color:var(--suc);color:#fff}
.bw-todo-row.done{color:var(--ink-3);text-decoration:line-through}
.bw-todo-row b{font-weight:600}

/* === DATABASE TABLE === */
.bw-db{border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--bg-card);margin:14px 0}
.bw-db-h{display:grid;background:var(--hover);border-bottom:1px solid var(--rule);padding:8px 14px;gap:10px;font-size:12px;font-weight:500;color:var(--ink-3)}
.bw-db-h>div{display:flex;align-items:center;gap:4px}
.bw-db-row{display:grid;padding:10px 14px;gap:10px;border-bottom:1px solid var(--rule);font-size:14px;align-items:center;cursor:pointer}
.bw-db-row:last-child{border-bottom:none}
.bw-db-row:hover{background:var(--hover)}
.bw-db-row .name{font-weight:500;color:var(--ink)}
.bw-db-row .num{font-variant-numeric:tabular-nums;color:var(--ink-2)}

/* === ROADMAP LIST === */
.bw-roadmap-list{margin:10px 0;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--bg-card)}
.bw-r-row{
  display:grid;grid-template-columns:36px 1fr auto;gap:14px;align-items:center;
  padding:10px 14px;font-size:14px;border-bottom:1px solid var(--rule);cursor:pointer;
}
.bw-r-row:last-child{border-bottom:none}
.bw-r-row:hover{background:var(--hover)}
.bw-r-row .num{
  width:28px;height:28px;border-radius:6px;background:var(--bg-soft);color:var(--ink-3);
  display:grid;place-items:center;font-weight:600;font-size:13px;
}
.bw-r-row.done .num{background:var(--suc);color:#fff}
.bw-r-row.now .num{background:var(--acc);color:#fff}
.bw-r-row .ttl{color:var(--ink);font-weight:500}
.bw-r-row.done .ttl{color:var(--ink-3)}
.bw-r-row.now .ttl{color:var(--ink);font-weight:600}
.bw-r-row .meta{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.bw-r-row.now .meta{color:var(--acc);font-weight:600}

/* === QUOTE === */
.bw-quote{
  font-family:'Charter',Georgia,serif;font-size:18px;font-style:italic;color:var(--ink-2);
  border-left:3px solid var(--ink-3);padding:6px 0 6px 18px;margin:18px 0;line-height:1.6;
}
[data-theme="night"] .bw-quote{border-left-color:var(--acc)}

/* === SEARCH BAR === */
.bw-searchbar{position:relative;flex:1}
.bw-searchbar input{
  width:100%;padding:8px 12px 8px 36px;background:var(--bg-card);border:1px solid var(--rule);
  border-radius:var(--r);color:var(--ink);font-family:inherit;font-size:14px;
}
.bw-searchbar input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.bw-searchbar .ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);font-size:14px}

/* === CHIPS === */
.bw-chips{display:flex;gap:6px;flex-wrap:wrap}
.bw-chip{
  padding:5px 12px;border-radius:999px;background:var(--bg-card);border:1px solid var(--rule);
  font-size:12px;color:var(--ink-2);cursor:pointer;font-weight:500;user-select:none;
  display:inline-flex;align-items:center;gap:4px;
}
.bw-chip:hover{background:var(--hover)}
.bw-chip.active{background:var(--acc);color:#fff;border-color:transparent}
.bw-chip .count{background:var(--pill-gray-bg);padding:0 5px;border-radius:3px;font-size:11px;color:var(--ink-3)}
.bw-chip.active .count{background:rgba(255,255,255,0.20);color:#fff}

/* === BRAND CARD GRID === */
.bw-brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.bw-brand-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r);padding:16px;cursor:pointer;transition:all 150ms}
.bw-brand-card:hover{background:var(--hover)}
.bw-brand-card.featured{background:var(--acc-soft);border-color:var(--acc);grid-column:span 2}

/* === MAIL THREE COL === */
.bw-three-col{display:grid;grid-template-columns:300px 1fr 280px;gap:0;height:calc(100vh - 80px);border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--bg-card)}
@media(max-width:1200px){.bw-three-col{grid-template-columns:1fr}}

/* === ACCOUNT CARDS === */
.bw-acc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.bw-acc-card{background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:12px}
.bw-acc-card.primary{background:var(--acc-soft);border-color:var(--acc)}

/* === LEGACY OVERRIDES (eski class'ları Notion paletine zorla) === */
.card{
  background:var(--bg-card) !important;border:1px solid var(--rule) !important;
  border-radius:var(--r) !important;color:var(--ink) !important;
  box-shadow:none !important;
}
.card h2,.card h3{color:var(--ink) !important}
.btn-primary{background:var(--acc) !important;color:#fff !important;border:none !important;border-radius:var(--r) !important}
.btn-primary:hover{background:var(--acc-2) !important}
.progress-bar-container{background:var(--bg-soft) !important}
.progress-bar{background:var(--acc) !important}
.client-stats-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:10px !important;margin-bottom:18px !important}
@media(max-width:900px){.client-stats-grid{grid-template-columns:repeat(2,1fr) !important}}
.client-stats-grid .stat-card{
  background:var(--bg-card) !important;border:1px solid var(--rule) !important;
  border-radius:var(--r) !important;padding:14px !important;color:var(--ink) !important;
  text-align:left !important;
}
.client-stats-grid .stat-icon{
  width:32px !important;height:32px !important;border-radius:6px !important;
  background:var(--acc-soft) !important;color:var(--acc) !important;
  display:grid !important;place-items:center !important;font-size:14px !important;
  margin-bottom:8px !important;
}
.client-stats-grid .stat-value{font-size:24px !important;font-weight:700 !important;color:var(--ink) !important;letter-spacing:-.5px}
.client-stats-grid .stat-label{color:var(--ink-3) !important;font-size:11px !important;text-transform:none !important;letter-spacing:0 !important;margin-top:4px}

/* Header (eski) */
.header{background:transparent !important;border-bottom:none !important;padding:0 !important}
.header-left h1{color:var(--ink) !important;font-size:28px !important}
.header-subtitle{color:var(--ink-3) !important}
.content{background:transparent !important;padding:0 !important;animation:none !important}

/* Inputs */
input[type="text"],input[type="email"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="url"],input:not([type]),textarea,select{
  background:var(--bg-card) !important;border:1px solid var(--rule) !important;
  color:var(--ink) !important;font-family:inherit;border-radius:var(--r) !important;
}
input::placeholder,textarea::placeholder{color:var(--ink-3) !important}
input:focus,textarea:focus,select:focus{
  outline:none !important;border-color:var(--acc) !important;
  box-shadow:0 0 0 3px var(--acc-soft) !important;
}

/* Tables generic */
table{color:var(--ink)}
th{background:var(--bg-soft) !important;color:var(--ink-3) !important;border-bottom:1px solid var(--rule) !important}
td{border-bottom:1px solid var(--rule) !important;color:var(--ink-2) !important}
tr:hover td{background:var(--hover) !important}

/* Auth page */
.auth-page{
  background:var(--cover-bg) !important;
  color:var(--ink) !important;min-height:100vh;
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.loading-spinner{border-top-color:var(--acc) !important}

/* Scrollbar */
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:999px;opacity:0.4}
*::-webkit-scrollbar-thumb:hover{background:var(--acc)}

/* Selection */
::selection{background:var(--acc-soft);color:var(--ink)}

/* Links */
a{color:var(--acc)}
a:hover{color:var(--acc-2)}

/* Mobile menu button */
.mobile-menu-btn{
  background:var(--bg-card) !important;border:1px solid var(--rule) !important;
  color:var(--ink) !important;
}

/* === Override aggressive inline backgrounds (most legacy panels use rgb) ===
   NOT (10 Haz 2026): Bu kurallar light-temalı app'i koyuya çeviren YÜK TAŞIYAN
   mekanizma — daraltma/silme tüm temayı bozuyor. Olduğu gibi bırak. Bant sorunu
   için JSX'te ilgili componentlerin inline renkleri düzeltilmeli (CSS'ten değil). */
/* Beyaz/açık tonlar */
[style*="rgb(255, 255, 255)"]:not(.bw-page):not(.client-sidebar),
[style*="#ffffff"]:not(.bw-page):not(.client-sidebar),
[style*="#fff"]:not(.bw-page):not(.client-sidebar){
  background:var(--bg-card) !important;color:var(--ink) !important;
}
[style*="rgb(248, 250, 252)"],[style*="rgb(241, 245, 249)"],[style*="rgb(226, 232, 240)"],
[style*="#f8fafc"],[style*="#f1f5f9"],[style*="#e2e8f0"]{
  /* 10 Haz 2026: background var(--bg-soft) (yalnız %1.5 alpha — açık zemini zaten
     koyulaştırmıyordu, gerçek açık zeminler aşağıdaki bg-prefixed kurallarla hallediliyor)
     KALDIRILDI → transparent. Tek görünür etkisi color:var(--ink) olan YAZI elemanlarının
     arkasındaki "parça parça" soluk bantlardı. Yük taşıyan #fff→var(--bg-card) kuralına dokunulmadı. */
  background:transparent !important;color:var(--ink-2) !important;
}

/* Koyu mavi/slate zeminler — KAYNAĞI: hardcoded var(--bg-card), var(--bg-elev), var(--bg) */
[style*="rgb(15, 23, 42)"],[style*="rgb(30, 41, 59)"],[style*="rgb(10, 15, 28)"],
[style*="#0f172a"],[style*="#1e293b"],[style*="#0a0f1c"],[style*="#0a1026"],
[style*="#172554"],[style*="rgb(23, 37, 84)"],
[style*="#0b1220"],[style*="rgb(11, 18, 32)"]{
  background:var(--bg-2) !important;color:var(--ink) !important;
}

/* Koyu metin (slate) → ana metin */
[style*="color: rgb(15, 23, 42)"],[style*="color: rgb(30, 41, 59)"],
[style*="color: rgb(51, 65, 85)"],[style*="color: rgb(31, 41, 55)"],
[style*="color: rgb(17, 24, 39)"],
[style*="color:#0f172a"],[style*="color: #0f172a"],
[style*="color:#1e293b"],[style*="color: #1e293b"],
[style*="color:#334155"],[style*="color: #334155"],
[style*="color:#1f2937"],[style*="color: #1f2937"],
[style*="color:#111827"],[style*="color: #111827"],
[style*="color:#f1f5f9"],[style*="color: #f1f5f9"],
[style*="color:#e2e8f0"],[style*="color: #e2e8f0"],
[style*="color: rgb(241, 245, 249)"],[style*="color: rgb(226, 232, 240)"]{
  color:var(--ink) !important;
}

/* Gri metin (muted) */
[style*="color: rgb(100, 116, 139)"],[style*="color: rgb(148, 163, 184)"],
[style*="color: rgb(107, 114, 128)"],[style*="color: rgb(156, 163, 175)"],
[style*="color:#64748b"],[style*="color: #64748b"],
[style*="color:#94a3b8"],[style*="color: #94a3b8"],
[style*="color:#6b7280"],[style*="color: #6b7280"],
[style*="color:#9ca3af"],[style*="color: #9ca3af"],
[style*="color:#475569"],[style*="color: #475569"]{
  color:var(--ink-3) !important;
}

/* Mavi vurgu metin */
[style*="color: rgb(37, 99, 235)"],[style*="color: rgb(59, 130, 246)"],
[style*="color: rgb(29, 78, 216)"],[style*="color: rgb(96, 165, 250)"],
[style*="color: rgb(147, 197, 253)"],[style*="color: rgb(30, 64, 175)"],
[style*="color:#2563eb"],[style*="color: #2563eb"],
[style*="color:#3b82f6"],[style*="color: #3b82f6"],
[style*="color:#1d4ed8"],[style*="color: #1d4ed8"],
[style*="color:#1e40af"],[style*="color: #1e40af"],
[style*="color:#60a5fa"],[style*="color: #60a5fa"],
[style*="color:#93c5fd"],[style*="color: #93c5fd"]{
  color:var(--acc) !important;
}

/* Mor vurgu metin */
[style*="color: rgb(124, 58, 237)"],[style*="color: rgb(168, 85, 247)"],
[style*="color: rgb(139, 92, 246)"],[style*="color: rgb(196, 181, 253)"],
[style*="color:#7c3aed"],[style*="color: #7c3aed"],
[style*="color:#a855f7"],[style*="color: #a855f7"],
[style*="color:#8b5cf6"],[style*="color: #8b5cf6"],
[style*="color:#c4b5fd"],[style*="color: #c4b5fd"]{
  color:var(--acc-2) !important;
}

/* Yeşil vurgu (success / Tebrikler / motivation banner)  */
[style*="color: rgb(16, 185, 129)"],[style*="color: rgb(34, 197, 94)"],
[style*="color: rgb(22, 163, 74)"],[style*="color: rgb(5, 150, 105)"],
[style*="color: rgb(134, 239, 172)"],
[style*="color:#10b981"],[style*="color: #10b981"],
[style*="color:#22c55e"],[style*="color: #22c55e"],
[style*="color:#16a34a"],[style*="color: #16a34a"],
[style*="color:#059669"],[style*="color: #059669"],
[style*="color:#86efac"],[style*="color: #86efac"]{
  color:var(--suc) !important;
}

/* Sarı/Amber vurgu (warning) */
[style*="color: rgb(245, 158, 11)"],[style*="color: rgb(251, 191, 36)"],
[style*="color: rgb(217, 119, 6)"],[style*="color: rgb(252, 211, 77)"],
[style*="color:#f59e0b"],[style*="color: #f59e0b"],
[style*="color:#fbbf24"],[style*="color: #fbbf24"],
[style*="color:#d97706"],[style*="color: #d97706"],
[style*="color:#fcd34d"],[style*="color: #fcd34d"]{
  color:var(--warn) !important;
}

/* Kırmızı vurgu (danger / red) */
[style*="color: rgb(239, 68, 68)"],[style*="color: rgb(220, 38, 38)"],
[style*="color: rgb(252, 165, 165)"],
[style*="color:#ef4444"],[style*="color: #ef4444"],
[style*="color:#dc2626"],[style*="color: #dc2626"],
[style*="color:#fca5a5"],[style*="color: #fca5a5"]{
  color:var(--dgr) !important;
}

/* Mavi/mor zemin (button, banner) → ember gradient */
[style*="background: rgb(37, 99, 235)"],[style*="background-color: rgb(37, 99, 235)"],
[style*="background: rgb(59, 130, 246)"],[style*="background-color: rgb(59, 130, 246)"],
[style*="background:#2563eb"],[style*="background: #2563eb"],
[style*="background:#3b82f6"],[style*="background: #3b82f6"],
[style*="background:#1d4ed8"],[style*="background: #1d4ed8"],
[style*="background-color:#2563eb"],[style*="background-color: #2563eb"]{
  background:var(--acc) !important;color:#fff !important;
}

/* Yeşil zemin (motivation banner / success / Tebrikler!) */
[style*="background: rgb(16, 185, 129)"],[style*="background: rgb(34, 197, 94)"],
[style*="background: rgb(22, 163, 74)"],[style*="background: rgb(91, 124, 58)"],
[style*="background:#10b981"],[style*="background: #10b981"],
[style*="background:#22c55e"],[style*="background: #22c55e"],
[style*="background:#16a34a"],[style*="background: #16a34a"],
[style*="background:#059669"],[style*="background: #059669"]{
  background:var(--suc) !important;color:#fff !important;
}

/* Linear gradient'ler — mavi/yeşil/mor karışımı → Cocoa/Midnight palette */
/* Mavi gradient'ler (Outreach motivation banner, button, vs.) */
[style*="linear-gradient"][style*="rgb(37, 99, 235)"],
[style*="linear-gradient"][style*="rgb(59, 130, 246)"],
[style*="linear-gradient"][style*="#2563eb"],
[style*="linear-gradient"][style*="#3b82f6"],
[style*="linear-gradient"][style*="#1d4ed8"],
[style*="linear-gradient"][style*="#1e3a8a"],
[style*="linear-gradient"][style*="#172554"]{
  background:linear-gradient(135deg,var(--acc) 0%,var(--acc-2) 100%) !important;
  color:#fff !important;
}

/* Yeşil gradient (Tebrikler!, success) */
[style*="linear-gradient"][style*="#10b981"],
[style*="linear-gradient"][style*="#22c55e"],
[style*="linear-gradient"][style*="#16a34a"],
[style*="linear-gradient"][style*="rgb(16, 185, 129)"],
[style*="linear-gradient"][style*="rgb(34, 197, 94)"],
[style*="linear-gradient"][style*="rgb(91, 124, 58)"]{
  background:linear-gradient(135deg,var(--suc) 0%,var(--acc) 100%) !important;
  color:#fff !important;
}

/* Mor gradient */
[style*="linear-gradient"][style*="#7c3aed"],
[style*="linear-gradient"][style*="#a855f7"],
[style*="linear-gradient"][style*="#8b5cf6"],
[style*="linear-gradient"][style*="rgb(124, 58, 237)"],
[style*="linear-gradient"][style*="rgb(168, 85, 247)"]{
  background:linear-gradient(135deg,var(--acc-2) 0%,var(--acc) 100%) !important;
  color:#fff !important;
}

/* Açık mavi/mor BG (eff6ff, dbeafe, e0e7ff, f3e8ff) → soft accent */
[style*="rgb(239, 246, 255)"],[style*="#eff6ff"],
[style*="rgb(219, 234, 254)"],[style*="#dbeafe"],
[style*="rgb(224, 231, 255)"],[style*="#e0e7ff"]{
  background:var(--acc-soft) !important;color:var(--acc) !important;
}
[style*="rgb(243, 232, 255)"],[style*="#f3e8ff"]{
  background:var(--acc-2-soft) !important;color:var(--acc-2) !important;
}

/* Border'lar */
[style*="border: 1px solid rgb(226, 232, 240)"],
[style*="border: 1px solid rgb(241, 245, 249)"],
[style*="border: 1px solid rgb(51, 65, 85)"],
[style*="border: 1px solid rgb(71, 85, 105)"],
[style*="border:1px solid #e2e8f0"],[style*="border: 1px solid #e2e8f0"],
[style*="border:1px solid #f1f5f9"],[style*="border: 1px solid #f1f5f9"],
[style*="border:1px solid #334155"],[style*="border: 1px solid #334155"],
[style*="border:1px solid #475569"],[style*="border: 1px solid #475569"],
[style*="border-color:#334155"],[style*="border-color: #334155"]{
  border:1px solid var(--rule) !important;
}

/* ============================================================
   COMPREHENSIVE PALETTE OVERRIDE v2 (text/bg/border ayrı)
   ============================================================
   v1'de hem text hem bg aynı token'a map'leniyordu → slate-800
   gibi koyu shade'ler "text=ink olmalıyken" yanlışlıkla bg-2'ye
   çevriliyordu → metin silik gözüküyordu.
   v2: text için koyu shade → ink/ink-2 (siyah/koyu),
       bg için koyu shade → bg-2 (koyu zemin).
   ============================================================ */

/* === COLOR (text) === */
[style*="color: #f8fafc"],
[style*="color:#f8fafc"],
[style*="color: rgb(248, 250, 252)"],
[style*="color:rgb(248,250,252)"],
[style*="color: rgb(248,250,252)"],
[style*="color: #f1f5f9"],
[style*="color:#f1f5f9"],
[style*="color: rgb(241, 245, 249)"],
[style*="color:rgb(241,245,249)"],
[style*="color: rgb(241,245,249)"],
[style*="color: #e2e8f0"],
[style*="color:#e2e8f0"],
[style*="color: rgb(226, 232, 240)"],
[style*="color:rgb(226,232,240)"],
[style*="color: rgb(226,232,240)"],
[style*="color: #f9fafb"],
[style*="color:#f9fafb"],
[style*="color: rgb(249, 250, 251)"],
[style*="color:rgb(249,250,251)"],
[style*="color: rgb(249,250,251)"],
[style*="color: #f3f4f6"],
[style*="color:#f3f4f6"],
[style*="color: rgb(243, 244, 246)"],
[style*="color:rgb(243,244,246)"],
[style*="color: rgb(243,244,246)"],
[style*="color: #e5e7eb"],
[style*="color:#e5e7eb"],
[style*="color: rgb(229, 231, 235)"],
[style*="color:rgb(229,231,235)"],
[style*="color: rgb(229,231,235)"] {
  color: var(--ink-4) !important;
}
[style*="color: #cbd5e1"],
[style*="color:#cbd5e1"],
[style*="color: rgb(203, 213, 225)"],
[style*="color:rgb(203,213,225)"],
[style*="color: rgb(203,213,225)"],
[style*="color: #94a3b8"],
[style*="color:#94a3b8"],
[style*="color: rgb(148, 163, 184)"],
[style*="color:rgb(148,163,184)"],
[style*="color: rgb(148,163,184)"],
[style*="color: #64748b"],
[style*="color:#64748b"],
[style*="color: rgb(100, 116, 139)"],
[style*="color:rgb(100,116,139)"],
[style*="color: rgb(100,116,139)"],
[style*="color: #475569"],
[style*="color:#475569"],
[style*="color: rgb(71, 85, 105)"],
[style*="color:rgb(71,85,105)"],
[style*="color: rgb(71,85,105)"],
[style*="color: #d1d5db"],
[style*="color:#d1d5db"],
[style*="color: rgb(209, 213, 219)"],
[style*="color:rgb(209,213,219)"],
[style*="color: rgb(209,213,219)"],
[style*="color: #9ca3af"],
[style*="color:#9ca3af"],
[style*="color: rgb(156, 163, 175)"],
[style*="color:rgb(156,163,175)"],
[style*="color: rgb(156,163,175)"],
[style*="color: #6b7280"],
[style*="color:#6b7280"],
[style*="color: rgb(107, 114, 128)"],
[style*="color:rgb(107,114,128)"],
[style*="color: rgb(107,114,128)"],
[style*="color: #4b5563"],
[style*="color:#4b5563"],
[style*="color: rgb(75, 85, 99)"],
[style*="color:rgb(75,85,99)"],
[style*="color: rgb(75,85,99)"] {
  color: var(--ink-3) !important;
}
[style*="color: #334155"],
[style*="color:#334155"],
[style*="color: rgb(51, 65, 85)"],
[style*="color:rgb(51,65,85)"],
[style*="color: rgb(51,65,85)"],
[style*="color: #374151"],
[style*="color:#374151"],
[style*="color: rgb(55, 65, 81)"],
[style*="color:rgb(55,65,81)"],
[style*="color: rgb(55,65,81)"] {
  color: var(--ink-2) !important;
}
[style*="color: #1e293b"],
[style*="color:#1e293b"],
[style*="color: rgb(30, 41, 59)"],
[style*="color:rgb(30,41,59)"],
[style*="color: rgb(30,41,59)"],
[style*="color: #0f172a"],
[style*="color:#0f172a"],
[style*="color: rgb(15, 23, 42)"],
[style*="color:rgb(15,23,42)"],
[style*="color: rgb(15,23,42)"],
[style*="color: #020617"],
[style*="color:#020617"],
[style*="color: rgb(2, 6, 23)"],
[style*="color:rgb(2,6,23)"],
[style*="color: rgb(2,6,23)"],
[style*="color: #1f2937"],
[style*="color:#1f2937"],
[style*="color: rgb(31, 41, 55)"],
[style*="color:rgb(31,41,55)"],
[style*="color: rgb(31,41,55)"],
[style*="color: #111827"],
[style*="color:#111827"],
[style*="color: rgb(17, 24, 39)"],
[style*="color:rgb(17,24,39)"],
[style*="color: rgb(17,24,39)"] {
  color: var(--ink) !important;
}
[style*="color: #93c5fd"],
[style*="color:#93c5fd"],
[style*="color: rgb(147, 197, 253)"],
[style*="color:rgb(147,197,253)"],
[style*="color: rgb(147,197,253)"],
[style*="color: #60a5fa"],
[style*="color:#60a5fa"],
[style*="color: rgb(96, 165, 250)"],
[style*="color:rgb(96,165,250)"],
[style*="color: rgb(96,165,250)"],
[style*="color: #3b82f6"],
[style*="color:#3b82f6"],
[style*="color: rgb(59, 130, 246)"],
[style*="color:rgb(59,130,246)"],
[style*="color: rgb(59,130,246)"],
[style*="color: #2563eb"],
[style*="color:#2563eb"],
[style*="color: rgb(37, 99, 235)"],
[style*="color:rgb(37,99,235)"],
[style*="color: rgb(37,99,235)"],
[style*="color: #1d4ed8"],
[style*="color:#1d4ed8"],
[style*="color: rgb(29, 78, 216)"],
[style*="color:rgb(29,78,216)"],
[style*="color: rgb(29,78,216)"],
[style*="color: #1e40af"],
[style*="color:#1e40af"],
[style*="color: rgb(30, 64, 175)"],
[style*="color:rgb(30,64,175)"],
[style*="color: rgb(30,64,175)"],
[style*="color: #1e3a8a"],
[style*="color:#1e3a8a"],
[style*="color: rgb(30, 58, 138)"],
[style*="color:rgb(30,58,138)"],
[style*="color: rgb(30,58,138)"] {
  color: var(--acc) !important;
}
[style*="color: #d8b4fe"],
[style*="color:#d8b4fe"],
[style*="color: rgb(216, 180, 254)"],
[style*="color:rgb(216,180,254)"],
[style*="color: rgb(216,180,254)"],
[style*="color: #c084fc"],
[style*="color:#c084fc"],
[style*="color: rgb(192, 132, 252)"],
[style*="color:rgb(192,132,252)"],
[style*="color: rgb(192,132,252)"],
[style*="color: #a855f7"],
[style*="color:#a855f7"],
[style*="color: rgb(168, 85, 247)"],
[style*="color:rgb(168,85,247)"],
[style*="color: rgb(168,85,247)"],
[style*="color: #9333ea"],
[style*="color:#9333ea"],
[style*="color: rgb(147, 51, 234)"],
[style*="color:rgb(147,51,234)"],
[style*="color: rgb(147,51,234)"],
[style*="color: #7e22ce"],
[style*="color:#7e22ce"],
[style*="color: rgb(126, 34, 206)"],
[style*="color:rgb(126,34,206)"],
[style*="color: rgb(126,34,206)"],
[style*="color: #6b21a8"],
[style*="color:#6b21a8"],
[style*="color: rgb(107, 33, 168)"],
[style*="color:rgb(107,33,168)"],
[style*="color: rgb(107,33,168)"],
[style*="color: #a78bfa"],
[style*="color:#a78bfa"],
[style*="color: rgb(167, 139, 250)"],
[style*="color:rgb(167,139,250)"],
[style*="color: rgb(167,139,250)"],
[style*="color: #8b5cf6"],
[style*="color:#8b5cf6"],
[style*="color: rgb(139, 92, 246)"],
[style*="color:rgb(139,92,246)"],
[style*="color: rgb(139,92,246)"],
[style*="color: #7c3aed"],
[style*="color:#7c3aed"],
[style*="color: rgb(124, 58, 237)"],
[style*="color:rgb(124,58,237)"],
[style*="color: rgb(124,58,237)"],
[style*="color: #6d28d9"],
[style*="color:#6d28d9"],
[style*="color: rgb(109, 40, 217)"],
[style*="color:rgb(109,40,217)"],
[style*="color: rgb(109,40,217)"],
[style*="color: #f472b6"],
[style*="color:#f472b6"],
[style*="color: rgb(244, 114, 182)"],
[style*="color:rgb(244,114,182)"],
[style*="color: rgb(244,114,182)"],
[style*="color: #ec4899"],
[style*="color:#ec4899"],
[style*="color: rgb(236, 72, 153)"],
[style*="color:rgb(236,72,153)"],
[style*="color: rgb(236,72,153)"],
[style*="color: #d946ef"],
[style*="color:#d946ef"],
[style*="color: rgb(217, 70, 239)"],
[style*="color:rgb(217,70,239)"],
[style*="color: rgb(217,70,239)"],
[style*="color: #a5b4fc"],
[style*="color:#a5b4fc"],
[style*="color: rgb(165, 180, 252)"],
[style*="color:rgb(165,180,252)"],
[style*="color: rgb(165,180,252)"],
[style*="color: #818cf8"],
[style*="color:#818cf8"],
[style*="color: rgb(129, 140, 248)"],
[style*="color:rgb(129,140,248)"],
[style*="color: rgb(129,140,248)"],
[style*="color: #6366f1"],
[style*="color:#6366f1"],
[style*="color: rgb(99, 102, 241)"],
[style*="color:rgb(99,102,241)"],
[style*="color: rgb(99,102,241)"],
[style*="color: #4f46e5"],
[style*="color:#4f46e5"],
[style*="color: rgb(79, 70, 229)"],
[style*="color:rgb(79,70,229)"],
[style*="color: rgb(79,70,229)"] {
  color: var(--acc-2) !important;
}
[style*="color: #86efac"],
[style*="color:#86efac"],
[style*="color: rgb(134, 239, 172)"],
[style*="color:rgb(134,239,172)"],
[style*="color: rgb(134,239,172)"],
[style*="color: #4ade80"],
[style*="color:#4ade80"],
[style*="color: rgb(74, 222, 128)"],
[style*="color:rgb(74,222,128)"],
[style*="color: rgb(74,222,128)"],
[style*="color: #22c55e"],
[style*="color:#22c55e"],
[style*="color: rgb(34, 197, 94)"],
[style*="color:rgb(34,197,94)"],
[style*="color: rgb(34,197,94)"],
[style*="color: #16a34a"],
[style*="color:#16a34a"],
[style*="color: rgb(22, 163, 74)"],
[style*="color:rgb(22,163,74)"],
[style*="color: rgb(22,163,74)"],
[style*="color: #15803d"],
[style*="color:#15803d"],
[style*="color: rgb(21, 128, 61)"],
[style*="color:rgb(21,128,61)"],
[style*="color: rgb(21,128,61)"],
[style*="color: #166534"],
[style*="color:#166534"],
[style*="color: rgb(22, 101, 52)"],
[style*="color:rgb(22,101,52)"],
[style*="color: rgb(22,101,52)"],
[style*="color: #14532d"],
[style*="color:#14532d"],
[style*="color: rgb(20, 83, 45)"],
[style*="color:rgb(20,83,45)"],
[style*="color: rgb(20,83,45)"],
[style*="color: #6ee7b7"],
[style*="color:#6ee7b7"],
[style*="color: rgb(110, 231, 183)"],
[style*="color:rgb(110,231,183)"],
[style*="color: rgb(110,231,183)"],
[style*="color: #34d399"],
[style*="color:#34d399"],
[style*="color: rgb(52, 211, 153)"],
[style*="color:rgb(52,211,153)"],
[style*="color: rgb(52,211,153)"],
[style*="color: #10b981"],
[style*="color:#10b981"],
[style*="color: rgb(16, 185, 129)"],
[style*="color:rgb(16,185,129)"],
[style*="color: rgb(16,185,129)"],
[style*="color: #059669"],
[style*="color:#059669"],
[style*="color: rgb(5, 150, 105)"],
[style*="color:rgb(5,150,105)"],
[style*="color: rgb(5,150,105)"],
[style*="color: #047857"],
[style*="color:#047857"],
[style*="color: rgb(4, 120, 87)"],
[style*="color:rgb(4,120,87)"],
[style*="color: rgb(4,120,87)"] {
  color: var(--suc) !important;
}
[style*="color: #fcd34d"],
[style*="color:#fcd34d"],
[style*="color: rgb(252, 211, 77)"],
[style*="color:rgb(252,211,77)"],
[style*="color: rgb(252,211,77)"],
[style*="color: #fbbf24"],
[style*="color:#fbbf24"],
[style*="color: rgb(251, 191, 36)"],
[style*="color:rgb(251,191,36)"],
[style*="color: rgb(251,191,36)"],
[style*="color: #f59e0b"],
[style*="color:#f59e0b"],
[style*="color: rgb(245, 158, 11)"],
[style*="color:rgb(245,158,11)"],
[style*="color: rgb(245,158,11)"],
[style*="color: #d97706"],
[style*="color:#d97706"],
[style*="color: rgb(217, 119, 6)"],
[style*="color:rgb(217,119,6)"],
[style*="color: rgb(217,119,6)"],
[style*="color: #b45309"],
[style*="color:#b45309"],
[style*="color: rgb(180, 83, 9)"],
[style*="color:rgb(180,83,9)"],
[style*="color: rgb(180,83,9)"],
[style*="color: #92400e"],
[style*="color:#92400e"],
[style*="color: rgb(146, 64, 14)"],
[style*="color:rgb(146,64,14)"],
[style*="color: rgb(146,64,14)"],
[style*="color: #facc15"],
[style*="color:#facc15"],
[style*="color: rgb(250, 204, 21)"],
[style*="color:rgb(250,204,21)"],
[style*="color: rgb(250,204,21)"],
[style*="color: #eab308"],
[style*="color:#eab308"],
[style*="color: rgb(234, 179, 8)"],
[style*="color:rgb(234,179,8)"],
[style*="color: rgb(234,179,8)"],
[style*="color: #fb923c"],
[style*="color:#fb923c"],
[style*="color: rgb(251, 146, 60)"],
[style*="color:rgb(251,146,60)"],
[style*="color: rgb(251,146,60)"],
[style*="color: #f97316"],
[style*="color:#f97316"],
[style*="color: rgb(249, 115, 22)"],
[style*="color:rgb(249,115,22)"],
[style*="color: rgb(249,115,22)"],
[style*="color: #ea580c"],
[style*="color:#ea580c"],
[style*="color: rgb(234, 88, 12)"],
[style*="color:rgb(234,88,12)"],
[style*="color: rgb(234,88,12)"] {
  color: var(--warn) !important;
}
[style*="color: #fca5a5"],
[style*="color:#fca5a5"],
[style*="color: rgb(252, 165, 165)"],
[style*="color:rgb(252,165,165)"],
[style*="color: rgb(252,165,165)"],
[style*="color: #f87171"],
[style*="color:#f87171"],
[style*="color: rgb(248, 113, 113)"],
[style*="color:rgb(248,113,113)"],
[style*="color: rgb(248,113,113)"],
[style*="color: #ef4444"],
[style*="color:#ef4444"],
[style*="color: rgb(239, 68, 68)"],
[style*="color:rgb(239,68,68)"],
[style*="color: rgb(239,68,68)"],
[style*="color: #dc2626"],
[style*="color:#dc2626"],
[style*="color: rgb(220, 38, 38)"],
[style*="color:rgb(220,38,38)"],
[style*="color: rgb(220,38,38)"],
[style*="color: #b91c1c"],
[style*="color:#b91c1c"],
[style*="color: rgb(185, 28, 28)"],
[style*="color:rgb(185,28,28)"],
[style*="color: rgb(185,28,28)"],
[style*="color: #991b1b"],
[style*="color:#991b1b"],
[style*="color: rgb(153, 27, 27)"],
[style*="color:rgb(153,27,27)"],
[style*="color: rgb(153,27,27)"],
[style*="color: #7f1d1d"],
[style*="color:#7f1d1d"],
[style*="color: rgb(127, 29, 29)"],
[style*="color:rgb(127,29,29)"],
[style*="color: rgb(127,29,29)"],
[style*="color: #fb7185"],
[style*="color:#fb7185"],
[style*="color: rgb(251, 113, 133)"],
[style*="color:rgb(251,113,133)"],
[style*="color: rgb(251,113,133)"],
[style*="color: #f43f5e"],
[style*="color:#f43f5e"],
[style*="color: rgb(244, 63, 94)"],
[style*="color:rgb(244,63,94)"],
[style*="color: rgb(244,63,94)"] {
  color: var(--dgr) !important;
}
[style*="color: #22d3ee"],
[style*="color:#22d3ee"],
[style*="color: rgb(34, 211, 238)"],
[style*="color:rgb(34,211,238)"],
[style*="color: rgb(34,211,238)"],
[style*="color: #06b6d4"],
[style*="color:#06b6d4"],
[style*="color: rgb(6, 182, 212)"],
[style*="color:rgb(6,182,212)"],
[style*="color: rgb(6,182,212)"],
[style*="color: #38bdf8"],
[style*="color:#38bdf8"],
[style*="color: rgb(56, 189, 248)"],
[style*="color:rgb(56,189,248)"],
[style*="color: rgb(56,189,248)"],
[style*="color: #0ea5e9"],
[style*="color:#0ea5e9"],
[style*="color: rgb(14, 165, 233)"],
[style*="color:rgb(14,165,233)"],
[style*="color: rgb(14,165,233)"],
[style*="color: #14b8a6"],
[style*="color:#14b8a6"],
[style*="color: rgb(20, 184, 166)"],
[style*="color:rgb(20,184,166)"],
[style*="color: rgb(20,184,166)"] {
  color: var(--inf) !important;
}

/* === BACKGROUND === */
[style*="background: #f8fafc"],
[style*="background:#f8fafc"],
[style*="background-color: #f8fafc"],
[style*="background-color:#f8fafc"],
[style*="background: rgb(248, 250, 252)"],
[style*="background:rgb(248,250,252)"],
[style*="background-color: rgb(248, 250, 252)"],
[style*="background-color:rgb(248,250,252)"],
[style*="background: #f1f5f9"],
[style*="background:#f1f5f9"],
[style*="background-color: #f1f5f9"],
[style*="background-color:#f1f5f9"],
[style*="background: rgb(241, 245, 249)"],
[style*="background:rgb(241,245,249)"],
[style*="background-color: rgb(241, 245, 249)"],
[style*="background-color:rgb(241,245,249)"],
[style*="background: #f9fafb"],
[style*="background:#f9fafb"],
[style*="background-color: #f9fafb"],
[style*="background-color:#f9fafb"],
[style*="background: rgb(249, 250, 251)"],
[style*="background:rgb(249,250,251)"],
[style*="background-color: rgb(249, 250, 251)"],
[style*="background-color:rgb(249,250,251)"],
[style*="background: #f3f4f6"],
[style*="background:#f3f4f6"],
[style*="background-color: #f3f4f6"],
[style*="background-color:#f3f4f6"],
[style*="background: rgb(243, 244, 246)"],
[style*="background:rgb(243,244,246)"],
[style*="background-color: rgb(243, 244, 246)"],
[style*="background-color:rgb(243,244,246)"] {
  background: var(--bg-soft) !important;
}
[style*="background: #e2e8f0"],
[style*="background:#e2e8f0"],
[style*="background-color: #e2e8f0"],
[style*="background-color:#e2e8f0"],
[style*="background: rgb(226, 232, 240)"],
[style*="background:rgb(226,232,240)"],
[style*="background-color: rgb(226, 232, 240)"],
[style*="background-color:rgb(226,232,240)"],
[style*="background: #cbd5e1"],
[style*="background:#cbd5e1"],
[style*="background-color: #cbd5e1"],
[style*="background-color:#cbd5e1"],
[style*="background: rgb(203, 213, 225)"],
[style*="background:rgb(203,213,225)"],
[style*="background-color: rgb(203, 213, 225)"],
[style*="background-color:rgb(203,213,225)"],
[style*="background: #e5e7eb"],
[style*="background:#e5e7eb"],
[style*="background-color: #e5e7eb"],
[style*="background-color:#e5e7eb"],
[style*="background: rgb(229, 231, 235)"],
[style*="background:rgb(229,231,235)"],
[style*="background-color: rgb(229, 231, 235)"],
[style*="background-color:rgb(229,231,235)"],
[style*="background: #d1d5db"],
[style*="background:#d1d5db"],
[style*="background-color: #d1d5db"],
[style*="background-color:#d1d5db"],
[style*="background: rgb(209, 213, 219)"],
[style*="background:rgb(209,213,219)"],
[style*="background-color: rgb(209, 213, 219)"],
[style*="background-color:rgb(209,213,219)"] {
  background: var(--rule) !important;
}
[style*="background: #94a3b8"],
[style*="background:#94a3b8"],
[style*="background-color: #94a3b8"],
[style*="background-color:#94a3b8"],
[style*="background: rgb(148, 163, 184)"],
[style*="background:rgb(148,163,184)"],
[style*="background-color: rgb(148, 163, 184)"],
[style*="background-color:rgb(148,163,184)"],
[style*="background: #64748b"],
[style*="background:#64748b"],
[style*="background-color: #64748b"],
[style*="background-color:#64748b"],
[style*="background: rgb(100, 116, 139)"],
[style*="background:rgb(100,116,139)"],
[style*="background-color: rgb(100, 116, 139)"],
[style*="background-color:rgb(100,116,139)"],
[style*="background: #9ca3af"],
[style*="background:#9ca3af"],
[style*="background-color: #9ca3af"],
[style*="background-color:#9ca3af"],
[style*="background: rgb(156, 163, 175)"],
[style*="background:rgb(156,163,175)"],
[style*="background-color: rgb(156, 163, 175)"],
[style*="background-color:rgb(156,163,175)"],
[style*="background: #6b7280"],
[style*="background:#6b7280"],
[style*="background-color: #6b7280"],
[style*="background-color:#6b7280"],
[style*="background: rgb(107, 114, 128)"],
[style*="background:rgb(107,114,128)"],
[style*="background-color: rgb(107, 114, 128)"],
[style*="background-color:rgb(107,114,128)"] {
  background: var(--ink-3) !important;
}
[style*="background: #475569"],
[style*="background:#475569"],
[style*="background-color: #475569"],
[style*="background-color:#475569"],
[style*="background: rgb(71, 85, 105)"],
[style*="background:rgb(71,85,105)"],
[style*="background-color: rgb(71, 85, 105)"],
[style*="background-color:rgb(71,85,105)"],
[style*="background: #334155"],
[style*="background:#334155"],
[style*="background-color: #334155"],
[style*="background-color:#334155"],
[style*="background: rgb(51, 65, 85)"],
[style*="background:rgb(51,65,85)"],
[style*="background-color: rgb(51, 65, 85)"],
[style*="background-color:rgb(51,65,85)"],
[style*="background: #4b5563"],
[style*="background:#4b5563"],
[style*="background-color: #4b5563"],
[style*="background-color:#4b5563"],
[style*="background: rgb(75, 85, 99)"],
[style*="background:rgb(75,85,99)"],
[style*="background-color: rgb(75, 85, 99)"],
[style*="background-color:rgb(75,85,99)"],
[style*="background: #374151"],
[style*="background:#374151"],
[style*="background-color: #374151"],
[style*="background-color:#374151"],
[style*="background: rgb(55, 65, 81)"],
[style*="background:rgb(55,65,81)"],
[style*="background-color: rgb(55, 65, 81)"],
[style*="background-color:rgb(55,65,81)"] {
  background: var(--ink-2) !important;
}
[style*="background: #1e293b"],
[style*="background:#1e293b"],
[style*="background-color: #1e293b"],
[style*="background-color:#1e293b"],
[style*="background: rgb(30, 41, 59)"],
[style*="background:rgb(30,41,59)"],
[style*="background-color: rgb(30, 41, 59)"],
[style*="background-color:rgb(30,41,59)"],
[style*="background: #0f172a"],
[style*="background:#0f172a"],
[style*="background-color: #0f172a"],
[style*="background-color:#0f172a"],
[style*="background: rgb(15, 23, 42)"],
[style*="background:rgb(15,23,42)"],
[style*="background-color: rgb(15, 23, 42)"],
[style*="background-color:rgb(15,23,42)"],
[style*="background: #020617"],
[style*="background:#020617"],
[style*="background-color: #020617"],
[style*="background-color:#020617"],
[style*="background: rgb(2, 6, 23)"],
[style*="background:rgb(2,6,23)"],
[style*="background-color: rgb(2, 6, 23)"],
[style*="background-color:rgb(2,6,23)"],
[style*="background: #1f2937"],
[style*="background:#1f2937"],
[style*="background-color: #1f2937"],
[style*="background-color:#1f2937"],
[style*="background: rgb(31, 41, 55)"],
[style*="background:rgb(31,41,55)"],
[style*="background-color: rgb(31, 41, 55)"],
[style*="background-color:rgb(31,41,55)"],
[style*="background: #111827"],
[style*="background:#111827"],
[style*="background-color: #111827"],
[style*="background-color:#111827"],
[style*="background: rgb(17, 24, 39)"],
[style*="background:rgb(17,24,39)"],
[style*="background-color: rgb(17, 24, 39)"],
[style*="background-color:rgb(17,24,39)"],
[style*="background: #172554"],
[style*="background:#172554"],
[style*="background-color: #172554"],
[style*="background-color:#172554"],
[style*="background: rgb(23, 37, 84)"],
[style*="background:rgb(23,37,84)"],
[style*="background-color: rgb(23, 37, 84)"],
[style*="background-color:rgb(23,37,84)"] {
  background: var(--bg-2) !important;
}
[style*="background: #93c5fd"],
[style*="background:#93c5fd"],
[style*="background-color: #93c5fd"],
[style*="background-color:#93c5fd"],
[style*="background: rgb(147, 197, 253)"],
[style*="background:rgb(147,197,253)"],
[style*="background-color: rgb(147, 197, 253)"],
[style*="background-color:rgb(147,197,253)"],
[style*="background: #60a5fa"],
[style*="background:#60a5fa"],
[style*="background-color: #60a5fa"],
[style*="background-color:#60a5fa"],
[style*="background: rgb(96, 165, 250)"],
[style*="background:rgb(96,165,250)"],
[style*="background-color: rgb(96, 165, 250)"],
[style*="background-color:rgb(96,165,250)"],
[style*="background: #3b82f6"],
[style*="background:#3b82f6"],
[style*="background-color: #3b82f6"],
[style*="background-color:#3b82f6"],
[style*="background: rgb(59, 130, 246)"],
[style*="background:rgb(59,130,246)"],
[style*="background-color: rgb(59, 130, 246)"],
[style*="background-color:rgb(59,130,246)"],
[style*="background: #2563eb"],
[style*="background:#2563eb"],
[style*="background-color: #2563eb"],
[style*="background-color:#2563eb"],
[style*="background: rgb(37, 99, 235)"],
[style*="background:rgb(37,99,235)"],
[style*="background-color: rgb(37, 99, 235)"],
[style*="background-color:rgb(37,99,235)"],
[style*="background: #1d4ed8"],
[style*="background:#1d4ed8"],
[style*="background-color: #1d4ed8"],
[style*="background-color:#1d4ed8"],
[style*="background: rgb(29, 78, 216)"],
[style*="background:rgb(29,78,216)"],
[style*="background-color: rgb(29, 78, 216)"],
[style*="background-color:rgb(29,78,216)"],
[style*="background: #1e40af"],
[style*="background:#1e40af"],
[style*="background-color: #1e40af"],
[style*="background-color:#1e40af"],
[style*="background: rgb(30, 64, 175)"],
[style*="background:rgb(30,64,175)"],
[style*="background-color: rgb(30, 64, 175)"],
[style*="background-color:rgb(30,64,175)"] {
  background: var(--acc) !important;
}
[style*="background: #1e3a8a"],
[style*="background:#1e3a8a"],
[style*="background-color: #1e3a8a"],
[style*="background-color:#1e3a8a"],
[style*="background: rgb(30, 58, 138)"],
[style*="background:rgb(30,58,138)"],
[style*="background-color: rgb(30, 58, 138)"],
[style*="background-color:rgb(30,58,138)"],
[style*="background: #d8b4fe"],
[style*="background:#d8b4fe"],
[style*="background-color: #d8b4fe"],
[style*="background-color:#d8b4fe"],
[style*="background: rgb(216, 180, 254)"],
[style*="background:rgb(216,180,254)"],
[style*="background-color: rgb(216, 180, 254)"],
[style*="background-color:rgb(216,180,254)"],
[style*="background: #c084fc"],
[style*="background:#c084fc"],
[style*="background-color: #c084fc"],
[style*="background-color:#c084fc"],
[style*="background: rgb(192, 132, 252)"],
[style*="background:rgb(192,132,252)"],
[style*="background-color: rgb(192, 132, 252)"],
[style*="background-color:rgb(192,132,252)"],
[style*="background: #a855f7"],
[style*="background:#a855f7"],
[style*="background-color: #a855f7"],
[style*="background-color:#a855f7"],
[style*="background: rgb(168, 85, 247)"],
[style*="background:rgb(168,85,247)"],
[style*="background-color: rgb(168, 85, 247)"],
[style*="background-color:rgb(168,85,247)"],
[style*="background: #9333ea"],
[style*="background:#9333ea"],
[style*="background-color: #9333ea"],
[style*="background-color:#9333ea"],
[style*="background: rgb(147, 51, 234)"],
[style*="background:rgb(147,51,234)"],
[style*="background-color: rgb(147, 51, 234)"],
[style*="background-color:rgb(147,51,234)"],
[style*="background: #7e22ce"],
[style*="background:#7e22ce"],
[style*="background-color: #7e22ce"],
[style*="background-color:#7e22ce"],
[style*="background: rgb(126, 34, 206)"],
[style*="background:rgb(126,34,206)"],
[style*="background-color: rgb(126, 34, 206)"],
[style*="background-color:rgb(126,34,206)"],
[style*="background: #6b21a8"],
[style*="background:#6b21a8"],
[style*="background-color: #6b21a8"],
[style*="background-color:#6b21a8"],
[style*="background: rgb(107, 33, 168)"],
[style*="background:rgb(107,33,168)"],
[style*="background-color: rgb(107, 33, 168)"],
[style*="background-color:rgb(107,33,168)"],
[style*="background: #a78bfa"],
[style*="background:#a78bfa"],
[style*="background-color: #a78bfa"],
[style*="background-color:#a78bfa"],
[style*="background: rgb(167, 139, 250)"],
[style*="background:rgb(167,139,250)"],
[style*="background-color: rgb(167, 139, 250)"],
[style*="background-color:rgb(167,139,250)"],
[style*="background: #8b5cf6"],
[style*="background:#8b5cf6"],
[style*="background-color: #8b5cf6"],
[style*="background-color:#8b5cf6"],
[style*="background: rgb(139, 92, 246)"],
[style*="background:rgb(139,92,246)"],
[style*="background-color: rgb(139, 92, 246)"],
[style*="background-color:rgb(139,92,246)"],
[style*="background: #7c3aed"],
[style*="background:#7c3aed"],
[style*="background-color: #7c3aed"],
[style*="background-color:#7c3aed"],
[style*="background: rgb(124, 58, 237)"],
[style*="background:rgb(124,58,237)"],
[style*="background-color: rgb(124, 58, 237)"],
[style*="background-color:rgb(124,58,237)"],
[style*="background: #6d28d9"],
[style*="background:#6d28d9"],
[style*="background-color: #6d28d9"],
[style*="background-color:#6d28d9"],
[style*="background: rgb(109, 40, 217)"],
[style*="background:rgb(109,40,217)"],
[style*="background-color: rgb(109, 40, 217)"],
[style*="background-color:rgb(109,40,217)"],
[style*="background: #f472b6"],
[style*="background:#f472b6"],
[style*="background-color: #f472b6"],
[style*="background-color:#f472b6"],
[style*="background: rgb(244, 114, 182)"],
[style*="background:rgb(244,114,182)"],
[style*="background-color: rgb(244, 114, 182)"],
[style*="background-color:rgb(244,114,182)"],
[style*="background: #ec4899"],
[style*="background:#ec4899"],
[style*="background-color: #ec4899"],
[style*="background-color:#ec4899"],
[style*="background: rgb(236, 72, 153)"],
[style*="background:rgb(236,72,153)"],
[style*="background-color: rgb(236, 72, 153)"],
[style*="background-color:rgb(236,72,153)"],
[style*="background: #d946ef"],
[style*="background:#d946ef"],
[style*="background-color: #d946ef"],
[style*="background-color:#d946ef"],
[style*="background: rgb(217, 70, 239)"],
[style*="background:rgb(217,70,239)"],
[style*="background-color: rgb(217, 70, 239)"],
[style*="background-color:rgb(217,70,239)"],
[style*="background: #a5b4fc"],
[style*="background:#a5b4fc"],
[style*="background-color: #a5b4fc"],
[style*="background-color:#a5b4fc"],
[style*="background: rgb(165, 180, 252)"],
[style*="background:rgb(165,180,252)"],
[style*="background-color: rgb(165, 180, 252)"],
[style*="background-color:rgb(165,180,252)"],
[style*="background: #818cf8"],
[style*="background:#818cf8"],
[style*="background-color: #818cf8"],
[style*="background-color:#818cf8"],
[style*="background: rgb(129, 140, 248)"],
[style*="background:rgb(129,140,248)"],
[style*="background-color: rgb(129, 140, 248)"],
[style*="background-color:rgb(129,140,248)"],
[style*="background: #6366f1"],
[style*="background:#6366f1"],
[style*="background-color: #6366f1"],
[style*="background-color:#6366f1"],
[style*="background: rgb(99, 102, 241)"],
[style*="background:rgb(99,102,241)"],
[style*="background-color: rgb(99, 102, 241)"],
[style*="background-color:rgb(99,102,241)"],
[style*="background: #4f46e5"],
[style*="background:#4f46e5"],
[style*="background-color: #4f46e5"],
[style*="background-color:#4f46e5"],
[style*="background: rgb(79, 70, 229)"],
[style*="background:rgb(79,70,229)"],
[style*="background-color: rgb(79, 70, 229)"],
[style*="background-color:rgb(79,70,229)"] {
  background: var(--acc-2) !important;
}
[style*="background: #86efac"],
[style*="background:#86efac"],
[style*="background-color: #86efac"],
[style*="background-color:#86efac"],
[style*="background: rgb(134, 239, 172)"],
[style*="background:rgb(134,239,172)"],
[style*="background-color: rgb(134, 239, 172)"],
[style*="background-color:rgb(134,239,172)"],
[style*="background: #4ade80"],
[style*="background:#4ade80"],
[style*="background-color: #4ade80"],
[style*="background-color:#4ade80"],
[style*="background: rgb(74, 222, 128)"],
[style*="background:rgb(74,222,128)"],
[style*="background-color: rgb(74, 222, 128)"],
[style*="background-color:rgb(74,222,128)"],
[style*="background: #22c55e"],
[style*="background:#22c55e"],
[style*="background-color: #22c55e"],
[style*="background-color:#22c55e"],
[style*="background: rgb(34, 197, 94)"],
[style*="background:rgb(34,197,94)"],
[style*="background-color: rgb(34, 197, 94)"],
[style*="background-color:rgb(34,197,94)"],
[style*="background: #16a34a"],
[style*="background:#16a34a"],
[style*="background-color: #16a34a"],
[style*="background-color:#16a34a"],
[style*="background: rgb(22, 163, 74)"],
[style*="background:rgb(22,163,74)"],
[style*="background-color: rgb(22, 163, 74)"],
[style*="background-color:rgb(22,163,74)"],
[style*="background: #15803d"],
[style*="background:#15803d"],
[style*="background-color: #15803d"],
[style*="background-color:#15803d"],
[style*="background: rgb(21, 128, 61)"],
[style*="background:rgb(21,128,61)"],
[style*="background-color: rgb(21, 128, 61)"],
[style*="background-color:rgb(21,128,61)"],
[style*="background: #166534"],
[style*="background:#166534"],
[style*="background-color: #166534"],
[style*="background-color:#166534"],
[style*="background: rgb(22, 101, 52)"],
[style*="background:rgb(22,101,52)"],
[style*="background-color: rgb(22, 101, 52)"],
[style*="background-color:rgb(22,101,52)"],
[style*="background: #14532d"],
[style*="background:#14532d"],
[style*="background-color: #14532d"],
[style*="background-color:#14532d"],
[style*="background: rgb(20, 83, 45)"],
[style*="background:rgb(20,83,45)"],
[style*="background-color: rgb(20, 83, 45)"],
[style*="background-color:rgb(20,83,45)"],
[style*="background: #6ee7b7"],
[style*="background:#6ee7b7"],
[style*="background-color: #6ee7b7"],
[style*="background-color:#6ee7b7"],
[style*="background: rgb(110, 231, 183)"],
[style*="background:rgb(110,231,183)"],
[style*="background-color: rgb(110, 231, 183)"],
[style*="background-color:rgb(110,231,183)"],
[style*="background: #34d399"],
[style*="background:#34d399"],
[style*="background-color: #34d399"],
[style*="background-color:#34d399"],
[style*="background: rgb(52, 211, 153)"],
[style*="background:rgb(52,211,153)"],
[style*="background-color: rgb(52, 211, 153)"],
[style*="background-color:rgb(52,211,153)"],
[style*="background: #10b981"],
[style*="background:#10b981"],
[style*="background-color: #10b981"],
[style*="background-color:#10b981"],
[style*="background: rgb(16, 185, 129)"],
[style*="background:rgb(16,185,129)"],
[style*="background-color: rgb(16, 185, 129)"],
[style*="background-color:rgb(16,185,129)"],
[style*="background: #059669"],
[style*="background:#059669"],
[style*="background-color: #059669"],
[style*="background-color:#059669"],
[style*="background: rgb(5, 150, 105)"],
[style*="background:rgb(5,150,105)"],
[style*="background-color: rgb(5, 150, 105)"],
[style*="background-color:rgb(5,150,105)"],
[style*="background: #047857"],
[style*="background:#047857"],
[style*="background-color: #047857"],
[style*="background-color:#047857"],
[style*="background: rgb(4, 120, 87)"],
[style*="background:rgb(4,120,87)"],
[style*="background-color: rgb(4, 120, 87)"],
[style*="background-color:rgb(4,120,87)"] {
  background: var(--suc) !important;
}
[style*="background: #fcd34d"],
[style*="background:#fcd34d"],
[style*="background-color: #fcd34d"],
[style*="background-color:#fcd34d"],
[style*="background: rgb(252, 211, 77)"],
[style*="background:rgb(252,211,77)"],
[style*="background-color: rgb(252, 211, 77)"],
[style*="background-color:rgb(252,211,77)"],
[style*="background: #fbbf24"],
[style*="background:#fbbf24"],
[style*="background-color: #fbbf24"],
[style*="background-color:#fbbf24"],
[style*="background: rgb(251, 191, 36)"],
[style*="background:rgb(251,191,36)"],
[style*="background-color: rgb(251, 191, 36)"],
[style*="background-color:rgb(251,191,36)"],
[style*="background: #f59e0b"],
[style*="background:#f59e0b"],
[style*="background-color: #f59e0b"],
[style*="background-color:#f59e0b"],
[style*="background: rgb(245, 158, 11)"],
[style*="background:rgb(245,158,11)"],
[style*="background-color: rgb(245, 158, 11)"],
[style*="background-color:rgb(245,158,11)"],
[style*="background: #d97706"],
[style*="background:#d97706"],
[style*="background-color: #d97706"],
[style*="background-color:#d97706"],
[style*="background: rgb(217, 119, 6)"],
[style*="background:rgb(217,119,6)"],
[style*="background-color: rgb(217, 119, 6)"],
[style*="background-color:rgb(217,119,6)"],
[style*="background: #b45309"],
[style*="background:#b45309"],
[style*="background-color: #b45309"],
[style*="background-color:#b45309"],
[style*="background: rgb(180, 83, 9)"],
[style*="background:rgb(180,83,9)"],
[style*="background-color: rgb(180, 83, 9)"],
[style*="background-color:rgb(180,83,9)"],
[style*="background: #92400e"],
[style*="background:#92400e"],
[style*="background-color: #92400e"],
[style*="background-color:#92400e"],
[style*="background: rgb(146, 64, 14)"],
[style*="background:rgb(146,64,14)"],
[style*="background-color: rgb(146, 64, 14)"],
[style*="background-color:rgb(146,64,14)"],
[style*="background: #facc15"],
[style*="background:#facc15"],
[style*="background-color: #facc15"],
[style*="background-color:#facc15"],
[style*="background: rgb(250, 204, 21)"],
[style*="background:rgb(250,204,21)"],
[style*="background-color: rgb(250, 204, 21)"],
[style*="background-color:rgb(250,204,21)"],
[style*="background: #eab308"],
[style*="background:#eab308"],
[style*="background-color: #eab308"],
[style*="background-color:#eab308"],
[style*="background: rgb(234, 179, 8)"],
[style*="background:rgb(234,179,8)"],
[style*="background-color: rgb(234, 179, 8)"],
[style*="background-color:rgb(234,179,8)"],
[style*="background: #fb923c"],
[style*="background:#fb923c"],
[style*="background-color: #fb923c"],
[style*="background-color:#fb923c"],
[style*="background: rgb(251, 146, 60)"],
[style*="background:rgb(251,146,60)"],
[style*="background-color: rgb(251, 146, 60)"],
[style*="background-color:rgb(251,146,60)"],
[style*="background: #f97316"],
[style*="background:#f97316"],
[style*="background-color: #f97316"],
[style*="background-color:#f97316"],
[style*="background: rgb(249, 115, 22)"],
[style*="background:rgb(249,115,22)"],
[style*="background-color: rgb(249, 115, 22)"],
[style*="background-color:rgb(249,115,22)"],
[style*="background: #ea580c"],
[style*="background:#ea580c"],
[style*="background-color: #ea580c"],
[style*="background-color:#ea580c"],
[style*="background: rgb(234, 88, 12)"],
[style*="background:rgb(234,88,12)"],
[style*="background-color: rgb(234, 88, 12)"],
[style*="background-color:rgb(234,88,12)"],
[style*="background: #78350f"],
[style*="background:#78350f"],
[style*="background-color: #78350f"],
[style*="background-color:#78350f"],
[style*="background: rgb(120, 53, 15)"],
[style*="background:rgb(120,53,15)"],
[style*="background-color: rgb(120, 53, 15)"],
[style*="background-color:rgb(120,53,15)"] {
  background: var(--warn) !important;
}
[style*="background: #fca5a5"],
[style*="background:#fca5a5"],
[style*="background-color: #fca5a5"],
[style*="background-color:#fca5a5"],
[style*="background: rgb(252, 165, 165)"],
[style*="background:rgb(252,165,165)"],
[style*="background-color: rgb(252, 165, 165)"],
[style*="background-color:rgb(252,165,165)"],
[style*="background: #f87171"],
[style*="background:#f87171"],
[style*="background-color: #f87171"],
[style*="background-color:#f87171"],
[style*="background: rgb(248, 113, 113)"],
[style*="background:rgb(248,113,113)"],
[style*="background-color: rgb(248, 113, 113)"],
[style*="background-color:rgb(248,113,113)"],
[style*="background: #ef4444"],
[style*="background:#ef4444"],
[style*="background-color: #ef4444"],
[style*="background-color:#ef4444"],
[style*="background: rgb(239, 68, 68)"],
[style*="background:rgb(239,68,68)"],
[style*="background-color: rgb(239, 68, 68)"],
[style*="background-color:rgb(239,68,68)"],
[style*="background: #dc2626"],
[style*="background:#dc2626"],
[style*="background-color: #dc2626"],
[style*="background-color:#dc2626"],
[style*="background: rgb(220, 38, 38)"],
[style*="background:rgb(220,38,38)"],
[style*="background-color: rgb(220, 38, 38)"],
[style*="background-color:rgb(220,38,38)"],
[style*="background: #b91c1c"],
[style*="background:#b91c1c"],
[style*="background-color: #b91c1c"],
[style*="background-color:#b91c1c"],
[style*="background: rgb(185, 28, 28)"],
[style*="background:rgb(185,28,28)"],
[style*="background-color: rgb(185, 28, 28)"],
[style*="background-color:rgb(185,28,28)"],
[style*="background: #991b1b"],
[style*="background:#991b1b"],
[style*="background-color: #991b1b"],
[style*="background-color:#991b1b"],
[style*="background: rgb(153, 27, 27)"],
[style*="background:rgb(153,27,27)"],
[style*="background-color: rgb(153, 27, 27)"],
[style*="background-color:rgb(153,27,27)"],
[style*="background: #7f1d1d"],
[style*="background:#7f1d1d"],
[style*="background-color: #7f1d1d"],
[style*="background-color:#7f1d1d"],
[style*="background: rgb(127, 29, 29)"],
[style*="background:rgb(127,29,29)"],
[style*="background-color: rgb(127, 29, 29)"],
[style*="background-color:rgb(127,29,29)"],
[style*="background: #fb7185"],
[style*="background:#fb7185"],
[style*="background-color: #fb7185"],
[style*="background-color:#fb7185"],
[style*="background: rgb(251, 113, 133)"],
[style*="background:rgb(251,113,133)"],
[style*="background-color: rgb(251, 113, 133)"],
[style*="background-color:rgb(251,113,133)"],
[style*="background: #f43f5e"],
[style*="background:#f43f5e"],
[style*="background-color: #f43f5e"],
[style*="background-color:#f43f5e"],
[style*="background: rgb(244, 63, 94)"],
[style*="background:rgb(244,63,94)"],
[style*="background-color: rgb(244, 63, 94)"],
[style*="background-color:rgb(244,63,94)"] {
  background: var(--dgr) !important;
}
[style*="background: #22d3ee"],
[style*="background:#22d3ee"],
[style*="background-color: #22d3ee"],
[style*="background-color:#22d3ee"],
[style*="background: rgb(34, 211, 238)"],
[style*="background:rgb(34,211,238)"],
[style*="background-color: rgb(34, 211, 238)"],
[style*="background-color:rgb(34,211,238)"],
[style*="background: #06b6d4"],
[style*="background:#06b6d4"],
[style*="background-color: #06b6d4"],
[style*="background-color:#06b6d4"],
[style*="background: rgb(6, 182, 212)"],
[style*="background:rgb(6,182,212)"],
[style*="background-color: rgb(6, 182, 212)"],
[style*="background-color:rgb(6,182,212)"],
[style*="background: #38bdf8"],
[style*="background:#38bdf8"],
[style*="background-color: #38bdf8"],
[style*="background-color:#38bdf8"],
[style*="background: rgb(56, 189, 248)"],
[style*="background:rgb(56,189,248)"],
[style*="background-color: rgb(56, 189, 248)"],
[style*="background-color:rgb(56,189,248)"],
[style*="background: #0ea5e9"],
[style*="background:#0ea5e9"],
[style*="background-color: #0ea5e9"],
[style*="background-color:#0ea5e9"],
[style*="background: rgb(14, 165, 233)"],
[style*="background:rgb(14,165,233)"],
[style*="background-color: rgb(14, 165, 233)"],
[style*="background-color:rgb(14,165,233)"],
[style*="background: #14b8a6"],
[style*="background:#14b8a6"],
[style*="background-color: #14b8a6"],
[style*="background-color:#14b8a6"],
[style*="background: rgb(20, 184, 166)"],
[style*="background:rgb(20,184,166)"],
[style*="background-color: rgb(20, 184, 166)"],
[style*="background-color:rgb(20,184,166)"] {
  background: var(--inf) !important;
}
[style*="background: #eff6ff"],
[style*="background:#eff6ff"],
[style*="background-color: #eff6ff"],
[style*="background-color:#eff6ff"],
[style*="background: rgb(239, 246, 255)"],
[style*="background:rgb(239,246,255)"],
[style*="background-color: rgb(239, 246, 255)"],
[style*="background-color:rgb(239,246,255)"],
[style*="background: #dbeafe"],
[style*="background:#dbeafe"],
[style*="background-color: #dbeafe"],
[style*="background-color:#dbeafe"],
[style*="background: rgb(219, 234, 254)"],
[style*="background:rgb(219,234,254)"],
[style*="background-color: rgb(219, 234, 254)"],
[style*="background-color:rgb(219,234,254)"],
[style*="background: #bfdbfe"],
[style*="background:#bfdbfe"],
[style*="background-color: #bfdbfe"],
[style*="background-color:#bfdbfe"],
[style*="background: rgb(191, 219, 254)"],
[style*="background:rgb(191,219,254)"],
[style*="background-color: rgb(191, 219, 254)"],
[style*="background-color:rgb(191,219,254)"],
[style*="background: #eef2ff"],
[style*="background:#eef2ff"],
[style*="background-color: #eef2ff"],
[style*="background-color:#eef2ff"],
[style*="background: rgb(238, 242, 255)"],
[style*="background:rgb(238,242,255)"],
[style*="background-color: rgb(238, 242, 255)"],
[style*="background-color:rgb(238,242,255)"],
[style*="background: #e0e7ff"],
[style*="background:#e0e7ff"],
[style*="background-color: #e0e7ff"],
[style*="background-color:#e0e7ff"],
[style*="background: rgb(224, 231, 255)"],
[style*="background:rgb(224,231,255)"],
[style*="background-color: rgb(224, 231, 255)"],
[style*="background-color:rgb(224,231,255)"] {
  background: var(--acc-soft) !important;
}
[style*="background: #faf5ff"],
[style*="background:#faf5ff"],
[style*="background-color: #faf5ff"],
[style*="background-color:#faf5ff"],
[style*="background: rgb(250, 245, 255)"],
[style*="background:rgb(250,245,255)"],
[style*="background-color: rgb(250, 245, 255)"],
[style*="background-color:rgb(250,245,255)"],
[style*="background: #f3e8ff"],
[style*="background:#f3e8ff"],
[style*="background-color: #f3e8ff"],
[style*="background-color:#f3e8ff"],
[style*="background: rgb(243, 232, 255)"],
[style*="background:rgb(243,232,255)"],
[style*="background-color: rgb(243, 232, 255)"],
[style*="background-color:rgb(243,232,255)"],
[style*="background: #e9d5ff"],
[style*="background:#e9d5ff"],
[style*="background-color: #e9d5ff"],
[style*="background-color:#e9d5ff"],
[style*="background: rgb(233, 213, 255)"],
[style*="background:rgb(233,213,255)"],
[style*="background-color: rgb(233, 213, 255)"],
[style*="background-color:rgb(233,213,255)"] {
  background: var(--acc-2-soft) !important;
}
[style*="background: #f0fdf4"],
[style*="background:#f0fdf4"],
[style*="background-color: #f0fdf4"],
[style*="background-color:#f0fdf4"],
[style*="background: rgb(240, 253, 244)"],
[style*="background:rgb(240,253,244)"],
[style*="background-color: rgb(240, 253, 244)"],
[style*="background-color:rgb(240,253,244)"],
[style*="background: #dcfce7"],
[style*="background:#dcfce7"],
[style*="background-color: #dcfce7"],
[style*="background-color:#dcfce7"],
[style*="background: rgb(220, 252, 231)"],
[style*="background:rgb(220,252,231)"],
[style*="background-color: rgb(220, 252, 231)"],
[style*="background-color:rgb(220,252,231)"],
[style*="background: #ecfdf5"],
[style*="background:#ecfdf5"],
[style*="background-color: #ecfdf5"],
[style*="background-color:#ecfdf5"],
[style*="background: rgb(236, 253, 245)"],
[style*="background:rgb(236,253,245)"],
[style*="background-color: rgb(236, 253, 245)"],
[style*="background-color:rgb(236,253,245)"] {
  background: rgba(91,124,58,0.10) !important;
}
[style*="background: #fffbeb"],
[style*="background:#fffbeb"],
[style*="background-color: #fffbeb"],
[style*="background-color:#fffbeb"],
[style*="background: rgb(255, 251, 235)"],
[style*="background:rgb(255,251,235)"],
[style*="background-color: rgb(255, 251, 235)"],
[style*="background-color:rgb(255,251,235)"],
[style*="background: #fef3c7"],
[style*="background:#fef3c7"],
[style*="background-color: #fef3c7"],
[style*="background-color:#fef3c7"],
[style*="background: rgb(254, 243, 199)"],
[style*="background:rgb(254,243,199)"],
[style*="background-color: rgb(254, 243, 199)"],
[style*="background-color:rgb(254,243,199)"],
[style*="background: #fde68a"],
[style*="background:#fde68a"],
[style*="background-color: #fde68a"],
[style*="background-color:#fde68a"],
[style*="background: rgb(253, 230, 138)"],
[style*="background:rgb(253,230,138)"],
[style*="background-color: rgb(253, 230, 138)"],
[style*="background-color:rgb(253,230,138)"] {
  background: var(--pill-warn-bg) !important;
}
[style*="background: #fef2f2"],
[style*="background:#fef2f2"],
[style*="background-color: #fef2f2"],
[style*="background-color:#fef2f2"],
[style*="background: rgb(254, 242, 242)"],
[style*="background:rgb(254,242,242)"],
[style*="background-color: rgb(254, 242, 242)"],
[style*="background-color:rgb(254,242,242)"],
[style*="background: #fee2e2"],
[style*="background:#fee2e2"],
[style*="background-color: #fee2e2"],
[style*="background-color:#fee2e2"],
[style*="background: rgb(254, 226, 226)"],
[style*="background:rgb(254,226,226)"],
[style*="background-color: rgb(254, 226, 226)"],
[style*="background-color:rgb(254,226,226)"],
[style*="background: #fecaca"],
[style*="background:#fecaca"],
[style*="background-color: #fecaca"],
[style*="background-color:#fecaca"],
[style*="background: rgb(254, 202, 202)"],
[style*="background:rgb(254,202,202)"],
[style*="background-color: rgb(254, 202, 202)"],
[style*="background-color:rgb(254,202,202)"] {
  background: var(--pill-dgr-bg) !important;
}
[style*="background: #f0f9ff"],
[style*="background:#f0f9ff"],
[style*="background-color: #f0f9ff"],
[style*="background-color:#f0f9ff"],
[style*="background: rgb(240, 249, 255)"],
[style*="background:rgb(240,249,255)"],
[style*="background-color: rgb(240, 249, 255)"],
[style*="background-color:rgb(240,249,255)"],
[style*="background: #ecfeff"],
[style*="background:#ecfeff"],
[style*="background-color: #ecfeff"],
[style*="background-color:#ecfeff"],
[style*="background: rgb(236, 254, 255)"],
[style*="background:rgb(236,254,255)"],
[style*="background-color: rgb(236, 254, 255)"],
[style*="background-color:rgb(236,254,255)"] {
  background: var(--pill-inf-bg) !important;
}

/* === BORDER-COLOR === */
[style*="border-color: #f8fafc"],
[style*="border-color:#f8fafc"],
[style*="border-color: rgb(248, 250, 252)"],
[style*="border-color: #f1f5f9"],
[style*="border-color:#f1f5f9"],
[style*="border-color: rgb(241, 245, 249)"],
[style*="border-color: #e2e8f0"],
[style*="border-color:#e2e8f0"],
[style*="border-color: rgb(226, 232, 240)"],
[style*="border-color: #cbd5e1"],
[style*="border-color:#cbd5e1"],
[style*="border-color: rgb(203, 213, 225)"],
[style*="border-color: #94a3b8"],
[style*="border-color:#94a3b8"],
[style*="border-color: rgb(148, 163, 184)"],
[style*="border-color: #64748b"],
[style*="border-color:#64748b"],
[style*="border-color: rgb(100, 116, 139)"],
[style*="border-color: #475569"],
[style*="border-color:#475569"],
[style*="border-color: rgb(71, 85, 105)"],
[style*="border-color: #334155"],
[style*="border-color:#334155"],
[style*="border-color: rgb(51, 65, 85)"],
[style*="border-color: #1e293b"],
[style*="border-color:#1e293b"],
[style*="border-color: rgb(30, 41, 59)"],
[style*="border-color: #0f172a"],
[style*="border-color:#0f172a"],
[style*="border-color: rgb(15, 23, 42)"],
[style*="border-color: #020617"],
[style*="border-color:#020617"],
[style*="border-color: rgb(2, 6, 23)"],
[style*="border-color: #f9fafb"],
[style*="border-color:#f9fafb"],
[style*="border-color: rgb(249, 250, 251)"],
[style*="border-color: #f3f4f6"],
[style*="border-color:#f3f4f6"],
[style*="border-color: rgb(243, 244, 246)"],
[style*="border-color: #e5e7eb"],
[style*="border-color:#e5e7eb"],
[style*="border-color: rgb(229, 231, 235)"],
[style*="border-color: #d1d5db"],
[style*="border-color:#d1d5db"],
[style*="border-color: rgb(209, 213, 219)"],
[style*="border-color: #9ca3af"],
[style*="border-color:#9ca3af"],
[style*="border-color: rgb(156, 163, 175)"],
[style*="border-color: #6b7280"],
[style*="border-color:#6b7280"],
[style*="border-color: rgb(107, 114, 128)"],
[style*="border-color: #4b5563"],
[style*="border-color:#4b5563"],
[style*="border-color: rgb(75, 85, 99)"],
[style*="border-color: #374151"],
[style*="border-color:#374151"],
[style*="border-color: rgb(55, 65, 81)"],
[style*="border-color: #1f2937"],
[style*="border-color:#1f2937"],
[style*="border-color: rgb(31, 41, 55)"],
[style*="border-color: #111827"],
[style*="border-color:#111827"],
[style*="border-color: rgb(17, 24, 39)"] {
  border-color: var(--rule) !important;
}
[style*="border-color: #93c5fd"],
[style*="border-color:#93c5fd"],
[style*="border-color: rgb(147, 197, 253)"],
[style*="border-color: #60a5fa"],
[style*="border-color:#60a5fa"],
[style*="border-color: rgb(96, 165, 250)"],
[style*="border-color: #3b82f6"],
[style*="border-color:#3b82f6"],
[style*="border-color: rgb(59, 130, 246)"],
[style*="border-color: #2563eb"],
[style*="border-color:#2563eb"],
[style*="border-color: rgb(37, 99, 235)"],
[style*="border-color: #1d4ed8"],
[style*="border-color:#1d4ed8"],
[style*="border-color: rgb(29, 78, 216)"],
[style*="border-color: #1e40af"],
[style*="border-color:#1e40af"],
[style*="border-color: rgb(30, 64, 175)"],
[style*="border-color: #1e3a8a"],
[style*="border-color:#1e3a8a"],
[style*="border-color: rgb(30, 58, 138)"] {
  border-color: var(--acc) !important;
}
[style*="border-color: #d8b4fe"],
[style*="border-color:#d8b4fe"],
[style*="border-color: rgb(216, 180, 254)"],
[style*="border-color: #c084fc"],
[style*="border-color:#c084fc"],
[style*="border-color: rgb(192, 132, 252)"],
[style*="border-color: #a855f7"],
[style*="border-color:#a855f7"],
[style*="border-color: rgb(168, 85, 247)"],
[style*="border-color: #9333ea"],
[style*="border-color:#9333ea"],
[style*="border-color: rgb(147, 51, 234)"],
[style*="border-color: #7e22ce"],
[style*="border-color:#7e22ce"],
[style*="border-color: rgb(126, 34, 206)"],
[style*="border-color: #6b21a8"],
[style*="border-color:#6b21a8"],
[style*="border-color: rgb(107, 33, 168)"],
[style*="border-color: #a78bfa"],
[style*="border-color:#a78bfa"],
[style*="border-color: rgb(167, 139, 250)"],
[style*="border-color: #8b5cf6"],
[style*="border-color:#8b5cf6"],
[style*="border-color: rgb(139, 92, 246)"],
[style*="border-color: #7c3aed"],
[style*="border-color:#7c3aed"],
[style*="border-color: rgb(124, 58, 237)"],
[style*="border-color: #6d28d9"],
[style*="border-color:#6d28d9"],
[style*="border-color: rgb(109, 40, 217)"],
[style*="border-color: #f472b6"],
[style*="border-color:#f472b6"],
[style*="border-color: rgb(244, 114, 182)"],
[style*="border-color: #ec4899"],
[style*="border-color:#ec4899"],
[style*="border-color: rgb(236, 72, 153)"],
[style*="border-color: #d946ef"],
[style*="border-color:#d946ef"],
[style*="border-color: rgb(217, 70, 239)"],
[style*="border-color: #a5b4fc"],
[style*="border-color:#a5b4fc"],
[style*="border-color: rgb(165, 180, 252)"],
[style*="border-color: #818cf8"],
[style*="border-color:#818cf8"],
[style*="border-color: rgb(129, 140, 248)"],
[style*="border-color: #6366f1"],
[style*="border-color:#6366f1"],
[style*="border-color: rgb(99, 102, 241)"],
[style*="border-color: #4f46e5"],
[style*="border-color:#4f46e5"],
[style*="border-color: rgb(79, 70, 229)"] {
  border-color: var(--acc-2) !important;
}
[style*="border-color: #86efac"],
[style*="border-color:#86efac"],
[style*="border-color: rgb(134, 239, 172)"],
[style*="border-color: #4ade80"],
[style*="border-color:#4ade80"],
[style*="border-color: rgb(74, 222, 128)"],
[style*="border-color: #22c55e"],
[style*="border-color:#22c55e"],
[style*="border-color: rgb(34, 197, 94)"],
[style*="border-color: #16a34a"],
[style*="border-color:#16a34a"],
[style*="border-color: rgb(22, 163, 74)"],
[style*="border-color: #15803d"],
[style*="border-color:#15803d"],
[style*="border-color: rgb(21, 128, 61)"],
[style*="border-color: #166534"],
[style*="border-color:#166534"],
[style*="border-color: rgb(22, 101, 52)"],
[style*="border-color: #14532d"],
[style*="border-color:#14532d"],
[style*="border-color: rgb(20, 83, 45)"],
[style*="border-color: #6ee7b7"],
[style*="border-color:#6ee7b7"],
[style*="border-color: rgb(110, 231, 183)"],
[style*="border-color: #34d399"],
[style*="border-color:#34d399"],
[style*="border-color: rgb(52, 211, 153)"],
[style*="border-color: #10b981"],
[style*="border-color:#10b981"],
[style*="border-color: rgb(16, 185, 129)"],
[style*="border-color: #059669"],
[style*="border-color:#059669"],
[style*="border-color: rgb(5, 150, 105)"],
[style*="border-color: #047857"],
[style*="border-color:#047857"],
[style*="border-color: rgb(4, 120, 87)"] {
  border-color: var(--suc) !important;
}
[style*="border-color: #fcd34d"],
[style*="border-color:#fcd34d"],
[style*="border-color: rgb(252, 211, 77)"],
[style*="border-color: #fbbf24"],
[style*="border-color:#fbbf24"],
[style*="border-color: rgb(251, 191, 36)"],
[style*="border-color: #f59e0b"],
[style*="border-color:#f59e0b"],
[style*="border-color: rgb(245, 158, 11)"],
[style*="border-color: #d97706"],
[style*="border-color:#d97706"],
[style*="border-color: rgb(217, 119, 6)"],
[style*="border-color: #b45309"],
[style*="border-color:#b45309"],
[style*="border-color: rgb(180, 83, 9)"],
[style*="border-color: #92400e"],
[style*="border-color:#92400e"],
[style*="border-color: rgb(146, 64, 14)"],
[style*="border-color: #facc15"],
[style*="border-color:#facc15"],
[style*="border-color: rgb(250, 204, 21)"],
[style*="border-color: #eab308"],
[style*="border-color:#eab308"],
[style*="border-color: rgb(234, 179, 8)"],
[style*="border-color: #fb923c"],
[style*="border-color:#fb923c"],
[style*="border-color: rgb(251, 146, 60)"],
[style*="border-color: #f97316"],
[style*="border-color:#f97316"],
[style*="border-color: rgb(249, 115, 22)"],
[style*="border-color: #ea580c"],
[style*="border-color:#ea580c"],
[style*="border-color: rgb(234, 88, 12)"] {
  border-color: var(--warn) !important;
}
[style*="border-color: #fca5a5"],
[style*="border-color:#fca5a5"],
[style*="border-color: rgb(252, 165, 165)"],
[style*="border-color: #f87171"],
[style*="border-color:#f87171"],
[style*="border-color: rgb(248, 113, 113)"],
[style*="border-color: #ef4444"],
[style*="border-color:#ef4444"],
[style*="border-color: rgb(239, 68, 68)"],
[style*="border-color: #dc2626"],
[style*="border-color:#dc2626"],
[style*="border-color: rgb(220, 38, 38)"],
[style*="border-color: #b91c1c"],
[style*="border-color:#b91c1c"],
[style*="border-color: rgb(185, 28, 28)"],
[style*="border-color: #991b1b"],
[style*="border-color:#991b1b"],
[style*="border-color: rgb(153, 27, 27)"],
[style*="border-color: #7f1d1d"],
[style*="border-color:#7f1d1d"],
[style*="border-color: rgb(127, 29, 29)"],
[style*="border-color: #fb7185"],
[style*="border-color:#fb7185"],
[style*="border-color: rgb(251, 113, 133)"],
[style*="border-color: #f43f5e"],
[style*="border-color:#f43f5e"],
[style*="border-color: rgb(244, 63, 94)"] {
  border-color: var(--dgr) !important;
}
[style*="border-color: #22d3ee"],
[style*="border-color:#22d3ee"],
[style*="border-color: rgb(34, 211, 238)"],
[style*="border-color: #06b6d4"],
[style*="border-color:#06b6d4"],
[style*="border-color: rgb(6, 182, 212)"],
[style*="border-color: #38bdf8"],
[style*="border-color:#38bdf8"],
[style*="border-color: rgb(56, 189, 248)"],
[style*="border-color: #0ea5e9"],
[style*="border-color:#0ea5e9"],
[style*="border-color: rgb(14, 165, 233)"],
[style*="border-color: #14b8a6"],
[style*="border-color:#14b8a6"],
[style*="border-color: rgb(20, 184, 166)"] {
  border-color: var(--inf) !important;
}

/* === GRADIENT (linear-gradient) === */
[style*="linear-gradient"][style*="#1e3a8a"],
[style*="linear-gradient"][style*="#1e40af"],
[style*="linear-gradient"][style*="#1d4ed8"],
[style*="linear-gradient"][style*="#2563eb"],
[style*="linear-gradient"][style*="#3b82f6"],
[style*="linear-gradient"][style*="#60a5fa"] {
  background: linear-gradient(135deg, var(--acc), var(--acc-2)) !important;
  color: #fff !important;
}
[style*="linear-gradient"][style*="#16a34a"],
[style*="linear-gradient"][style*="#22c55e"],
[style*="linear-gradient"][style*="#10b981"],
[style*="linear-gradient"][style*="#059669"],
[style*="linear-gradient"][style*="#86efac"],
[style*="linear-gradient"][style*="#15803d"],
[style*="linear-gradient"][style*="#166534"] {
  background: linear-gradient(135deg, var(--suc), var(--acc)) !important;
  color: #fff !important;
}
[style*="linear-gradient"][style*="#7c3aed"],
[style*="linear-gradient"][style*="#8b5cf6"],
[style*="linear-gradient"][style*="#a855f7"],
[style*="linear-gradient"][style*="#9333ea"],
[style*="linear-gradient"][style*="#7e22ce"],
[style*="linear-gradient"][style*="#6b21a8"],
[style*="linear-gradient"][style*="#a78bfa"],
[style*="linear-gradient"][style*="#c084fc"] {
  background: linear-gradient(135deg, var(--acc-2), var(--acc)) !important;
  color: #fff !important;
}
[style*="linear-gradient"][style*="#ec4899"],
[style*="linear-gradient"][style*="#f472b6"],
[style*="linear-gradient"][style*="#f43f5e"],
[style*="linear-gradient"][style*="#fb7185"],
[style*="linear-gradient"][style*="#d946ef"] {
  background: linear-gradient(135deg, var(--acc-2), var(--acc)) !important;
  color: #fff !important;
}
[style*="linear-gradient"][style*="#f59e0b"],
[style*="linear-gradient"][style*="#fbbf24"],
[style*="linear-gradient"][style*="#facc15"],
[style*="linear-gradient"][style*="#eab308"],
[style*="linear-gradient"][style*="#d97706"],
[style*="linear-gradient"][style*="#fcd34d"] {
  background: linear-gradient(135deg, var(--warn), var(--acc)) !important;
  color: #fff !important;
}
[style*="linear-gradient"][style*="#0f172a"],
[style*="linear-gradient"][style*="#1e293b"],
[style*="linear-gradient"][style*="#020617"],
[style*="linear-gradient"][style*="#111827"],
[style*="linear-gradient"][style*="#1f2937"],
[style*="linear-gradient"][style*="#172554"],
[style*="linear-gradient"][style*="#0a0f1c"],
[style*="linear-gradient"][style*="#0a1026"],
[style*="linear-gradient"][style*="#0b1220"] {
  background: linear-gradient(135deg, var(--bg-card), var(--bg-2)) !important;
  color: var(--ink) !important;
}

/* === BORDER (1px solid X) — ekstra yakalama === */
[style*="border: 1px solid #2563eb"],[style*="border: 1px solid #3b82f6"],
[style*="border: 1px solid #1d4ed8"],[style*="border: 1px solid rgb(37, 99, 235)"],
[style*="border: 1px solid rgb(59, 130, 246)"]{ border:1px solid var(--acc) !important; }
[style*="border: 1px solid #10b981"],[style*="border: 1px solid #22c55e"],
[style*="border: 1px solid #16a34a"],[style*="border: 1px solid rgb(16, 185, 129)"]{ border:1px solid var(--suc) !important; }
[style*="border: 1px solid #f59e0b"],[style*="border: 1px solid #fbbf24"],
[style*="border: 1px solid rgb(245, 158, 11)"]{ border:1px solid var(--warn) !important; }
[style*="border: 1px solid #ef4444"],[style*="border: 1px solid #dc2626"],
[style*="border: 1px solid rgb(239, 68, 68)"]{ border:1px solid var(--dgr) !important; }
[style*="border: 1px solid #a855f7"],[style*="border: 1px solid #8b5cf6"],
[style*="border: 1px solid #7c3aed"]{ border:1px solid var(--acc-2) !important; }
[style*="border: 1px solid #334155"],[style*="border: 1px solid #475569"],
[style*="border: 1px solid #1e293b"],[style*="border: 1px solid #e2e8f0"],
[style*="border: 1px solid rgb(51, 65, 85)"],[style*="border: 1px solid rgb(226, 232, 240)"]{ border:1px solid var(--rule) !important; }

/* === SAFETY NET — body içinde metin asla silik kalmasın ===
   Her sayfanın gövdesinde, hiçbir inline color override'ı yoksa
   default text rengi olarak --ink kullanılsın. */
.bw-page,
.bw-page *:not([style*="color"]),
.client-sidebar,
.client-sidebar *:not([style*="color"]) {
  color: inherit;
}
.bw-page { color: var(--ink); }

/* === NIGHT-MODE KNOWN COMPONENT BG/TEXT OVERRIDE ===
   Bilinen widget'ları night'ta koyu zemin + okunaklı text yap.
   (Bu class'ların kendi CSS'i yok → browser default beyaz/siyah)
*/
[data-theme="night"] .streak-widget,
[data-theme="night"] .journey-roadmap,
[data-theme="night"] .journey-container,
[data-theme="night"] .focus-card,
[data-theme="night"] .action-card,
[data-theme="night"] .reminder-card,
[data-theme="night"] .reminders-section > *,
[data-theme="night"] .brand-card,
[data-theme="night"] .tip-box,
[data-theme="night"] .revenue-countdown,
[data-theme="night"] .motivation-banner,
[data-theme="night"] .roadmap-card,
[data-theme="night"] .card,
[data-theme="night"] .stat-card,
[data-theme="night"] .welcome-card,
[data-theme="night"] .acc-card {
  background: var(--bg-card) !important;
  border-color: var(--rule) !important;
  color: var(--ink) !important;
}

/* Bu component'lerin ALL children'ı da okunaklı renge */
[data-theme="night"] .streak-widget *,
[data-theme="night"] .streak-widget-count,
[data-theme="night"] .streak-widget-main,
[data-theme="night"] .streak-widget-sub,
[data-theme="night"] .journey-roadmap *,
[data-theme="night"] .journey-stage,
[data-theme="night"] .journey-stage-node,
[data-theme="night"] .journey-stage-label,
[data-theme="night"] .journey-progress,
[data-theme="night"] .journey-header,
[data-theme="night"] .focus-card *,
[data-theme="night"] .focus-title,
[data-theme="night"] .focus-desc,
[data-theme="night"] .focus-meta,
[data-theme="night"] .focus-meta *,
[data-theme="night"] .action-card *,
[data-theme="night"] .action-title,
[data-theme="night"] .action-desc,
[data-theme="night"] .reminder-card *,
[data-theme="night"] .reminder-text,
[data-theme="night"] .brand-card *,
[data-theme="night"] .brand-name,
[data-theme="night"] .tip-box *,
[data-theme="night"] .revenue-countdown *,
[data-theme="night"] .countdown-value,
[data-theme="night"] .countdown-date,
[data-theme="night"] .countdown-sublabel,
[data-theme="night"] .motivation-banner *,
[data-theme="night"] .motivation-title,
[data-theme="night"] .motivation-subtitle,
[data-theme="night"] .roadmap-card *,
[data-theme="night"] .roadmap-card-title,
[data-theme="night"] .roadmap-card-duration,
[data-theme="night"] .card *,
[data-theme="night"] .stat-card *,
[data-theme="night"] .stat-value,
[data-theme="night"] .stat-label,
[data-theme="night"] .acc-card * {
  color: var(--ink);
}

/* …ama inline style attribute'unda color set edilmişse o ezsin */
[data-theme="night"] [style*="color"] {
  /* inline color belirlenmiş — yukarıdaki kurallar uygulanmaz */
}

/* DISCOVERY — "50 / 559 marka gösteriliyor" göstergesi
   inline gradient #1e3a5f var(--bg-elev) kullanıyor. Night modda
   koyu zemin yapıyoruz ama metin okunaklı kalsın */
[data-theme="night"] [style*="linear-gradient"][style*="#1e3a5f"],
[data-theme="night"] [style*="linear-gradient"][style*="#1e293b"]{
  background: linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.06)) !important;
  border-color: var(--rule) !important;
}

/* === COACH DASHBOARD / GENEL LAYOUT GENİŞLETME ===
   Coach Dashboard yan tarafta sıkışmış görünüyordu. Sebep: .main-content
   flex:1 ama min-width:0 yok → flex item kendi içeriği kadar kalır.
   Bunu fixleyip her sayfa için full-width main content sağla. */
.app-container {
  display: flex !important;
  height: 100vh;
  width: 100% !important;
}
.app-container > .main-content,
.main-content {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}
.main-content > .header,
.main-content > .content {
  max-width: none !important;
  width: 100% !important;
}
.main-content > .header { padding: 20px 32px !important; }
.main-content > .content { padding: 24px 32px 60px !important; }
@media (max-width: 900px) {
  .main-content > .header { padding: 16px 18px !important; }
  .main-content > .content { padding: 18px 18px 60px !important; }
}
.stats-grid, .client-stats-grid {
  width: 100% !important;
  max-width: none !important;
}
/* Coach Dashboard .card içindeki tablo'lar geniş olsun */
.main-content .card {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}

/* === MAIL MERKEZİ OVERRIDE — turuncu/kırmızı gradient'leri sil, sade Notion zemin ===
   Mail-center'da çok sayıda inline linear-gradient var (eski mavi/mor). Auto-palette
   bunları turuncu-pembe Ember'e çevirdi ama Berk "sade istiyorum" dedi: tüm gradient'li
   butonları nötr/sade zemin yap. */
.bw-mail-center [style*="linear-gradient"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border-color: var(--rule) !important;
  box-shadow: none !important;
}
/* Aktif/seçili durumlu butonlar (acc accent dokunuşu) */
.bw-mail-center button[style*="linear-gradient"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border: 1px solid var(--rule) !important;
}
.bw-mail-center button[style*="linear-gradient"]:hover {
  background: var(--hover-2) !important;
  border-color: var(--acc) !important;
  color: var(--acc) !important;
}
/* Primary action buton'larını (Gönder, Yanıtla) accent ile koru ama düz, gradient yok */
.bw-mail-center button[style*="linear-gradient"][style*="2563eb"],
.bw-mail-center button[style*="linear-gradient"][style*="3b82f6"],
.bw-mail-center button[style*="linear-gradient"][style*="rgb(37, 99, 235)"],
.bw-mail-center button[style*="linear-gradient"][style*="rgb(59, 130, 246)"] {
  background: var(--acc) !important;
  color: #fff !important;
  border: none !important;
}
.bw-mail-center button[style*="linear-gradient"][style*="2563eb"]:hover,
.bw-mail-center button[style*="linear-gradient"][style*="3b82f6"]:hover {
  background: var(--acc-2) !important;
}
/* Mail-center içindeki tüm kart/banner zeminler */
.bw-mail-center div[style*="linear-gradient"] {
  background: var(--bg-card) !important;
  border-color: var(--rule) !important;
}
/* Tek başına solid blue/orange BG inline'lar */
.bw-mail-center [style*="background: #2563eb"],
.bw-mail-center [style*="background-color: #2563eb"],
.bw-mail-center [style*="background: rgb(37, 99, 235)"] {
  background: var(--acc) !important;
  color: #fff !important;
}
/* Mail-center'in kendi top header — koyu mavi #0b1220 vardı, body bg'sine devret */
.bw-mail-center > div:first-child {
  background: transparent !important;
}

/* === COACH PANEL OVERRIDE ===
   Coach Dashboard `.sidebar` (.client-sidebar değil) + `.stats-grid .stat-card`
   nth-child gradient'leri (mavi/yeşil/amber/mor) → Notion uyumlu */

/* Coach sidebar — .sidebar class'ı (Coach Panel için) */
.sidebar {
  width: 240px !important;
  background: var(--bg-2) !important;
  border-right: 1px solid var(--rule) !important;
  padding: 12px 14px !important;
  color: var(--ink) !important;
}
.sidebar .sidebar-logo {
  color: var(--ink) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  padding: 6px 10px 18px !important;
  background: none !important;
  -webkit-text-fill-color: var(--ink) !important;
  letter-spacing: -.5px;
}
.sidebar .nav-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}
.sidebar .nav-items > .nav-item,
.sidebar .nav-item {
  background: transparent !important;
  color: var(--ink-2) !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  padding: 5px 10px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer;
}
.sidebar .nav-item:hover {
  background: var(--hover) !important;
  color: var(--ink) !important;
}
.sidebar .nav-item.active {
  background: var(--acc-soft) !important;
  color: var(--acc) !important;
  font-weight: 600 !important;
}
.sidebar > div[style*="textTransform: uppercase"],
.sidebar > div[style*="text-transform: uppercase"] {
  color: var(--ink-3) !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  padding: 14px 12px 4px !important;
}

/* Coach Dashboard stat cards — eski mavi/yeşil/amber/mor gradient'leri Notion'a */
.stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
}
@media (max-width: 900px) { .stats-grid { grid-template-columns: repeat(2, 1fr) !important; } }
.stats-grid .stat-card,
.stats-grid .stat-card:nth-child(1),
.stats-grid .stat-card:nth-child(2),
.stats-grid .stat-card:nth-child(3),
.stats-grid .stat-card:nth-child(4) {
  background: var(--bg-card) !important;
  border: 1px solid var(--rule) !important;
  border-left: 4px solid var(--acc) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  text-align: left !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
.stats-grid .stat-card:nth-child(1) { border-left-color: var(--inf) !important; }
.stats-grid .stat-card:nth-child(2) { border-left-color: var(--suc) !important; }
.stats-grid .stat-card:nth-child(3) { border-left-color: var(--warn) !important; }
.stats-grid .stat-card:nth-child(4) { border-left-color: var(--acc-2) !important; }
.stats-grid .stat-card:hover {
  background: var(--hover-2) !important;
  transform: none !important;
}
.stats-grid .stat-card .stat-value {
  color: var(--ink) !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  margin-bottom: 4px !important;
}
.stats-grid .stat-card .stat-label {
  color: var(--ink-3) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  font-weight: 600 !important;
}

/* Coach Dashboard tabs */
.tabs {
  background: var(--bg-soft) !important;
  border: 1px solid var(--rule) !important;
  border-radius: 12px !important;
  padding: 4px !important;
}
.tabs .tab {
  background: transparent !important;
  color: var(--ink-3) !important;
}
.tabs .tab:hover {
  background: var(--hover) !important;
  color: var(--ink) !important;
}
.tabs .tab.active {
  background: var(--acc) !important;
  color: #fff !important;
}

/* === NIGHT-MODE TEXT BOOST ===
   Night modda Tailwind slate-400/500/600 (var(--ink-3), var(--ink-3), var(--ink-4))
   karanlık zeminde silik kalır. Daha açık tona zorla. */
[data-theme="night"] [style*="color: #94a3b8"],
[data-theme="night"] [style*="color:#94a3b8"],
[data-theme="night"] [style*="color: rgb(148, 163, 184)"],
[data-theme="night"] [style*="color:rgb(148,163,184)"],
[data-theme="night"] [style*="color: #64748b"],
[data-theme="night"] [style*="color:#64748b"],
[data-theme="night"] [style*="color: rgb(100, 116, 139)"],
[data-theme="night"] [style*="color:rgb(100,116,139)"],
[data-theme="night"] [style*="color: #475569"],
[data-theme="night"] [style*="color:#475569"],
[data-theme="night"] [style*="color: rgb(71, 85, 105)"],
[data-theme="night"] [style*="color: #9ca3af"],
[data-theme="night"] [style*="color: #6b7280"],
[data-theme="night"] [style*="color: #4b5563"],
[data-theme="night"] [style*="color: rgb(156, 163, 175)"],
[data-theme="night"] [style*="color: rgb(107, 114, 128)"]{
  color: var(--ink-2) !important;  /* açık gri, okunaklı */
}

/* Koyu metinler (slate-700/800/900) night modda beyaza dönüşmeli — zaten ink ile yapılmış,
   ama emniyet için ek katman */
[data-theme="night"] [style*="color: #1e293b"],
[data-theme="night"] [style*="color:#1e293b"],
[data-theme="night"] [style*="color: rgb(30, 41, 59)"],
[data-theme="night"] [style*="color: #0f172a"],
[data-theme="night"] [style*="color:#0f172a"],
[data-theme="night"] [style*="color: rgb(15, 23, 42)"],
[data-theme="night"] [style*="color: #334155"],
[data-theme="night"] [style*="color:#334155"],
[data-theme="night"] [style*="color: rgb(51, 65, 85)"],
[data-theme="night"] [style*="color: #1f2937"],
[data-theme="night"] [style*="color: #111827"],
[data-theme="night"] [style*="color: rgb(31, 41, 55)"],
[data-theme="night"] [style*="color: rgb(17, 24, 39)"],
[data-theme="night"] [style*="color: #f1f5f9"],
[data-theme="night"] [style*="color: #e2e8f0"],
[data-theme="night"] [style*="color: rgb(241, 245, 249)"],
[data-theme="night"] [style*="color: rgb(226, 232, 240)"]{
  color: var(--ink) !important;
}

/* Night modda div'lerin ve span'lerin direct child text node'larına
   miras renk vermek için global fallback */
[data-theme="night"] .bw-page,
[data-theme="night"] .bw-page .header,
[data-theme="night"] .bw-page .content,
[data-theme="night"] .bw-page .card,
[data-theme="night"] .bw-page h1,
[data-theme="night"] .bw-page h2,
[data-theme="night"] .bw-page h3,
[data-theme="night"] .bw-page h4,
[data-theme="night"] .bw-page p,
[data-theme="night"] .bw-page span,
[data-theme="night"] .bw-page div {
  color: var(--ink);
}
/* …ama inline style varsa o ezsin */
[data-theme="night"] .bw-page [style*="color"]{
  /* inline color belirlenmiş — yukarıdaki kurallar uygulanmaz */
}

/* ============================================================
   MAIL MERKEZİ — FINAL OVERRIDE (en sonda, en yüksek priority)
   ============================================================
   Comprehensive palette gradient'leri turuncu/pembe Ember'e çeviriyor.
   Mail-center'da BUNU İSTEMİYORUZ. Override'ı en sona koy ki
   comprehensive palette'i ez. Selector specificity ekstra:
   html body .bw-mail-center → 0,1,2 vs comprehensive 0,2,0 → eşit
   ama source order'da SON olduğu için kazanır.
   ============================================================ */

/* TÜM gradient'li elementleri Mail Merkezi'nde sade yap */
html body .bw-mail-center [style*="linear-gradient"],
html body .bw-mail-center *[style*="linear-gradient"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border-color: var(--rule) !important;
  box-shadow: none !important;
}
html body .bw-mail-center button[style*="linear-gradient"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border: 1px solid var(--rule) !important;
}
html body .bw-mail-center button[style*="linear-gradient"]:hover {
  background: var(--hover-2) !important;
  border-color: var(--acc) !important;
  color: var(--acc) !important;
}
/* Üst header (eski koyu mavi #0b1220) sade */
html body .bw-mail-center > div:first-child {
  background: var(--bg) !important;
  border-bottom: 1px solid var(--rule) !important;
}
/* Primary butonlar (Gönder, Yanıtla) — solid accent, gradient yok */
html body .bw-mail-center button[style*="linear-gradient"][style*="2563eb"],
html body .bw-mail-center button[style*="linear-gradient"][style*="3b82f6"],
html body .bw-mail-center button[style*="linear-gradient"][style*="rgb(37, 99, 235)"],
html body .bw-mail-center button[style*="linear-gradient"][style*="rgb(59, 130, 246)"] {
  background: var(--acc) !important;
  color: #fff !important;
  border: none !important;
}

/* Tüm açık zemin pill / chip / span'larda sıkıntılı turuncu RGB'leri sil */
html body .bw-mail-center [style*="rgb(251, 146, 60)"],
html body .bw-mail-center [style*="rgb(244, 63, 94)"],
html body .bw-mail-center [style*="#fb923c"],
html body .bw-mail-center [style*="#f43f5e"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
}

/* Üst toolbar — TOP HEADER bandı tamamen sade */
html body .bw-mail-center > div:first-child > div,
html body .bw-mail-center > div:first-child button,
html body .bw-mail-center > div:first-child input {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border-color: var(--rule) !important;
}

/* Klasörler panel/sidebar — left mail folder list */
html body .bw-mail-center [style*="background"][style*="#0f172a"],
html body .bw-mail-center [style*="background"][style*="rgb(15, 23, 42)"] {
  background: var(--bg-2) !important;
  color: var(--ink) !important;
}

/* Aktif klasör vurgusu — Gelen Kutusu seçili olduğunda */
html body .bw-mail-center [style*="background"][style*="#3b82f6"],
html body .bw-mail-center [style*="background"][style*="rgb(59, 130, 246)"] {
  background: var(--acc-soft) !important;
  color: var(--acc) !important;
}

/* === MAIL MERKEZİ BULK ACTION BUTONLARI — sade nötr ===
   Sil, Okundu, Okunmadı, Ertele, Etiket butonları #1e40af (blue-800)
   solid background kullanıyor. Auto-palette bunu var(--acc)'ye (turuncu)
   çeviriyor. Mail Merkezi'nde bunu istemiyoruz — sade krem kart yap. */

/* Mavi solid bg → sade kart */
html body .bw-mail-center button[style*="background: #1e40af"],
html body .bw-mail-center button[style*="background-color: #1e40af"],
html body .bw-mail-center button[style*="background:#1e40af"],
html body .bw-mail-center button[style*="background: rgb(30, 64, 175)"],
html body .bw-mail-center button[style*="background-color: rgb(30, 64, 175)"],
html body .bw-mail-center button[style*="background:rgb(30,64,175)"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border: 1px solid var(--rule) !important;
}
html body .bw-mail-center button[style*="background: #1e40af"]:hover,
html body .bw-mail-center button[style*="background-color: #1e40af"]:hover,
html body .bw-mail-center button[style*="background: rgb(30, 64, 175)"]:hover {
  background: var(--hover-2) !important;
  border-color: var(--acc) !important;
  color: var(--acc) !important;
}

/* Tüm mavi shade solid bg'ler — mail-center scope */
html body .bw-mail-center button[style*="background: #2563eb"],
html body .bw-mail-center button[style*="background: #3b82f6"],
html body .bw-mail-center button[style*="background: #1d4ed8"],
html body .bw-mail-center button[style*="background: #1e3a8a"],
html body .bw-mail-center button[style*="background: rgb(37, 99, 235)"],
html body .bw-mail-center button[style*="background: rgb(59, 130, 246)"],
html body .bw-mail-center button[style*="background: rgb(29, 78, 216)"],
html body .bw-mail-center button[style*="background: rgb(30, 58, 138)"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
  border: 1px solid var(--rule) !important;
}

/* Sil butonu — kırmızı vurgu KALSIN (danger semantik) ama transparent pill */
html body .bw-mail-center button[style*="background: #dc262620"],
html body .bw-mail-center button[style*="background:#dc262620"],
html body .bw-mail-center button[style*="background-color: #dc262620"],
html body .bw-mail-center button[style*="#dc2626"][style*="border"][style*="#dc2626"] {
  background: rgba(220, 38, 38, 0.08) !important;
  color: var(--dgr) !important;
  border: 1px solid rgba(220, 38, 38, 0.30) !important;
}

/* Aktif/active button (eskiden mavi vurgu) — sade Notion turuncu, gradient yok */
html body .bw-mail-center button[style*="background"][style*="rgb(59, 130, 246)"]:not([style*="linear-gradient"]),
html body .bw-mail-center [style*="background"][style*="#3b82f6"] {
  background: var(--acc-soft) !important;
  color: var(--acc) !important;
  border-color: rgba(176, 132, 54, 0.30) !important;
}

/* ============================================================
   MAIL MERKEZİ — FORCED DARK (tema'dan bağımsız)
   ============================================================
   Day mode'da var(--acc) gold-turuncu → butonlar turuncu görünür.
   Berk'in night mode'unda zaten siyah/sade. Çözüm: .bw-mail-center
   scope'unda TÜM tema variable'larını dark mode'a override et.
   Hem day hem night kullanıcıda Mail Merkezi siyah/Ember görünür.
   ============================================================ */
/* 11 Ağu 2026 — Berk: "Mail Merkezi hep lacivert, temaya göre değişmiyor."
   Bu blok Mail Merkezi'ni bilerek "her zaman koyu" yapıyordu (Hostinger görünümü):
   TÜM token'ları kendi içinde yeniden tanımlıyor + zemini !important sabitliyor.
   Tema motoru gelmeden önce doğruydu; artık palet seçiliyken devre dışı kalmalı.
   Palet YOKKEN (varsayılan/ilk boyama) eski davranış aynen korunur. */
html:not([data-palette]) .bw-mail-center {
  /* Override CSS variables to dark theme values, scoped to this component */
  --bg: #050208;
  --bg-2: #0c0709;
  --bg-soft: #161616;
  --bg-card: #0a0408;
  --ink: #fafafa;
  --ink-2: #e4e4e7;
  --ink-3: #a1a1aa;
  --ink-4: #71717a;
  --rule: rgba(255,255,255,0.10);
  --acc: #fb923c;
  --acc-soft: rgba(251,146,60,0.13);
  --acc-2: #f43f5e;
  --acc-2-soft: rgba(244,63,94,0.13);
  --suc: #10b981;
  --warn: #fbbf24;
  --dgr: #ef4444;
  --inf: #38bdf8;
  --hover: rgba(255,255,255,0.04);
  --hover-2: rgba(255,255,255,0.06);
  --pill-warn-bg: rgba(251,191,36,0.13);
  --pill-dgr-bg: rgba(239,68,68,0.13);
  --pill-gray-bg: rgba(255,255,255,0.06);
  --pill-inf-bg: rgba(56,189,248,0.13);

  background: #050208 !important;
  color: var(--ink) !important;
  color-scheme: dark;
}
.bw-mail-center *,
.bw-mail-center *::before,
.bw-mail-center *::after {
  color-scheme: dark;
}

/* Day mode'da bile Mail Merkezi siyah kalsın — body bg dark olsun */
html:not([data-theme="night"]):not([data-palette]) .bw-mail-center {
  /* Force dark even in day mode (yalnız palet seçilmemişken) */
  background: #050208 !important;
  color: var(--ink) !important;
}
html:not([data-theme="night"]) .bw-mail-center input,
html:not([data-theme="night"]) .bw-mail-center textarea,
html:not([data-theme="night"]) .bw-mail-center select {
  background: rgba(255,255,255,0.04) !important;
  color: var(--ink) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}
html:not([data-theme="night"]) .bw-mail-center input::placeholder,
html:not([data-theme="night"]) .bw-mail-center textarea::placeholder {
  color: rgba(255,255,255,0.40) !important;
}

/* Bulk action buttons da night-like görünsün */
html:not([data-theme="night"]) .bw-mail-center button[style*="background: #1e40af"],
html:not([data-theme="night"]) .bw-mail-center button[style*="background: rgb(30, 64, 175)"],
html:not([data-theme="night"]) .bw-mail-center button[style*="background:#1e40af"] {
  background: rgba(255,255,255,0.06) !important;
  color: var(--ink) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* ============================================================
   COACH PANEL ÇİFT SIDEBAR FİX
   ============================================================
   Coach panelde sol sidebar (.sidebar) + ClientView'in
   içindeki sidebar (.client-sidebar) yan yana çıkıyor.
   Coach context'te (.app-container içinde HEM .sidebar HEM
   .client-sidebar varsa), iç .client-sidebar'ı gizle.
   ============================================================ */
.app-container > .sidebar ~ div .client-sidebar,
.app-container > .sidebar + div .client-sidebar {
  display: none !important;
  width: 0 !important;
  flex: 0 0 0 !important;
}

/* Coach panel için ana içeriği tam genişlikte yap */
.app-container > .sidebar ~ div,
.app-container > .sidebar + div {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

/* Coach sidebar'ını daha kompakt yap */
.app-container > .sidebar {
  width: 220px !important;
  flex-shrink: 0 !important;
}

/* ============================================================
   MAIL MERKEZİ BULK-ACTION TOOLBAR — agresif siyah
   ============================================================
   Mail seçince çıkan üst toolbar (Sil/Okundu/Okunmadı/Ertele/Etiket)
   gece modunda da turuncu görünüyordu. Hepsini koyu sade yap.
   ============================================================ */
html body .bw-mail-center button {
  background: rgba(255,255,255,0.06) !important;
  color: var(--ink) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}
html body .bw-mail-center button:hover {
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(251,146,60,0.40) !important;
  color: #fb923c !important;
}

/* Sil butonu özel — kırmızı vurgu kalsın */
html body .bw-mail-center button[style*="#dc2626"],
html body .bw-mail-center button[style*="rgb(220, 38, 38)"],
html body .bw-mail-center button[onclick*="bulkDelete"],
html body .bw-mail-center button[title*="sil" i] {
  background: rgba(239, 68, 68, 0.08) !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(239, 68, 68, 0.30) !important;
}
html body .bw-mail-center button[style*="#dc2626"]:hover,
html body .bw-mail-center button[title*="sil" i]:hover {
  background: rgba(239, 68, 68, 0.18) !important;
  border-color: rgba(239, 68, 68, 0.50) !important;
  color: #ef4444 !important;
}

/* Mail merkezi içindeki TÜM solid background renkler (mavi/turuncu/yeşil) */
html body .bw-mail-center [style*="background:"] {
  /* Kapsam genişletilmiş yakalama. Inline solid bg → sade */
}

/* ============================================================
   GRADIENT NORMALIZER — panel-wide inline gradient cleanup
   ============================================================
   Sorun: app.jsx içinde ~117 inline `linear-gradient(...)` var.
   Önceki palette mapping kuralları (satır 510-528, 1228-1357)
   bu gradient'lerin uç hex'lerini (var(--bg-elev), var(--bg-card), var(--rule)...)
   `var(--bg-2)`, `var(--bg-soft)` gibi farklı token'lara çeviriyor
   → gradient'in iki ucu farklı token'a düşünce ortada görsel
   "gri kayma" oluşuyor (TARANAN MARKA, EMAİL BULUNDU vs.).

   Çözüm: Inline gradient'leri kategorize edip her birini TEK,
   tutarlı bir formüle zorla.

   1) SLATE/KOYU KART GRADIENT'LERİ → düz var(--bg-card)
      (kart arkaplanı amaçlı, gradient hissi gereksiz)
   2) MAVİ/MOR ACCENT GRADIENT'LERİ → tek var(--acc) → var(--acc-2)
   3) YEŞİL/SARI/PEMBE → korunur (semantic, palette dokunmaz)
   ============================================================ */

/* --- 1) SLATE/KOYU KART GRADIENT'LERİ → DÜZ BG-CARD ---
   Background image'i tamamen sıfırla, sade arka plan tokeni ver.
   Hem 135deg hem 145deg, hem yıldız boşluklu hem boşluksuz hex
   varyasyonlarını yakala. */
html body [style*="linear-gradient(135deg, #0f172a"],
html body [style*="linear-gradient(135deg,#0f172a"],
html body [style*="linear-gradient(135deg, #1e293b"],
html body [style*="linear-gradient(135deg,#1e293b"],
html body [style*="linear-gradient(135deg, #0a0f1c"],
html body [style*="linear-gradient(135deg,#0a0f1c"],
html body [style*="linear-gradient(135deg, #0a1026"],
html body [style*="linear-gradient(135deg,#0a1026"],
html body [style*="linear-gradient(135deg, #172554"],
html body [style*="linear-gradient(135deg,#172554"],
html body [style*="linear-gradient(135deg, #0b1328"],
html body [style*="linear-gradient(135deg,#0b1328"],
html body [style*="linear-gradient(145deg, #1e293b"],
html body [style*="linear-gradient(145deg,#1e293b"],
html body [style*="linear-gradient(145deg, #0f172a"],
html body [style*="linear-gradient(145deg,#0f172a"],
html body [style*="linear-gradient(135deg, #1e1b4b"],
html body [style*="linear-gradient(135deg,#1e1b4b"]{
  background-image: none !important;
  background-color: var(--bg-card) !important;
  border-color: var(--rule) !important;
}

/* --- 2) ZAYIF SLATE TONLU INLINE BACKGROUND'LAR ---
   Önceki `[style*="#1e293b"]` kuralı çok genişti — gradient'in
   içindeki hex'i de yakalayıp bg-2'ye eşliyordu. Aynı element'te
   linear-gradient varsa o kural geçersiz olsun. */
html body [style*="linear-gradient"][style*="#1e293b"]:not([style*="#fbbf24"]):not([style*="#ec4899"]):not([style*="#22c55e"]):not([style*="#16a34a"]):not([style*="#0c0a09"]),
html body [style*="linear-gradient"][style*="#0f172a"]:not([style*="#fbbf24"]):not([style*="#ec4899"]):not([style*="#22c55e"]):not([style*="#16a34a"]),
html body [style*="linear-gradient"][style*="#334155"]:not([style*="#fbbf24"]):not([style*="#ec4899"]):not([style*="#22c55e"]),
html body [style*="linear-gradient"][style*="#475569"]:not([style*="#fbbf24"]):not([style*="#ec4899"]):not([style*="#22c55e"]){
  background-image: none !important;
  background-color: var(--bg-card) !important;
}

/* --- 3) MAVİ/MOR ACCENT GRADIENT'LERİNİ TEKLEŞTİR ---
   Buton ve CTA'larda kullanılan mavi→mor gradient'leri tek
   formüle indir → tüm panelde aynı görünüm. */
html body button[style*="linear-gradient(135deg, #2563eb"],
html body button[style*="linear-gradient(135deg,#2563eb"],
html body button[style*="linear-gradient(135deg, #3b82f6"],
html body button[style*="linear-gradient(135deg,#3b82f6"],
html body button[style*="linear-gradient(135deg, #1e3a8a"],
html body button[style*="linear-gradient(135deg,#1e3a8a"],
html body button[style*="linear-gradient(135deg, #1d4ed8"],
html body button[style*="linear-gradient(135deg,#1d4ed8"]{
  background-image: linear-gradient(135deg, var(--acc) 0%, var(--acc-2) 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* --- 4) MOR-PEMBE AI/BULK BUTON GRADIENT'LERİ ---
   AI yardım, bulk işlem butonlarında kullanılan #7c3aed→#a855f7
   tonu — accent paletinin koyu versiyonuyla eşleştir. */
html body button[style*="linear-gradient(135deg, #7c3aed"],
html body button[style*="linear-gradient(135deg,#7c3aed"],
html body button[style*="linear-gradient(135deg, #8b5cf6"],
html body button[style*="linear-gradient(135deg,#8b5cf6"]{
  background-image: linear-gradient(135deg, var(--acc-2) 0%, var(--acc) 100%) !important;
  color: #fff !important;
  border-color: transparent !important;
}

/* --- 5) AÇIK MAVİ/BEYAZ KART GRADIENT'LERİ (PROFILE/SEGMENT) ---
   #eff6ff, #f0f9ff, #f0fdf4, #fffbeb gibi açık ton gradient'ler
   gece modunda hiç görünmesin, düz bg-card olsun. */
html body [style*="linear-gradient(135deg, #eff6ff"],
html body [style*="linear-gradient(135deg,#eff6ff"],
html body [style*="linear-gradient(135deg, #f0f9ff"],
html body [style*="linear-gradient(135deg,#f0f9ff"],
html body [style*="linear-gradient(135deg, #f0fdf4"],
html body [style*="linear-gradient(135deg,#f0fdf4"],
html body [style*="linear-gradient(135deg, #fffbeb"],
html body [style*="linear-gradient(135deg,#fffbeb"],
html body [style*="linear-gradient(135deg, #f8fafc"],
html body [style*="linear-gradient(135deg,#f8fafc"]{
  background-image: none !important;
  background-color: var(--bg-card) !important;
  border-color: var(--rule) !important;
  color: var(--ink) !important;
}

/* --- 6) KIRMIZI/UYARI GRADIENT'LERİ (#fef2f2, #78350f...) ---
   Açık kırmızı warning gradient'leri → koyu kırmızı tinted bg */
html body [style*="linear-gradient(135deg, #fef2f2"],
html body [style*="linear-gradient(135deg,#fef2f2"]{
  background-image: none !important;
  background-color: rgba(239, 68, 68, 0.08) !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
  color: var(--ink) !important;
}

/* --- 7) SARI/AMBER UYARI GRADIENT'LERİ (#78350f, #422006, #451a03) ---
   Koyu kahve/amber gradient'leri tema'ya hizala */
html body [style*="linear-gradient(135deg, #78350f"],
html body [style*="linear-gradient(135deg,#78350f"],
html body [style*="linear-gradient(135deg, #451a03"],
html body [style*="linear-gradient(135deg,#451a03"]{
  background-image: none !important;
  background-color: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
  color: var(--ink) !important;
}

/* --- 8) GRADIENT BORDER FIX ---
   Eski kural `[style*="#334155"]` border'ı bg-soft'a çeviriyordu;
   inline gradient olan element'lerde border rule'a normalize et. */
html body [style*="linear-gradient"][style*="border: 1px solid #334155"],
html body [style*="linear-gradient"][style*="border:1px solid #334155"],
html body [style*="linear-gradient"][style*="border: 1px solid #1e293b"],
html body [style*="linear-gradient"][style*="border:1px solid #1e293b"]{
  border-color: var(--rule) !important;
}
html body .bw-mail-center [style*="background: #1e40af"],
html body .bw-mail-center [style*="background:#1e40af"],
html body .bw-mail-center [style*="background: #2563eb"],
html body .bw-mail-center [style*="background: rgb(30, 64, 175)"],
html body .bw-mail-center [style*="background: rgb(37, 99, 235)"] {
  background: rgba(255,255,255,0.06) !important;
  color: var(--ink) !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* ============================================================
   COACH PANEL LAYOUT — MAX SPECIFICITY (kesin override)
   ============================================================
   .sidebar 50% genişlikte kalıyordu. Flex yapısını explicit zorla.
   ============================================================ */
html body .app-container {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 100vh !important;
}
html body .app-container > .sidebar {
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  flex: 0 0 220px !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}
html body .app-container > .sidebar ~ div,
html body .app-container > .sidebar + div,
html body .app-container > .main-content {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow-x: hidden !important;
}
/* CoachGate da main-content değilse */
html body .app-container > div:not(.sidebar):not(.client-sidebar) {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* ============================================================
   MAIL MERKEZİ — OKUNMAMIŞ MAİL VURGUSU (v2 — agresif kontrast)
   ============================================================
   v1: rgba(251,146,60,0.08) → gece modunda neredeyse görünmüyordu.
   v2: %22 opacity tinted bg + 5px parlak turuncu border + nabız
   atan parlaklık + soldan glow.
   ============================================================ */
@keyframes mc-unread-pulse {
  0%, 100% { box-shadow: 0 0 10px rgba(251,146,60,0.85), 0 0 4px rgba(251,146,60,1); transform: scale(1); }
  50%      { box-shadow: 0 0 16px rgba(251,146,60,1), 0 0 8px rgba(251,146,60,1); transform: scale(1.15); }
}

@keyframes mc-unread-row-glow {
  0%, 100% { box-shadow: inset 4px 0 0 #fb923c, 0 0 0 transparent; }
  50%      { box-shadow: inset 4px 0 0 #fbbf24, -2px 0 12px rgba(251,146,60,0.25); }
}

.bw-mail-center .mc-mail-row-unread {
  background: rgba(251, 146, 60, 0.22) !important;
  border-left: 5px solid #fb923c !important;
  padding-left: 7px !important;
  box-shadow: inset 4px 0 0 #fb923c !important;
}

/* Sol kenardaki ışıltılı şerit — satırın görünürlüğü için */
.bw-mail-center .mc-mail-row-unread::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8%;
  bottom: 8%;
  width: 3px;
  border-radius: 0 2px 2px 0;
  background: linear-gradient(180deg, transparent 0%, #fb923c 30%, #fbbf24 50%, #fb923c 70%, transparent 100%);
  box-shadow: 0 0 12px rgba(251, 146, 60, 0.9);
  pointer-events: none;
  z-index: 1;
}

.bw-mail-center .mc-mail-row-unread:hover {
  background: rgba(251, 146, 60, 0.32) !important;
}

/* Seçili olan unread — daha parlak */
.bw-mail-center .mc-mail-row-unread.mc-mail-row-selected {
  background: rgba(251, 146, 60, 0.35) !important;
  border-left-color: #fbbf24 !important;
}

/* Checked olan unread — en parlak */
.bw-mail-center .mc-mail-row-unread.mc-mail-row-checked {
  background: rgba(251, 146, 60, 0.42) !important;
  border-left-color: #fbbf24 !important;
}

/* Unread mail sender adı için zorla beyaz + bold — inline style olsa bile */
.bw-mail-center .mc-mail-row-unread * {
  filter: brightness(1.05);
}

/* Üst toolbar'daki "X yeni cevap" badge'i daha vurgulu */
.bw-mail-center [class*="yeni cevap"] {
  animation: mc-unread-pulse 2s ease-in-out infinite;
}

/* ============================================================
   DASHBOARD REFINE — 21 May 2026
   ============================================================
   Plan: dashboard-refine-plan.md
   Hedef: linear yapıyı koruyarak inline-styled blokları CSS'e
   taşı, dikey ritmi tutarlı yap, typography hiyerarşisi kur.
   ============================================================ */

:root{
  /* Dashboard rhythm token */
  --gap-block: 24px;
  /* Yeni accent — mor (Bugün Yapılacaklar 4. satır için) */
  --acc-3: #8b5cf6;
  --acc-3-soft: rgba(139, 92, 246, 0.13);
}

/* --- P2.1 — Dikey ritim --- */
/* Dashboard ana scroll alanındaki kart-tipi bloklar için tek margin */
.bw-page-pad > div > .setup-guide,
.bw-page-pad > div > .outreach-perf-card,
.bw-page-pad > div > .weekly-goal-card,
.bw-page-pad > div > .today-actions,
.bw-page-pad > div > .client-stats-grid,
.bw-page-pad > div > .reminders-section,
.bw-page-pad > div > .journey-roadmap,
.bw-page-pad > div > .streak-widget,
.bw-page-pad > div > .focus-card {
  margin-bottom: var(--gap-block) !important;
}

/* --- P2.2 — Section title (h2/h3) standardı --- */
.bw-page-pad .section-title,
.bw-page-pad h3.section-title,
.dash-card > h3:first-child {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ink) !important;
  margin: 0 0 14px !important;
  letter-spacing: -0.1px !important;
  line-height: 1.3 !important;
}
.bw-page-pad .section-title .section-sub {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-3);
  margin-top: 4px;
  letter-spacing: 0;
}

/* --- P2.3 — Dashboard card padding standardı (.dash-card) --- */
.dash-card {
  background: var(--bg-card);
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 20px;
  position: relative;
}
.dash-card--glow {
  overflow: hidden;
}

/* --- P3.2 — bw-prop mobile stack --- */
@media (max-width: 640px) {
  .bw-props { gap: 8px; }
  .bw-prop { flex-wrap: wrap; gap: 6px; }
  .bw-prop .key { width: auto; min-width: 0; font-size: 12px; }
  .bw-prop .val { font-size: 13px; }
}

/* ===== P1.3 — WEEKLY GOAL CARD ===== */
.weekly-goal-card {
  background: linear-gradient(135deg, var(--bg-card), var(--bg-2));
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.weekly-goal-card.wg-completed::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.15), transparent 70%);
  pointer-events: none;
}
.wg-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  position: relative;
  gap: 12px;
}
.wg-header-text { min-width: 0; }
.wg-header-sub {
  font-size: 12px;
  color: var(--ink-3);
  margin: 4px 0 0;
}
.wg-goal-btn {
  background: var(--bg-soft);
  border: 1px solid var(--rule);
  border-radius: 8px;
  padding: 6px 12px;
  font-size: 12px;
  color: var(--ink-3);
  cursor: pointer;
  font-weight: 600;
  font-family: inherit;
  flex-shrink: 0;
}
.wg-goal-btn:hover { background: var(--hover); color: var(--ink-2); }
.wg-settings {
  background: var(--bg-2);
  border: 1px solid var(--rule);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 16px;
}
.wg-settings-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wg-settings-label {
  font-size: 13px;
  color: var(--ink-3);
  white-space: nowrap;
}
.wg-settings-slider {
  flex: 1;
  accent-color: var(--inf);
}
.wg-settings-val {
  font-size: 18px;
  font-weight: 800;
  color: var(--inf);
  min-width: 40px;
  text-align: center;
}
.wg-preset-row {
  display: flex;
  gap: 8px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.wg-preset-btn {
  padding: 4px 12px;
  border-radius: 8px;
  border: 1px solid var(--rule);
  background: transparent;
  color: var(--ink-3);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
}
.wg-preset-btn.active {
  border: 2px solid var(--inf);
  background: rgba(56, 189, 248, 0.13);
  color: var(--inf);
}
.wg-progress-wrap {
  position: relative;
  margin-bottom: 12px;
}
.wg-progress-track {
  height: 28px;
  border-radius: 14px;
  background: var(--bg-soft);
  overflow: hidden;
  position: relative;
}
.wg-progress-bar {
  height: 100%;
  border-radius: 14px;
  transition: width 0.8s ease;
  background: linear-gradient(90deg, var(--dgr), #dc2626);
}
.wg-progress-bar[data-zone="mid"]   { background: linear-gradient(90deg, var(--warn), #d97706); }
.wg-progress-bar[data-zone="good"]  { background: linear-gradient(90deg, var(--inf), #2563eb); }
.wg-progress-bar[data-zone="done"]  { background: linear-gradient(90deg, var(--suc), #16a34a); box-shadow: 0 0 12px rgba(16, 185, 129, 0.4); }
.wg-progress-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.wg-daily-chart {
  display: flex;
  gap: 4px;
  align-items: flex-end;
  height: 50px;
  margin-bottom: 12px;
}
.wg-day {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
}
.wg-day-count {
  font-size: 10px;
  font-weight: 700;
  color: var(--inf);
}
.wg-day-count[data-empty="true"] { color: transparent; }
.wg-day-bar {
  width: 100%;
  border-radius: 4px;
  background: var(--bg-soft);
  transition: height 0.3s ease;
}
.wg-day-bar[data-has-count="true"] { background: var(--ink-4); }
.wg-day[data-today="true"] .wg-day-bar {
  background: var(--bg-soft);
  border: 2px solid var(--inf);
}
.wg-day[data-today="true"] .wg-day-bar[data-has-count="true"] {
  background: var(--inf);
}
.wg-day-label {
  font-size: 10px;
  font-weight: 500;
  color: var(--ink-3);
}
.wg-day[data-today="true"] .wg-day-label {
  font-weight: 700;
  color: var(--inf);
}
.wg-kpi-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}
.wg-kpi {
  background: var(--bg-soft);
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
.wg-kpi-val {
  font-size: 18px;
  font-weight: 800;
}
.wg-kpi-val[data-tone="warn"]  { color: var(--warn); }
.wg-kpi-val[data-tone="good"]  { color: var(--suc); }
.wg-kpi-val[data-tone="info"]  { color: var(--inf); }
.wg-kpi-val[data-tone="dgr"]   { color: var(--dgr); }
.wg-kpi-label {
  font-size: 11px;
  color: var(--ink-3);
}
.wg-message {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: rgba(56, 189, 248, 0.08);
  border: 1px solid rgba(56, 189, 248, 0.25);
}
.wg-message p {
  font-size: 12px;
  color: #93c5fd;
  margin: 0;
  line-height: 1.5;
}

/* ===== P1.2 — OUTREACH PERFORMANCE CARD ===== */
.outreach-perf-card {
  background: var(--bg-card);
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 20px;
}
.perf-funnel {
  display: flex;
  gap: 2px;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 14px;
}
.perf-funnel-seg { transition: flex 0.4s ease; }
.perf-funnel-seg[data-tone="discovered"] { background: rgba(100, 116, 139, 0.45); }
.perf-funnel-seg[data-tone="email"]      { background: rgba(139, 92, 246, 0.45); }
.perf-funnel-seg[data-tone="sent"]       { background: rgba(56, 189, 248, 0.55); }
.perf-funnel-seg[data-tone="reply"]      { background: rgba(16, 185, 129, 0.55); }
.perf-funnel-seg[data-tone="meeting"]    { background: rgba(251, 191, 36, 0.65); }

.perf-kpi-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
  margin-bottom: 12px;
}
.perf-kpi {
  text-align: center;
  padding: 8px 4px;
  border-radius: 8px;
  background: var(--bg-soft);
}
.perf-kpi-val {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.3px;
}
.perf-kpi-val[data-tone="muted"]   { color: var(--ink-3); }
.perf-kpi-val[data-tone="info"]    { color: var(--inf); }
.perf-kpi-val[data-tone="good"]    { color: var(--suc); }
.perf-kpi-val[data-tone="warn"]    { color: var(--warn); }
.perf-kpi-val[data-tone="dgr"]     { color: var(--dgr); }
.perf-kpi-label {
  font-size: 10px;
  color: var(--ink-3);
  margin-top: 2px;
}

.perf-health-pills {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.perf-pill {
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(16, 185, 129, 0.15);
  color: var(--suc);
}
.perf-pill[data-tone="warn"]  { background: rgba(251, 191, 36, 0.15); color: var(--warn); }
.perf-pill[data-tone="info"]  { background: rgba(56, 189, 248, 0.15); color: var(--inf); }
.perf-pill[data-tone="dgr"]   { background: rgba(239, 68, 68, 0.18); color: var(--dgr); }

/* ===== P3.3 — Setup complete pill ===== */
.setup-done-pill {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: rgba(16, 185, 129, 0.10);
  border: 1px solid rgba(16, 185, 129, 0.30);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--suc);
  position: relative;
}
.setup-done-pill-close {
  margin-left: auto;
  background: none;
  border: none;
  color: var(--suc);
  opacity: 0.6;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0 4px;
  font-family: inherit;
}
.setup-done-pill-close:hover { opacity: 1; }

/* ===== P1.4 — TODAY ACTIONS ===== */
.today-actions {
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.06), var(--bg-2));
  border: 1px solid rgba(56, 189, 248, 0.25);
  border-radius: 16px;
  padding: 20px;
}
.today-actions > .section-title {
  color: var(--inf) !important;
}
.today-actions-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.today-action-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  cursor: pointer;
  transition: transform 120ms ease, background 180ms ease;
}
.today-action-item:hover { transform: translateX(2px); }
.today-action-item[data-variant="auto"] {
  background: rgba(16, 185, 129, 0.10);
  border: 1px solid rgba(16, 185, 129, 0.30);
  cursor: default;
}
.today-action-item[data-variant="followup"] {
  background: rgba(251, 191, 36, 0.10);
  border: 1px solid rgba(251, 191, 36, 0.30);
}
.today-action-item[data-variant="ready"] {
  background: rgba(56, 189, 248, 0.10);
  border: 1px solid rgba(56, 189, 248, 0.30);
}
.today-action-item[data-variant="reply"] {
  background: rgba(139, 92, 246, 0.10);
  border: 1px solid rgba(139, 92, 246, 0.30);
}
.today-action-icon { font-size: 20px; flex-shrink: 0; }
.today-action-text {
  flex: 1;
  font-size: 13px;
}
.today-action-item[data-variant="auto"]      .today-action-text { color: #86efac; }
.today-action-item[data-variant="followup"]  .today-action-text { color: #fcd34d; }
.today-action-item[data-variant="ready"]     .today-action-text { color: #93c5fd; }
.today-action-item[data-variant="reply"]     .today-action-text { color: #c4b5fd; }
.today-action-cta {
  font-size: 12px;
  font-weight: 600;
  flex-shrink: 0;
}
.today-action-item[data-variant="auto"]      .today-action-cta { color: var(--suc); }
.today-action-item[data-variant="followup"]  .today-action-cta { color: var(--warn); }
.today-action-item[data-variant="ready"]     .today-action-cta { color: var(--inf); }
.today-action-item[data-variant="reply"]     .today-action-cta { color: var(--acc-3); }

/* ===== P1.1 — SETUP GUIDE ===== */
.setup-guide {
  background: var(--bg-card);
  border: 1px solid var(--rule);
  border-radius: 16px;
  padding: 20px;
  position: relative;
}
.setup-guide-close {
  position: absolute;
  top: 14px;
  right: 14px;
  background: none;
  border: none;
  color: var(--ink-4);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  font-family: inherit;
}
.setup-guide-close:hover { color: var(--ink-2); }
.setup-guide-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
.setup-guide-rocket { font-size: 20px; }
.setup-guide-title {
  font-weight: 700;
  font-size: 15px;
  color: var(--ink);
}
.setup-guide-sub {
  font-size: 12px;
  color: var(--ink-3);
  margin-top: 2px;
}
.setup-guide-progress {
  margin-left: auto;
  display: flex;
  gap: 4px;
}
.setup-guide-dot {
  width: 28px;
  height: 5px;
  border-radius: 3px;
  background: var(--bg-soft);
}
.setup-guide-dot[data-done="true"] { background: var(--suc); }
.setup-guide-steps {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.setup-guide-step {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--bg-soft);
  border: 1px solid var(--rule);
}
.setup-guide-step[data-done="true"] {
  background: rgba(16, 185, 129, 0.10);
  border-color: rgba(16, 185, 129, 0.30);
}
.setup-guide-step-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-card);
  flex-shrink: 0;
  font-size: 15px;
}
.setup-guide-step[data-done="true"] .setup-guide-step-icon {
  background: var(--suc);
  color: #fff;
}
.setup-guide-step-text { flex: 1; min-width: 0; }
.setup-guide-step-title {
  font-weight: 600;
  font-size: 13px;
  color: var(--ink);
}
.setup-guide-step[data-done="true"] .setup-guide-step-title { color: var(--suc); }
.setup-guide-step-desc {
  font-size: 12px;
  color: var(--ink-3);
  margin-top: 2px;
}
.setup-guide-step-btn {
  padding: 6px 12px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  background: linear-gradient(135deg, var(--inf), var(--acc-3));
  color: #fff;
  flex-shrink: 0;
  font-family: inherit;
}
.setup-guide-step-btn:hover { filter: brightness(1.1); }

/* ============================================================
   SOFT MIDNIGHT — 5-CLASS GRADIENT SİSTEMİ (21 May 2026)
   ============================================================
   116 inline gradient kategorize edildi. Yeni JSX yazılırken bu
   class'lar kullanılmalı; eski JSX inline gradient'ler NORMALIZER
   bölümünde attribute selector'la token'a maplanıyor.

   Class hiyerarşisi:
     .gx-card-soft        → kart background (subtle depth)
     .gx-accent           → primary CTA / vibrant emphasis
     .gx-success/.warn/.dgr/.inf  → status gradient
     .gx-progress[data-zone] → progress bar zone'lu renk
     .gx-cover-tinted     → büyük header gradient (sayfa kapağı vs.)
   ============================================================ */

/* --- Kart background (gradient gibi durur ama subtle, kontrast korur) --- */
.gx-card-soft {
  background: linear-gradient(135deg, var(--bg-card) 0%, var(--bg-2) 100%);
}

/* --- Primary accent gradient (CTA, vurgu, ember+lilac karışımı) --- */
.gx-accent {
  background: linear-gradient(135deg, var(--acc) 0%, var(--acc-2) 100%);
  color: #fff;
}
.gx-accent-soft {
  background: linear-gradient(135deg, var(--acc-soft), var(--acc-2-soft));
}

/* --- Status gradients (success/warn/dgr/inf) --- */
.gx-success { background: linear-gradient(135deg, var(--suc) 0%, #059669 100%); color: #fff; }
.gx-warn    { background: linear-gradient(135deg, var(--warn) 0%, #d97706 100%); color: #1a1208; }
.gx-dgr     { background: linear-gradient(135deg, var(--dgr) 0%, #dc2626 100%); color: #fff; }
.gx-inf     { background: linear-gradient(135deg, var(--inf) 0%, #2563eb 100%); color: #fff; }

.gx-success-soft { background: var(--suc-soft); color: var(--suc); }
.gx-warn-soft    { background: var(--warn-soft); color: var(--warn); }
.gx-dgr-soft     { background: var(--dgr-soft); color: var(--dgr); }
.gx-inf-soft     { background: var(--inf-soft); color: var(--inf); }

/* --- Progress bar zone'lu (data-zone="low|mid|good|done") --- */
.gx-progress { background: linear-gradient(90deg, var(--dgr), #dc2626); transition: width 0.8s ease; }
.gx-progress[data-zone="mid"]  { background: linear-gradient(90deg, var(--warn), #d97706); }
.gx-progress[data-zone="good"] { background: linear-gradient(90deg, var(--inf), #2563eb); }
.gx-progress[data-zone="done"] { background: linear-gradient(90deg, var(--suc), #059669); box-shadow: 0 0 12px rgba(16,185,129,0.4); }

/* --- Cover tinted (sayfa kapağı, hero alanları) --- */
.gx-cover-tinted {
  background:
    radial-gradient(circle 320px at 25% 50%, var(--acc-soft), transparent 70%),
    radial-gradient(circle 280px at 75% 60%, var(--acc-2-soft), transparent 70%),
    linear-gradient(135deg, var(--bg-2) 0%, var(--bg-card) 50%, var(--bg-soft) 100%);
}

/* ============================================================
   NORMALIZER v2 — INLINE GRADIENT HEX TO TOKEN MAPPING
   ============================================================
   app.jsx içindeki 116 inline gradient JSX'e dokunmadan
   normalize edilir. CSS yüksek-specificity selector ile
   `style="background: linear-gradient(...)"` attribute'larını
   yakalar ve Soft Midnight token'larına override eder.
   ============================================================ */

/* --- Light kalıntısı gradient'leri tamamen sil (#fef..., #fff..., #f0fdf4) --- */
[style*="linear-gradient(135deg, #fef2f2"],
[style*="linear-gradient(135deg, #fffbeb"],
[style*="linear-gradient(135deg, #f0fdf4"],
[style*="linear-gradient(135deg, #f0f9ff"],
[style*="linear-gradient(135deg, #fff"],
[style*="linear-gradient(135deg, #ffe"],
[style*="linear-gradient(135deg, #fef"] {
  background: var(--bg-card) !important;
  color: var(--ink) !important;
}

/* --- Slate/koyu kart gradient'leri (yakın-ton, gri kayma yapan) → solid bg-card --- */
[style*="linear-gradient(135deg, #0f172a, #1e293b"],
[style*="linear-gradient(135deg, #1e293b, #0f172a"],
[style*="linear-gradient(135deg, #0f172a, #0b1328"],
[style*="linear-gradient(135deg, #0f172a 0%, #0b1328"],
[style*="linear-gradient(135deg, #0f172a, #172554"],
[style*="linear-gradient(135deg, #0f172a, #1a1040"],
[style*="linear-gradient(135deg, #172554, #1e293b"],
[style*="linear-gradient(135deg, #1e3a8a, #0f172a"],
[style*="linear-gradient(135deg, #0f1419"],
[style*="linear-gradient(135deg, #1e1b4b 0%, #581c87 50%, #831843"],
[style*="linear-gradient(135deg, #1e1b4b, #581c87"] {
  background: linear-gradient(135deg, var(--bg-card), var(--bg-2)) !important;
}

/* --- Accent vibrant orange/pink gradient → ember (acc → acc-2 lilac) --- */
[style*="linear-gradient(135deg, #fb923c, #f59e0b"],
[style*="linear-gradient(135deg, #f97316, #fb923c"],
[style*="linear-gradient(135deg, #ea580c, #f97316"],
[style*="linear-gradient(135deg, #fbbf24, #f59e0b"],
[style*="linear-gradient(135deg, #b45309, #f59e0b"],
[style*="linear-gradient(135deg, #f59e0b, #fbbf24"],
[style*="linear-gradient(135deg, #fbbf24, #ec4899"],
[style*="linear-gradient(135deg, #fbbf24, #ec4899, #8b5cf6"],
[style*="linear-gradient(135deg, #ec4899, #f472b6"],
[style*="linear-gradient(135deg, #db2777, #f472b6"],
[style*="linear-gradient(135deg, #f43f5e, #fb7185"],
[style*="linear-gradient(135deg, #fb923c, #f43f5e"] {
  background: linear-gradient(135deg, var(--acc), var(--acc-2)) !important;
  color: #fff !important;
}

/* --- Mavi gradient (#3b82f6, #2563eb, #1d4ed8) → inf solid (var olmadığı için literal) --- */
[style*="linear-gradient(135deg, #3b82f6, #2563eb"],
[style*="linear-gradient(135deg, #2563eb, #1d4ed8"],
[style*="linear-gradient(135deg, #2563eb, #1e293b"],
[style*="linear-gradient(135deg, #2563eb, #2563eb"],
[style*="linear-gradient(135deg, #2563eb, #3b82f6"],
[style*="linear-gradient(135deg, #2563eb, #7c3aed"],
[style*="linear-gradient(135deg, #2563eb, #c084fc"],
[style*="linear-gradient(135deg, #3b82f6, #60a5fa"],
[style*="linear-gradient(135deg, #3b82f6, #6366f1"],
[style*="linear-gradient(135deg, #3b82f6, #8b5cf6"],
[style*="linear-gradient(135deg, #1e3a8a, #2563eb"],
[style*="linear-gradient(135deg, #0ea5e9, #38bdf8"] {
  background: linear-gradient(135deg, var(--inf), #2563eb) !important;
  color: #fff !important;
}

/* --- Yeşil gradient → success --- */
[style*="linear-gradient(135deg, #22c55e, #16a34a"],
[style*="linear-gradient(135deg, #10b981, #34d399"],
[style*="linear-gradient(135deg, #059669, #10b981"],
[style*="linear-gradient(135deg, #15803d, #22c55e"],
[style*="linear-gradient(135deg, #14b8a6, #2dd4bf"] {
  background: linear-gradient(135deg, var(--suc), #059669) !important;
  color: #fff !important;
}

/* --- 90deg progress gradient'ler — zone'a göre token (mid/good/done) --- */
[style*="linear-gradient(90deg, #22c55e, #16a34a"] { background: linear-gradient(90deg, var(--suc), #059669) !important; }
[style*="linear-gradient(90deg, #3b82f6, #2563eb"] { background: linear-gradient(90deg, var(--inf), #2563eb) !important; }
[style*="linear-gradient(90deg, #f59e0b, #d97706"] { background: linear-gradient(90deg, var(--warn), #d97706) !important; }
[style*="linear-gradient(90deg, #ef4444, #dc2626"] { background: linear-gradient(90deg, var(--dgr), #dc2626) !important; }

/* --- Mor/vibrant single accent → acc-3 (Bugün Yapılacaklar reply variant koruyor) --- */
[style*="linear-gradient(135deg, #8b5cf6, #a78bfa"],
[style*="linear-gradient(135deg, #7c3aed, #8b5cf6"],
[style*="linear-gradient(135deg, #6366f1, #8b5cf6"] {
  background: linear-gradient(135deg, var(--acc-3), var(--acc-2)) !important;
  color: #fff !important;
}

/* ============================================================
   TEXT CONTRAST GUARD (21 May 2026)
   ============================================================
   Gradient veya parlak background üstündeki yazılar "beyaz görünüyor"
   şikayetinin çözümü. Inline-styled blokların:
     - background gradient varsa → içindeki yazıya text-shadow + ink
     - color belirtilmemişse → var(--ink) zorla
   ============================================================ */

/* Gradient bg'li elementlerin doğrudan child yazıları beyaz + shadow */
[style*="linear-gradient"] > div:not([style*="background"]),
[style*="linear-gradient"] > span:not([style*="color"]),
[style*="linear-gradient"] > p:not([style*="color"]) {
  color: var(--ink);
}

/* Gradient header'ların büyük yazı text-shadow ile silüet */
.gx-accent h1, .gx-accent h2, .gx-accent h3, .gx-accent h4,
.gx-success h1, .gx-success h2, .gx-success h3,
.gx-dgr h1, .gx-dgr h2, .gx-dgr h3,
.gx-inf h1, .gx-inf h2, .gx-inf h3 {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

/* Progress bar üstündeki label yazısı (zaten weight 800 + shadow var ama emniyet) */
.wg-progress-label,
[style*="linear-gradient(90deg"] + .wg-progress-label,
[style*="linear-gradient(90deg"] > span {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  font-weight: 800;
}

/* Motivation banner — STAGES.gradient inline alıyor, kontrastı zorla */
.motivation-banner,
.motivation-banner * {
  color: #fff !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.motivation-banner .motivation-title { font-weight: 800 !important; }
.motivation-banner .motivation-subtitle { font-weight: 600 !important; opacity: 0.95; }

/* ============================================================
   KART CONTRAST EMNIYET — bg-card border'ı her zaman görünür
   ============================================================
   Berk şikayeti: "kart sınırları belirsiz, gradient'lar birbiriyle karışıyor".
   Çözüm: tüm kart-tipi bloklara default border + subtle inset shadow. */

.card,
.bw-page-pad .gx-card-soft,
.weekly-goal-card,
.outreach-perf-card,
.today-actions,
.setup-guide,
.focus-card,
.streak-widget,
.journey-roadmap {
  border: 1px solid var(--rule);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

/* ============================================================
   D-P3 DASHBOARD COMPONENTS (21 May 2026)
   ============================================================
   D-P3 mockup'ından panele uygulanan tüm component class'ları.
   Hero: streak badge + greeting + momentum + achievements + CTA
   Quick actions, tasks, perf ring, timeline, glass card pattern.
   ============================================================ */

/* === DASH PAGE WRAPPER (Notion bw-page'i override eder, dashboard scope) === */
.dash-page {
  padding: 0 32px 56px;
  max-width: 1280px;
  margin: 0 auto;
}

/* === HERO — MOMENTUM / BAŞARI === */
.dash-hero {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.13), rgba(236, 72, 153, 0.06));
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 107, 53, 0.25);
  border-radius: 20px;
  padding: 32px 36px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.dash-hero::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -10%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255, 107, 53, 0.20), transparent 65%);
  border-radius: 50%;
  pointer-events: none;
  animation: dash-flicker 4s ease-in-out infinite;
}
@keyframes dash-flicker {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.85; transform: scale(1.05); }
}
.dash-hero-row {
  display: flex;
  gap: 28px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.dash-streak-badge {
  width: 110px;
  height: 110px;
  border-radius: 26px;
  background: linear-gradient(135deg, var(--flame), var(--acc-2));
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 12px 36px rgba(255, 107, 53, 0.45);
  flex-shrink: 0;
  color: #1a0e08;
}
.dash-streak-flame {
  font-size: 30px;
  line-height: 1;
  margin-bottom: -2px;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25));
}
.dash-streak-num {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1;
}
.dash-streak-label {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 2px;
}

.dash-hero-text { flex: 1; }
.dash-greeting {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 1.1;
  margin: 0 0 8px;
  color: var(--ink);
}
.dash-greeting em {
  font-style: italic;
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dash-momentum {
  font-size: 15px;
  color: var(--ink);
  line-height: 1.6;
  margin: 0 0 8px;
  font-weight: 500;
}
.dash-momentum b {
  background: linear-gradient(135deg, var(--flame), var(--acc-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}
.dash-momentum-sub {
  font-size: 13px;
  color: var(--ink-2);
  line-height: 1.6;
  margin: 0;
}

/* === ACHIEVEMENT ROW === */
.dash-achievements {
  display: flex;
  gap: 8px;
  margin-top: 22px;
  flex-wrap: wrap;
  padding-top: 22px;
  border-top: 1px solid var(--rule);
  position: relative;
  z-index: 1;
}
.dash-ach {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg-card);
  border: 1px solid var(--rule);
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 12px;
  color: var(--ink-2);
  font-weight: 600;
  backdrop-filter: blur(10px);
}
.dash-ach-icon { font-size: 14px; }
.dash-ach.gold {
  background: var(--acc-2-soft);
  border-color: rgba(251, 191, 36, 0.30);
  color: var(--acc-2);
}
.dash-ach.fire {
  background: var(--flame-soft);
  border-color: rgba(255, 107, 53, 0.30);
  color: var(--flame);
}
.dash-ach.suc {
  background: var(--suc-soft);
  border-color: rgba(132, 204, 22, 0.25);
  color: var(--suc);
}

/* === HERO CTA === */
.dash-hero-cta-row {
  display: flex;
  gap: 10px;
  margin-top: 22px;
  position: relative;
  z-index: 1;
}
.dash-btn-primary {
  background: linear-gradient(135deg, var(--flame), var(--acc-2));
  color: #1a0e08;
  padding: 12px 24px;
  border: none;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
  font-family: inherit;
}
.dash-btn-primary:hover { filter: brightness(1.05); transform: translateY(-1px); }
.dash-btn-secondary {
  background: var(--bg-card);
  border: 1px solid var(--rule);
  color: var(--ink-2);
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  backdrop-filter: blur(10px);
  font-family: inherit;
}
.dash-btn-secondary:hover { background: var(--bg-card-hover); color: var(--ink); }

/* === QUICK ACTIONS (3 tile) === */
.dash-qa-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 24px;
}
.dash-qa-tile {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--rule);
  border-radius: 14px;
  padding: 22px;
  cursor: pointer;
  transition: all 200ms;
  position: relative;
  overflow: hidden;
}
.dash-qa-tile::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -30%;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  opacity: 0.15;
  transition: opacity 200ms;
}
.dash-qa-tile[data-tone="acc"]::before { background: radial-gradient(circle, var(--acc), transparent 70%); }
.dash-qa-tile[data-tone="inf"]::before { background: radial-gradient(circle, var(--inf), transparent 70%); }
.dash-qa-tile[data-tone="suc"]::before { background: radial-gradient(circle, var(--suc), transparent 70%); }
.dash-qa-tile:hover {
  border-color: var(--rule-strong);
  transform: translateY(-3px);
}
.dash-qa-tile:hover::before { opacity: 0.30; }
.dash-qa-icon {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 14px;
  position: relative;
  z-index: 1;
}
.dash-qa-tile[data-tone="acc"] .dash-qa-icon { background: var(--acc-soft); }
.dash-qa-tile[data-tone="inf"] .dash-qa-icon { background: var(--inf-soft); }
.dash-qa-tile[data-tone="suc"] .dash-qa-icon { background: var(--suc-soft); }
.dash-qa-num {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 1;
  position: relative;
  z-index: 1;
  color: var(--ink);
  margin-bottom: 6px;
}
.dash-qa-title { font-size: 14px; font-weight: 700; position: relative; z-index: 1; margin-bottom: 4px; color: var(--ink); }
.dash-qa-sub { font-size: 12px; color: var(--ink-3); position: relative; z-index: 1; }
.dash-qa-cta { font-size: 12px; color: var(--acc-2); font-weight: 600; margin-top: 14px; position: relative; z-index: 1; }

/* === DASHBOARD GRID (Tasks + Perf) === */
.dash-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: 14px;
  margin-bottom: 24px;
}
.dash-card {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid var(--rule);
  border-radius: 14px;
  padding: 22px;
}
.dash-card-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.dash-card-title {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ink-3);
  letter-spacing: 0.8px;
}
.dash-card-action {
  color: var(--acc-2);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
}
.dash-card-action:hover { filter: brightness(1.1); }

/* === TASK LIST === */
.dash-task-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dash-task-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--bg-soft);
  border: 1px solid var(--rule);
  cursor: pointer;
  transition: all 150ms;
  text-decoration: none;
  color: inherit;
}
.dash-task-row:hover {
  background: var(--bg-card-hover);
  border-color: var(--rule-strong);
}
.dash-task-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.dash-task-row[data-priority="high"] .dash-task-icon { background: var(--acc-soft); color: var(--acc-2); }
.dash-task-row[data-priority="normal"] .dash-task-icon { background: var(--bg-elev); color: var(--ink-2); }
.dash-task-row[data-priority="warn"] .dash-task-icon { background: var(--warn-soft); color: var(--warn); }
.dash-task-row[data-priority="suc"] .dash-task-icon { background: var(--suc-soft); color: var(--suc); }
.dash-task-body { flex: 1; min-width: 0; }
.dash-task-title { font-size: 13px; font-weight: 600; color: var(--ink); margin-bottom: 2px; }
.dash-task-sub { font-size: 11px; color: var(--ink-3); }
.dash-task-arrow { color: var(--ink-3); font-size: 16px; }

/* === PERFORMANCE RING === */
.dash-perf { display: flex; align-items: center; gap: 20px; }
.dash-ring { position: relative; width: 110px; height: 110px; flex-shrink: 0; }
.dash-ring svg { transform: rotate(-90deg); width: 100%; height: 100%; }
.dash-ring-track { fill: none; stroke: rgba(255, 220, 180, 0.06); stroke-width: 9; }
.dash-ring-fill { fill: none; stroke: url(#dash-ring-grad); stroke-width: 9; stroke-linecap: round; filter: drop-shadow(0 0 10px rgba(251, 146, 60, 0.5)); transition: stroke-dashoffset 0.8s ease; }
.dash-ring-label { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.dash-ring-pct {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.8px;
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dash-ring-sub { font-size: 10px; color: var(--ink-3); margin-top: -2px; font-weight: 700; }
.dash-perf-list { flex: 1; display: flex; flex-direction: column; gap: 8px; }
.dash-perf-row { display: flex; justify-content: space-between; align-items: center; font-size: 12px; padding: 4px 0; }
.dash-perf-row-label { color: var(--ink-2); }
.dash-perf-row-val {
  font-weight: 700;
  color: var(--ink);
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 14px;
}

/* === TIMELINE === */
.dash-timeline { display: flex; flex-direction: column; gap: 14px; }
.dash-tl-item { display: flex; gap: 14px; }
.dash-tl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--acc);
  flex-shrink: 0;
  margin-top: 5px;
  box-shadow: 0 0 0 4px rgba(251, 146, 60, 0.13), 0 0 14px rgba(251, 146, 60, 0.4);
}
.dash-tl-dot[data-tone="suc"]  { background: var(--suc);  box-shadow: 0 0 0 4px rgba(132, 204, 22, 0.13), 0 0 14px rgba(132, 204, 22, 0.4); }
.dash-tl-dot[data-tone="inf"]  { background: var(--inf);  box-shadow: 0 0 0 4px rgba(56, 189, 248, 0.13), 0 0 14px rgba(56, 189, 248, 0.4); }
.dash-tl-dot[data-tone="warn"] { background: var(--warn); box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.13), 0 0 14px rgba(245, 158, 11, 0.4); }
.dash-tl-dot[data-tone="dgr"]  { background: var(--dgr);  box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.13), 0 0 14px rgba(244, 63, 94, 0.4); }
.dash-tl-body { flex: 1; }
.dash-tl-text { font-size: 13px; color: var(--ink); line-height: 1.5; }
.dash-tl-text b { font-weight: 700; }
.dash-tl-time { font-size: 11px; color: var(--ink-3); margin-top: 2px; font-style: italic; }

/* === TOPBAR (dashboard üst meta strip) === */
.dash-topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-top: 24px;
}
.dash-topbar-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: var(--ink-3);
  font-weight: 500;
}
.dash-topbar-meta-dot { color: var(--ink-4); }

/* ============================================================
   MARKA CANAVARI — Günlük Drop Sayfası (22 May 2026)
   ============================================================
   currentNav==='brands' sayfası için. D-P3 glass card stiliyle uyumlu.
   ============================================================ */

.mc-page {
  padding: 0 32px 56px;
  max-width: 920px;
  margin: 0 auto;
}

/* === HERO BAŞLIĞI === */
.mc-hero {
  text-align: center;
  padding: 32px 24px 24px;
}
.mc-hero-emoji {
  font-size: 64px;
  line-height: 1;
  margin-bottom: 12px;
  filter: drop-shadow(0 6px 18px rgba(255, 107, 53, 0.35));
  display: inline-block;
  animation: mc-bounce 3s ease-in-out infinite;
}
@keyframes mc-bounce {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50%      { transform: translateY(-6px) rotate(3deg); }
}
.mc-hero-title {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 42px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1.1;
  margin: 0 0 8px;
  color: var(--ink);
}
.mc-hero-title em {
  font-style: italic;
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mc-hero-sub {
  font-size: 14px;
  color: var(--ink-2);
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.6;
}

/* === MARKA KARTI (büyük, ortalanmış) === */
.mc-brand-card {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.10), rgba(236, 72, 153, 0.05));
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 107, 53, 0.25);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
}
.mc-brand-card::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -10%;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(255, 107, 53, 0.18), transparent 65%);
  border-radius: 50%;
  pointer-events: none;
}
.mc-brand-card::after {
  content: '';
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 320px;
  height: 320px;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.10), transparent 65%);
  border-radius: 50%;
  pointer-events: none;
}

.mc-brand-content {
  position: relative;
  z-index: 1;
}

.mc-brand-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, var(--flame), var(--acc-2));
  color: #1a0e08;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.8px;
  margin-bottom: 18px;
  box-shadow: 0 4px 16px rgba(255, 107, 53, 0.35);
}

.mc-brand-head {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 18px;
}

.mc-brand-logo {
  width: 72px;
  height: 72px;
  border-radius: 16px;
  background: var(--bg-card);
  border: 1px solid var(--rule);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  flex-shrink: 0;
  overflow: hidden;
}
.mc-brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mc-brand-name-block { flex: 1; min-width: 0; }
.mc-brand-name {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 34px;
  font-weight: 400;
  letter-spacing: -0.8px;
  line-height: 1.1;
  margin: 0 0 6px;
  color: var(--ink);
  word-break: break-word;
}
.mc-brand-category {
  display: inline-block;
  background: var(--acc-soft);
  color: var(--acc-2);
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.2px;
}

.mc-brand-desc {
  font-size: 14px;
  color: var(--ink-2);
  line-height: 1.65;
  margin: 0 0 20px;
}

/* === İLETİŞİM BİLGİLERİ === */
.mc-contact-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.mc-contact-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--bg-soft);
  border: 1px solid var(--rule);
  border-radius: 10px;
}
.mc-contact-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: var(--acc-soft);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
  color: var(--acc-2);
}
.mc-contact-body { flex: 1; min-width: 0; }
.mc-contact-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--ink-3);
  letter-spacing: 0.6px;
  margin-bottom: 2px;
}
.mc-contact-val {
  font-size: 14px;
  color: var(--ink);
  font-weight: 600;
  word-break: break-word;
}
.mc-contact-val a {
  color: var(--acc-2);
  text-decoration: none;
}
.mc-contact-val a:hover { text-decoration: underline; }

/* === AKSİYON BUTONLARI === */
.mc-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.mc-btn {
  padding: 14px 22px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 180ms;
}
.mc-btn:hover { transform: translateY(-2px); }
.mc-btn[data-tone="primary"] {
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  color: #1a0e08;
  box-shadow: 0 6px 20px rgba(251, 146, 60, 0.35);
}
.mc-btn[data-tone="primary"]:hover { box-shadow: 0 10px 28px rgba(251, 146, 60, 0.45); }
.mc-btn[data-tone="secondary"] {
  background: var(--bg-card);
  border: 1px solid var(--rule-strong);
  color: var(--ink);
}
.mc-btn[data-tone="secondary"]:hover { background: var(--bg-card-hover); }
.mc-btn-skip {
  margin-top: 4px;
  padding: 10px 20px;
  background: transparent;
  border: 1px dashed var(--rule);
  color: var(--ink-3);
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  width: 100%;
  transition: all 150ms;
}
.mc-btn-skip:hover { color: var(--ink-2); border-color: var(--rule-strong); }

/* === DONE STATE — bugünün markası işlendi === */
.mc-done-card {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--rule);
  border-radius: 18px;
  padding: 32px 28px;
  text-align: center;
  margin-bottom: 20px;
}
.mc-done-emoji {
  font-size: 48px;
  margin-bottom: 12px;
  display: inline-block;
}
.mc-done-title {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.4px;
  color: var(--ink);
  margin: 0 0 8px;
}
.mc-done-sub {
  font-size: 14px;
  color: var(--ink-2);
  margin: 0 0 18px;
  line-height: 1.6;
}
.mc-done-brand-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--acc-soft);
  border: 1px solid rgba(251, 146, 60, 0.25);
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 13px;
  color: var(--acc-2);
  font-weight: 600;
}

/* === EMPTY STATE — havuzda hiçbir marka yok / tüm görüldü === */
.mc-empty-card {
  background: var(--bg-card);
  backdrop-filter: blur(20px);
  border: 1px solid var(--rule);
  border-radius: 18px;
  padding: 56px 32px;
  text-align: center;
}
.mc-empty-emoji {
  font-size: 72px;
  margin-bottom: 14px;
  filter: drop-shadow(0 4px 12px rgba(255, 107, 53, 0.25));
}
.mc-empty-title {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 28px;
  font-weight: 400;
  letter-spacing: -0.5px;
  color: var(--ink);
  margin: 0 0 10px;
}
.mc-empty-sub {
  font-size: 14px;
  color: var(--ink-3);
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.6;
}

/* === ELITE GATE — paket gerektirir === */
.mc-gate-card {
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.13), rgba(236, 72, 153, 0.06));
  backdrop-filter: blur(24px);
  border: 1px solid rgba(255, 107, 53, 0.30);
  border-radius: 20px;
  padding: 56px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.mc-gate-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 30% 50%, rgba(251, 191, 36, 0.10), transparent 60%),
    radial-gradient(circle at 70% 80%, rgba(255, 107, 53, 0.12), transparent 60%);
  pointer-events: none;
}
.mc-gate-content { position: relative; z-index: 1; }
.mc-gate-emoji {
  font-size: 72px;
  margin-bottom: 14px;
  filter: drop-shadow(0 4px 12px rgba(255, 107, 53, 0.35));
}
.mc-gate-title {
  font-family: 'Instrument Serif', 'Charter', Georgia, serif;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.6px;
  color: var(--ink);
  margin: 0 0 8px;
}
.mc-gate-title em {
  font-style: italic;
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.mc-gate-badge {
  display: inline-block;
  padding: 6px 14px;
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  color: #1a0e08;
  border-radius: 999px;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 18px;
}
.mc-gate-desc {
  font-size: 14px;
  color: var(--ink-2);
  max-width: 540px;
  margin: 0 auto 24px;
  line-height: 1.7;
}
.mc-gate-features {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.mc-gate-feature {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: var(--bg-card);
  border: 1px solid var(--rule);
  border-radius: 999px;
  font-size: 12px;
  color: var(--ink-2);
  font-weight: 600;
}
.mc-gate-cta {
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  color: #1a0e08;
  padding: 12px 28px;
  border: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 8px 24px rgba(251, 146, 60, 0.35);
}
.mc-gate-cta:hover { transform: translateY(-2px); filter: brightness(1.05); }

/* === LOADING / ERROR === */
.mc-loading {
  text-align: center;
  padding: 60px 20px;
  color: var(--ink-3);
  font-size: 14px;
}
.mc-error {
  background: var(--dgr-soft);
  border: 1px solid rgba(244, 63, 94, 0.25);
  color: var(--dgr);
  padding: 18px 22px;
  border-radius: 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
}

/* === RESPONSIVE === */
@media (max-width: 640px) {
  .mc-page { padding: 0 16px 40px; }
  .mc-brand-head { flex-direction: column; align-items: flex-start; gap: 14px; }
  .mc-brand-name { font-size: 28px; }
  .mc-actions { grid-template-columns: 1fr; }
}

/* ============================================================
   ROADMAP CARDS — 12 AŞAMA YOLU (22 May 2026)
   ============================================================
   Önceden .roadmap-card için temel CSS yoktu, sadece
   [data-theme="night"] override'ı vardı. Yeni aşama seçildiğinde
   kartlar beyaz görünüyordu çünkü inline `border-color: stage.color`
   tek başına yetmiyordu; arka plan/text rengi ayarlanmamıştı.
   Bu blok kartlara baseline glass + ember vurgusu veriyor.
   ============================================================ */

.roadmap-scroll {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
  margin: 18px 0 22px;
}

.roadmap-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 6px;
  padding: 16px 12px 18px;
  background: var(--bg-card);
  border: 1px solid var(--rule);
  border-radius: 14px;
  color: var(--ink);
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  min-height: 158px;
}
.roadmap-card:hover {
  transform: translateY(-2px);
  border-color: rgba(251, 146, 60, 0.45);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.roadmap-card-number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, var(--acc), var(--acc-2));
  box-shadow: 0 4px 14px rgba(255, 107, 53, 0.30);
}
.roadmap-card-icon {
  font-size: 28px;
  line-height: 1;
  margin-top: 4px;
}
.roadmap-card-title {
  font-size: 13px;
  font-weight: 700;
  color: var(--ink);
  line-height: 1.25;
  margin-top: 2px;
}
.roadmap-card-duration {
  font-size: 11px;
  font-weight: 600;
  color: var(--ink-2);
  margin-top: 1px;
}
.roadmap-card-date {
  font-size: 10px;
  font-weight: 600;
  color: var(--ink-3);
  margin-top: 2px;
}
.roadmap-card-check {
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 14px;
  font-weight: 800;
  color: var(--suc);
}
.roadmap-card-badge {
  margin-top: 4px;
  padding: 3px 10px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--flame), var(--acc-2));
  color: #1a0e08;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.40);
}

/* === CURRENT — aktif aşama (ember vurgu) === */
.roadmap-card.current {
  background: linear-gradient(160deg, rgba(255, 107, 53, 0.18), rgba(251, 191, 36, 0.06));
  border-color: rgba(255, 107, 53, 0.55) !important;
  box-shadow:
    0 0 0 1px rgba(255, 107, 53, 0.20),
    0 14px 36px rgba(255, 107, 53, 0.18);
}
.roadmap-card.current .roadmap-card-title { color: var(--ink); }
.roadmap-card.current .roadmap-card-duration { color: var(--acc-2); }

/* === COMPLETED — bitmiş aşama (yumuşak success ton) === */
.roadmap-card.completed {
  background: linear-gradient(160deg, rgba(132, 204, 22, 0.10), rgba(255, 255, 255, 0.02));
  border-color: rgba(132, 204, 22, 0.30) !important;
  opacity: 0.92;
}
.roadmap-card.completed .roadmap-card-title { color: var(--ink-2); }
.roadmap-card.completed .roadmap-card-number {
  background: linear-gradient(135deg, var(--suc), #65a30d) !important;
  box-shadow: 0 4px 12px rgba(132, 204, 22, 0.25);
}

/* night override eskiden geliyordu — kuralı baseline'a aldık, override'ı no-op et */
[data-theme="night"] .roadmap-card {
  background: var(--bg-card) !important;
  border-color: var(--rule) !important;
  color: var(--ink) !important;
}
[data-theme="night"] .roadmap-card.current {
  background: linear-gradient(160deg, rgba(255, 107, 53, 0.18), rgba(251, 191, 36, 0.06)) !important;
  border-color: rgba(255, 107, 53, 0.55) !important;
}
[data-theme="night"] .roadmap-card.completed {
  background: linear-gradient(160deg, rgba(132, 204, 22, 0.10), rgba(255, 255, 255, 0.02)) !important;
  border-color: rgba(132, 204, 22, 0.30) !important;
}
[data-theme="night"] .roadmap-card * { color: inherit; }
[data-theme="night"] .roadmap-card-title { color: var(--ink) !important; }
[data-theme="night"] .roadmap-card-duration { color: var(--ink-2) !important; }
[data-theme="night"] .roadmap-card.current .roadmap-card-duration { color: var(--acc-2) !important; }

@media (max-width: 640px) {
  .roadmap-scroll {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .roadmap-card { min-height: 140px; padding: 12px 10px 14px; }
  .roadmap-card-icon { font-size: 24px; }
}

/* ============================================================
   HOSTINGER MAIL BODY — BEYAZ KART KORUNUR (22 May 2026)
   ============================================================
   Yukarıdaki night-mode text-boost ve mail-center override'ları,
   inline style="background:#ffffff" ve "color:#1f2937" değerlerini
   ezerek mail body kartını okunmaz yapıyordu (beyaz üzerine beyaz).
   Bu override en sona konuldu — selector daha spesifik:
   `html body .hostinger-mail-body` (0,1,2) vs CSS-attribute (0,2,0).
   Eşit ama source-order'da SON olduğu için kazanır + !important ile garanti.
   ============================================================ */

html body .hostinger-mail-body,
html body .hostinger-mail-body * {
  background-color: #ffffff !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}
html body .hostinger-mail-body {
  border: 1px solid var(--ink-2) !important;
  border-radius: 10px !important;
  padding: 20px !important;
  line-height: 1.75 !important;
}

/* Compose textarea (yanıt yazma kutusu) — Hostinger beyaz alan */
html body textarea.hostinger-compose,
html body .hostinger-compose textarea {
  background-color: #ffffff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}
html body textarea.hostinger-compose::placeholder,
html body .hostinger-compose textarea::placeholder {
  color: var(--ink-3) !important;
  -webkit-text-fill-color: var(--ink-3) !important;
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Hostinger-tarzı mail action toolbar
   Top: Yanıtla / Tümünü Yanıtla / Yönlendir / AI / Spam / Sil
   ═══════════════════════════════════════════════════════════ */
.hostinger-actions {
  align-items: center;
}
.hostinger-action-btn {
  white-space: nowrap;
  user-select: none;
}
.hostinger-action-btn:active {
  transform: translateY(1px);
}

/* Hostinger-tarzı 3-sütun split-view scroll davranışı: her panel kendi içinde scroll, dış scroll sıkı */
[data-mail-row] {
  /* Hostinger row tightness — mevcut paddingleri ezme */
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Hostinger nötr-charcoal palette override
   Mail Merkezi bölümünde slate-blue tonları yerine nötr gri.
   ═══════════════════════════════════════════════════════════ */
html:not([data-palette]) body .bw-mail-center {
  background: #0a0d12 !important;
}
/* Palet seçiliyse Mail Merkezi de temanın zeminini kullanır */
html[data-palette] body .bw-mail-center {
  background: var(--bg) !important;
  color: var(--ink) !important;
}
html body .bw-mail-center .mc-mail-row:hover {
  background: rgba(255,255,255,0.03) !important;
}
html body .bw-mail-center .mc-mail-row.mc-mail-row-selected {
  background: rgba(255,255,255,0.06) !important;
}
html body .bw-mail-center .mc-mail-row.mc-mail-row-checked {
  background: rgba(124,58,237,0.14) !important;
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Stage detail panel defensive dark override
   Yol haritası aşama seçimi sonrası gelen adım/görev listesi
   night-mode text-boost yüzünden beyaz görünüyordu — fix.
   ═══════════════════════════════════════════════════════════ */
html body .stage-detail-panel,
html body .stage-detail-body {
  background: #11151c !important;
  color: var(--ink) !important;
}
html body .stage-detail-panel .stage-detail-text,
html body .stage-detail-panel .stage-detail-label {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
}
html body .stage-detail-panel .stage-detail-label {
  color: var(--ink-3) !important;
  -webkit-text-fill-color: var(--ink-3) !important;
}
html body .stage-detail-panel .stage-detail-section {
  border-bottom: 1px solid #1f2330 !important;
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Marka Canavarı story-driven açıklama (Alt 1)
   Gate & Hero için 3-cümlelik hikaye yapısı
   ═══════════════════════════════════════════════════════════ */
html body .mc-gate-story,
html body .mc-hero-story {
  margin: 18px 0 22px;
  max-width: 560px;
  text-align: center;
}
html body .mc-gate-story-line,
html body .mc-hero-story-line {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink-2) !important;
  -webkit-text-fill-color: var(--ink-2) !important;
  margin: 0 0 12px;
}
html body .mc-gate-story-line:last-child,
html body .mc-hero-story-line:last-child {
  margin-bottom: 0;
}
html body .mc-gate-story-line strong,
html body .mc-hero-story-line strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-weight: 700;
}
html body .mc-hero-story {
  margin-top: 14px;
}
html body .mc-hero-story-line {
  font-size: 14px;
  color: var(--ink-3) !important;
  -webkit-text-fill-color: var(--ink-3) !important;
}
html body .mc-hero-story-line:first-child {
  font-size: 16px;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Marka Canavarı welcome memo (ilk açılış karşılama)
   ═══════════════════════════════════════════════════════════ */
html body .mc-welcome-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(8px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  animation: mc-welcome-fade-in 0.25s ease;
}
@keyframes mc-welcome-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes mc-welcome-slide-up {
  from { opacity: 0; transform: translateY(20px) scale(0.96); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
html body .mc-welcome-card {
  position: relative;
  background: linear-gradient(135deg, #11151c 0%, #1a1f2b 100%) !important;
  border: 1px solid #2a3344 !important;
  border-radius: 20px;
  padding: 48px 40px 36px;
  max-width: 540px;
  width: 100%;
  text-align: center;
  color: var(--ink) !important;
  box-shadow: 0 25px 60px rgba(124,58,237,0.20), 0 0 0 1px rgba(168,85,247,0.15);
  animation: mc-welcome-slide-up 0.35s cubic-bezier(0.22,1,0.36,1);
}
html body .mc-welcome-close {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid #2a3344;
  background: transparent;
  color: var(--ink-3) !important;
  cursor: pointer;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s;
}
html body .mc-welcome-close:hover {
  background: #2a3344;
  color: var(--ink) !important;
}
html body .mc-welcome-emoji {
  font-size: 56px;
  margin-bottom: 12px;
  animation: mc-emoji-bounce 1.2s ease-out;
}
@keyframes mc-emoji-bounce {
  0% { transform: scale(0.3); opacity: 0; }
  50% { transform: scale(1.15); }
  100% { transform: scale(1); opacity: 1; }
}
html body .mc-welcome-brand {
  font-size: 12px;
  font-weight: 700;
  color: #a78bfa !important;
  -webkit-text-fill-color: #a78bfa !important;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
html body .mc-welcome-title {
  font-size: 24px;
  font-weight: 800;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1.3;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
}
html body .mc-welcome-body {
  text-align: left;
  margin-bottom: 28px;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}
html body .mc-welcome-body p {
  font-size: 14.5px;
  line-height: 1.65;
  color: var(--ink-2) !important;
  -webkit-text-fill-color: var(--ink-2) !important;
  margin: 0 0 14px;
}
html body .mc-welcome-body p:last-child {
  margin-bottom: 0;
}
html body .mc-welcome-body strong {
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  font-weight: 700;
}
html body .mc-welcome-cta {
  background: linear-gradient(135deg, #7c3aed, #a855f7) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: none;
  border-radius: 12px;
  padding: 14px 28px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  letter-spacing: 0.3px;
  box-shadow: 0 6px 20px rgba(124,58,237,0.45);
  transition: all 0.2s;
}
html body .mc-welcome-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(124,58,237,0.55);
}
html body .mc-welcome-cta:active {
  transform: translateY(0);
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Marka Canavarı sidebar nav-item glow effect
   Mor pulse halo + shimmer sweep + emoji breath + ELITE badge
   ═══════════════════════════════════════════════════════════ */
@keyframes mc-nav-pulse {
  0%, 100% {
    box-shadow:
      inset 0 0 0 1px rgba(168,85,247,0.30),
      0 0 18px rgba(168,85,247,0.18),
      0 0 0 0 rgba(168,85,247,0.40);
  }
  50% {
    box-shadow:
      inset 0 0 0 1px rgba(168,85,247,0.55),
      0 0 28px rgba(168,85,247,0.42),
      0 0 0 4px rgba(168,85,247,0.05);
  }
}
@keyframes mc-nav-shimmer-sweep {
  0% { transform: translateX(-100%) skewX(-20deg); opacity: 0; }
  15% { opacity: 1; }
  60% { opacity: 1; }
  100% { transform: translateX(220%) skewX(-20deg); opacity: 0; }
}
@keyframes mc-nav-emoji-breath {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.15) rotate(-4deg); }
}
@keyframes mc-nav-badge-pulse {
  0%, 100% {
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    box-shadow: 0 0 6px rgba(168,85,247,0.5);
  }
  50% {
    background: linear-gradient(135deg, #a855f7, #d946ef);
    box-shadow: 0 0 14px rgba(217,70,239,0.7);
  }
}

html body .nav-item.mc-nav-glow {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(124,58,237,0.12) 0%, rgba(168,85,247,0.06) 100%) !important;
  border-radius: 10px;
  animation: mc-nav-pulse 2.4s ease-in-out infinite;
  transition: transform 0.18s ease, background 0.18s ease;
}
html body .nav-item.mc-nav-glow:hover {
  background: linear-gradient(135deg, rgba(124,58,237,0.22) 0%, rgba(168,85,247,0.14) 100%) !important;
  transform: translateX(2px);
}
html body .nav-item.mc-nav-glow.active {
  background: linear-gradient(135deg, rgba(124,58,237,0.30) 0%, rgba(168,85,247,0.18) 100%) !important;
  animation: mc-nav-pulse 2s ease-in-out infinite;
}

html body .nav-item.mc-nav-glow .mc-nav-icon {
  display: inline-block;
  animation: mc-nav-emoji-breath 2.6s ease-in-out infinite;
  filter: drop-shadow(0 0 4px rgba(168,85,247,0.5));
  font-size: 17px;
}
html body .nav-item.mc-nav-glow .mc-nav-label {
  background: linear-gradient(135deg, #ffffff 0%, #e9d5ff 50%, #ffffff 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-weight: 700 !important;
  animation: mc-nav-shimmer-text 3.5s ease-in-out infinite;
}
@keyframes mc-nav-shimmer-text {
  0%, 100% { background-position: 0% center; }
  50% { background-position: 200% center; }
}

html body .nav-item.mc-nav-glow .mc-nav-badge {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 1.2px;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 0 6px rgba(0,0,0,0.4);
  animation: mc-nav-badge-pulse 1.8s ease-in-out infinite;
  flex-shrink: 0;
}

/* Shimmer sweep — ışık huzmesi nav-item'in üstünden geçer */
html body .nav-item.mc-nav-glow .mc-nav-shimmer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40%;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(255,255,255,0.10) 50%,
    transparent 100%);
  pointer-events: none;
  animation: mc-nav-shimmer-sweep 3.2s ease-in-out infinite;
  animation-delay: 0.8s;
}

/* Reduce motion preference — kullanıcı isteğine saygı */
@media (prefers-reduced-motion: reduce) {
  html body .nav-item.mc-nav-glow,
  html body .nav-item.mc-nav-glow .mc-nav-icon,
  html body .nav-item.mc-nav-glow .mc-nav-label,
  html body .nav-item.mc-nav-glow .mc-nav-badge,
  html body .nav-item.mc-nav-glow .mc-nav-shimmer {
    animation: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Hostinger pixel-perfect rötuşlar
   Mail row star button: hover'da görünür
   ═══════════════════════════════════════════════════════════ */
html body .mc-mail-row:hover .mc-row-star {
  opacity: 1 !important;
}
html body .mc-row-star[data-starred="true"] {
  opacity: 1 !important;
}
html body .mc-mail-row .mc-row-star:hover {
  color: var(--ink-3) !important;
}
html body .mc-mail-row .mc-row-star[data-starred="true"]:hover {
  color: #f59e0b !important;
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — HOSTINGER PARITY: unread row'daki turuncu
   border + parlak şerit + BG renkleri tamamen kaldırıldı.
   Hostinger'da unread sadece: bold yazı + mor nokta + okunmamış
   sender ismi beyaz. Hepsi diğer kurallarla zaten sağlanıyor.
   ═══════════════════════════════════════════════════════════ */
html body .bw-mail-center .mc-mail-row-unread {
  background: transparent !important;
  border-left: none !important;
  padding-left: 24px !important;
}
html body .bw-mail-center .mc-mail-row-unread::before {
  display: none !important;
  content: none !important;
}
html body .bw-mail-center .mc-mail-row-unread:hover {
  background: rgba(255,255,255,0.03) !important;
}
html body .bw-mail-center .mc-mail-row-unread.mc-mail-row-selected {
  background: rgba(255,255,255,0.06) !important;
  border-left: none !important;
}
html body .bw-mail-center .mc-mail-row-unread.mc-mail-row-checked {
  background: rgba(124,58,237,0.14) !important;
  border-left: none !important;
}
html body .bw-mail-center .mc-mail-row-unread * {
  filter: none !important;
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — HOSTINGER MAIL BODY (V2): dark theme
   Eski beyaz BG + zorla koyu yazı kuralı, mail HTML'inin kendi
   renklerini (mavi link, italic blue imza, vb.) override ediyordu.
   Şimdi: dark BG + mail'in kendi renkleri korunur.
   ═══════════════════════════════════════════════════════════ */
html body .hostinger-mail-body {
  background-color: #1a1a24 !important;
  background: #1a1a24 !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  border: 1px solid #25252f !important;
  border-radius: 12px !important;
  padding: 24px !important;
  line-height: 1.6 !important;
  font-size: 14px !important;
  overflow-x: auto;
}
/* Mail'in kendi inline renklerine müdahale ETME — sadece UNUTULAN child'lara
   default açık-gri renk ver. !important YOK ki mail'in renk vermesi durumunda
   o renk kazansın. */
html body .hostinger-mail-body * {
  color: inherit;
  background-color: transparent;
  -webkit-text-fill-color: inherit;
  max-width: 100%;
}
/* Link rengini override et — dark theme'de mavi link okunur */
html body .hostinger-mail-body a {
  color: #60a5fa !important;
  -webkit-text-fill-color: #60a5fa !important;
  text-decoration: underline;
  word-break: break-all;
}
html body .hostinger-mail-body a:hover {
  color: #93c5fd !important;
}
/* Image — taşmasın, responsive */
html body .hostinger-mail-body img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 6px;
  display: inline-block;
}
/* Table — taşmasın */
html body .hostinger-mail-body table {
  max-width: 100% !important;
  border-collapse: collapse;
}
html body .hostinger-mail-body td,
html body .hostinger-mail-body th {
  padding: 4px 6px;
  border-color: #25252f;
}
/* Code block */
html body .hostinger-mail-body code,
html body .hostinger-mail-body pre {
  background: #0d1015 !important;
  color: var(--ink) !important;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.92em;
}
html body .hostinger-mail-body pre {
  padding: 12px;
  overflow-x: auto;
}
/* Blockquote (forwarded mail) */
html body .hostinger-mail-body blockquote {
  border-left: 3px solid #3a3a4a;
  padding-left: 12px;
  margin: 10px 0;
  color: var(--ink-3) !important;
}
/* Compose textarea (yanıt yazma) DARK'a çevriliyor — Hostinger gibi */
html body textarea.hostinger-compose,
html body .hostinger-compose textarea {
  background-color: #1a1a24 !important;
  color: var(--ink) !important;
  -webkit-text-fill-color: var(--ink) !important;
  border: 1px solid #25252f !important;
}
html body textarea.hostinger-compose::placeholder,
html body .hostinger-compose textarea::placeholder {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
}

/* ═══════════════════════════════════════════════════════════
   22 May 2026 — Marka Keşif: Marka Canavarı kaynağı rozet
   ═══════════════════════════════════════════════════════════ */
@keyframes mc-source-badge-glow {
  0%, 100% { box-shadow: 0 0 8px rgba(168,85,247,0.40); }
  50%      { box-shadow: 0 0 18px rgba(168,85,247,0.75); }
}
html body .mc-source-badge {
  animation: mc-source-badge-glow 2.2s ease-in-out infinite;
}

/* ═══════════════════════════════════════════════════════════
   23 May 2026 — Marka Canavarı Disclaimer Memo
   ═══════════════════════════════════════════════════════════ */
.mc-disclaimer {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin: 18px auto 24px;
  max-width: 880px;
  padding: 16px 20px;
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.08) 0%, rgba(217, 119, 6, 0.04) 100%);
  border: 1px solid rgba(251, 191, 36, 0.28);
  border-left: 4px solid #fbbf24;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(217, 119, 6, 0.10);
}
.mc-disclaimer-icon {
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.mc-disclaimer-body {
  flex: 1;
  min-width: 0;
}
.mc-disclaimer-title {
  font-size: 13px;
  font-weight: 800;
  color: #fbbf24;
  letter-spacing: 0.3px;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.mc-disclaimer-body p {
  font-size: 13.5px;
  line-height: 1.65;
  color: var(--ink-2);
  margin: 0;
}
.mc-disclaimer-body p strong {
  color: #fef3c7;
  font-weight: 700;
}

/* Welcome memo içindeki disclaimer kutusu */
.mc-welcome-disclaimer {
  margin-top: 18px;
  padding: 14px 16px;
  background: rgba(251, 191, 36, 0.08);
  border: 1px solid rgba(251, 191, 36, 0.30);
  border-left: 3px solid #fbbf24;
  border-radius: 10px;
}
.mc-welcome-disclaimer-title {
  font-size: 12px;
  font-weight: 800;
  color: #fbbf24;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
.mc-welcome-disclaimer p {
  font-size: 13px;
  line-height: 1.6;
  color: var(--ink-2);
  margin: 0 0 8px;
}
.mc-welcome-disclaimer p:last-child {
  margin-bottom: 0;
}
.mc-welcome-disclaimer p strong {
  color: #fef3c7;
  font-weight: 700;
}

/* ═══════════════════════════════════════════════════════════
   23 May 2026 — Dashboard YouTube yeni video CTA
   ═══════════════════════════════════════════════════════════ */
.dash-youtube-cta {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  margin: 18px 0 22px;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(220, 38, 38, 0.04) 100%);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-left: 4px solid #ef4444;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .2s ease, border-color .2s ease;
}
.dash-youtube-cta:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(239, 68, 68, 0.18);
  border-color: rgba(239, 68, 68, 0.45);
}
.dash-youtube-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #ff0000;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(239, 68, 68, 0.30);
}
.dash-youtube-body {
  flex: 1;
  min-width: 0;
}
.dash-youtube-title {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 3px;
}
.dash-youtube-sub {
  font-size: 12px;
  color: var(--ink-3);
  font-weight: 500;
}
.dash-youtube-cta-pill {
  flex-shrink: 0;
  padding: 7px 14px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  border-radius: 999px;
  letter-spacing: 0.3px;
  box-shadow: 0 2px 8px rgba(220, 38, 38, 0.35);
}
@media (max-width: 640px) {
  .dash-youtube-cta { padding: 12px 14px; gap: 10px; }
  .dash-youtube-icon { width: 36px; height: 36px; }
  .dash-youtube-title { font-size: 13px; }
  .dash-youtube-sub { font-size: 11px; }
  .dash-youtube-cta-pill { padding: 6px 10px; font-size: 11px; }
}

/* ═══════════════════════════════════════════════════════════
   23 May 2026 — Sidebar Finance external link
   ═══════════════════════════════════════════════════════════ */
.nav-item.nav-external {
  position: relative;
}
.nav-item.nav-external .nav-external-badge {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 10px;
  color: var(--ink-3);
  font-weight: 600;
  letter-spacing: 0.5px;
}
.nav-item.nav-finance .nav-icon {
  color: #10b981;
}

/* ═══════════════════════════════════════════════════════════
   10 Haz 2026 — MAIL OKUMA: TEK PARÇA BEYAZ SHEET (Hostinger)
   Koyu app çerçevesi üstünde tek beyaz kart. Eski FORCED-DARK +
   .hostinger-mail-body koyu-navy + linear-gradient→siyah override'ları
   sheet içinde EZİLİR (max specificity: html body .bw-mail-center .bw-reading-sheet).
   HTML e-posta gövdesi ARTIK IFRAME'de izole render olduğu için bu
   override'lardan hiç etkilenmez (siyah blok sorunu bitti).
   ═══════════════════════════════════════════════════════════ */
html body .bw-mail-center .bw-reading-sheet {
  background: #ffffff !important;
  color: #1f2937 !important;
  border-radius: 12px !important;
  padding: 24px 36px 32px !important;
  margin: 8px 0 0 !important;            /* sola yaslı, ortalama YOK (Hostinger gibi) */
  max-width: none !important;            /* tam genişlik */
  width: 100% !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.12) !important;
  box-sizing: border-box;
}
/* Açık-renk inline yazılı elemanlara global auto-palette'in verdiği KOYU BANDI öldür
   (kaynak: [style*="#f1f5f9"]{background:var(--bg-soft)!important}). Subject/sender bandı bu. */
html body .bw-mail-center .bw-reading-sheet [style*="#f1f5f9"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(241, 245, 249)"],
html body .bw-mail-center .bw-reading-sheet [style*="#e2e8f0"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(226, 232, 240)"],
html body .bw-mail-center .bw-reading-sheet [style*="#cbd5e1"],
html body .bw-mail-center .bw-reading-sheet [style*="#94a3b8"],
html body .bw-mail-center .bw-reading-sheet [style*="#64748b"] {
  background: transparent !important;
  background-color: transparent !important;
}
/* Sheet içindeki TÜM konteyner zeminleri beyaz/çok-açık — koyu bleed'i bitir.
   (iframe hariç; iframe kendi beyaz dünyası.) */
html body .bw-mail-center .bw-reading-sheet,
html body .bw-mail-center .bw-reading-sheet > div,
html body .bw-mail-center .bw-reading-sheet > div > div {
  background-color: #ffffff !important;
}
/* Düz metin gövde kutusu (HTML olmayan mail) — eski koyu-navy kuralını ez */
html body .bw-mail-center .bw-reading-sheet .hostinger-mail-body,
html body .bw-mail-center .bw-reading-sheet .hostinger-mail-body * {
  background: transparent !important;
  background-color: transparent !important;
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  border-color: #e5e7eb !important;
}
html body .bw-mail-center .bw-reading-sheet .hostinger-mail-body {
  border: none !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
html body .bw-mail-center .bw-reading-sheet .hostinger-mail-body a {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}
/* Açık-gri (koyu-tema) inline yazıları → beyaz üstünde okunur koyu tonlar */
html body .bw-mail-center .bw-reading-sheet [style*="#f1f5f9"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(241, 245, 249)"] { color: #111827 !important; }
html body .bw-mail-center .bw-reading-sheet [style*="#e2e8f0"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(226, 232, 240)"] { color: #1f2937 !important; }
html body .bw-mail-center .bw-reading-sheet [style*="#cbd5e1"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(203, 213, 225)"] { color: #374151 !important; }
html body .bw-mail-center .bw-reading-sheet [style*="#94a3b8"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(148, 163, 184)"] { color: #6b7280 !important; }
html body .bw-mail-center .bw-reading-sheet [style*="#64748b"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(100, 116, 139)"] { color: #6b7280 !important; }
html body .bw-mail-center .bw-reading-sheet [style*="#475569"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(71, 85, 105)"] { color: #9ca3af !important; }
/* Koyu kart/banner zeminleri (ekler, önceki mesajlar) → çok açık gri */
html body .bw-mail-center .bw-reading-sheet [style*="#0a0f1c"],
html body .bw-mail-center .bw-reading-sheet [style*="#0a0408"],
html body .bw-mail-center .bw-reading-sheet [style*="#0f172a"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(15, 23, 42)"],
html body .bw-mail-center .bw-reading-sheet [style*="#1e293b"],
html body .bw-mail-center .bw-reading-sheet [style*="rgb(30, 41, 59)"] {
  background-color: #f7f8fa !important;
  border-color: #e5e7eb !important;
}
/* Ayraç/çizgi renkleri */
html body .bw-mail-center .bw-reading-sheet [style*="1px solid #1e293b"],
html body .bw-mail-center .bw-reading-sheet [style*="1px solid #334155"],
html body .bw-mail-center .bw-reading-sheet [style*="1px solid #475569"] { border-color: #e5e7eb !important; }
/* Konu başlığı 19px */
html body .bw-mail-center .bw-reading-sheet > div:first-child > div:first-child { font-size: 19px !important; }
/* ── Aksiyon butonları (Hostinger): genel .bw-mail-center button forced-dark'ı sheet içinde ez ── */
/* İkincil (Tümünü Yanıtla, Yönlendir) — beyaz/outline */
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn[style*="#1e293b"] {
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  color: #374151 !important;
}
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn[style*="#1e293b"]:hover {
  background: #f3f4f6 !important;
  border-color: var(--ink-3) !important;
  color: #111827 !important;
}
/* Primary "Yanıtla" — mavi dolu */
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn.hostinger-action-primary,
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn[style*="#2563eb"] {
  background: #2563eb !important;
  border: 1px solid #2563eb !important;
  color: #ffffff !important;
}
/* AI Öner — mor */
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn[style*="linear-gradient"],
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn[style*="7c3aed"] {
  background: #7c3aed !important;
  color: #ffffff !important;
  border: 1px solid #7c3aed !important;
}
/* Spam Bildir — amber outline */
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn[style*="#f59e0b"] {
  background: #fff7ed !important;
  color: #b45309 !important;
  border: 1px solid #fcd34d !important;
}
/* Sil — kırmızı outline */
html body .bw-mail-center .bw-reading-sheet .hostinger-action-btn[style*="#ef4444"] {
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
}

/* ═══════════════════════════════════════════════════════════════════
   SKELETON LOADER + MOBILE RESPONSIVE PASS (11 Haz 2026 — v45)
   NORMALIZER/auto-palette kurallarına DOKUNULMADI; bu blok sadece ekleme.
   ═══════════════════════════════════════════════════════════════════ */

/* ── Skeleton (shimmer) ── */
.bw-skeleton-list{display:flex;flex-direction:column;gap:10px;padding:4px 0}
.bw-skeleton{
  border-radius:12px;
  border:1px solid var(--rule);
  background:linear-gradient(90deg, var(--bg-card) 25%, rgba(255,255,255,.05) 50%, var(--bg-card) 75%);
  background-size:200% 100%;
  animation:bwShimmer 1.4s ease-in-out infinite;
}
@keyframes bwShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.bw-skeleton{animation:none}}

/* ── Mobil (≤768px) ── */
@media (max-width: 768px){
  /* Tablolar: satır kırmak yerine yatay scroll */
  .bw-page table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  /* Mail okuma sheet'i tam ekran overlay */
  .bw-reading-sheet{
    position:fixed !important;inset:0 !important;z-index:10000;
    border-radius:0 !important;max-width:none !important;width:100% !important;
    height:100% !important;overflow-y:auto !important;
  }
  /* Mail merkezi üst bar daralt */
  .bw-mail-center > div:first-child{padding:8px 12px !important;gap:8px !important}
  /* Modal'lar ekrana sığsın */
  .modal,.milestone-modal{
    width:calc(100vw - 24px) !important;max-width:none !important;
    max-height:90vh !important;overflow-y:auto !important;
  }
  /* Touch hedefleri */
  .bw-page button{min-height:38px}
  /* Çok kolonlu istatistik gridleri tek kolon (stats-grid kuralları zaten var; bw-stat-x ek) */
  .bw-stat-x{min-width:0}
}

/* ── BwIcon SVG nav hizalama (11 Haz 2026 v46) ── */
.client-sidebar .nav-icon{display:inline-flex;align-items:center;justify-content:center}
.client-sidebar .nav-icon svg{display:block}
.client-sidebar .nav-item.active .nav-icon svg{color:var(--acc)}
.bw-today [class*="bw-icon"]{vertical-align:middle}

/* ═══════════════════════════════════════════════════════════════════
   DESIGN TOKEN ÖLÇEKLERİ (11 Haz 2026 v47) — "zirve" altyapısının temeli
   Renk token'ları zaten :root'ta (--acc, --ink, --rule...). Bunlar ölçek
   token'ları: boşluk / radius / tip / ağırlık. Yeni component'ler ve ekran
   migrasyonları SADECE bu token'ları kullanır → tema tek noktadan döner.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  /* Boşluk ölçeği (4px tabanlı) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-8:32px;
  /* Radius ölçeği */
  --r-sm:8px; --r-md:10px; --r-lg:14px; --r-xl:18px; --r-pill:999px;
  /* Tip ölçeği */
  --fs-2xs:10px; --fs-xs:11px; --fs-sm:13px; --fs-base:14px; --fs-md:15px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:26px;
  /* Ağırlık — sadece iki */
  --fw-normal:400; --fw-medium:500;
  /* Geçiş */
  --tr-fast:.12s ease; --tr:.18s ease;
}

/* ═══════════════════════════════════════════════════════════════════
   TEMA MOTORU v1 — 7 Ağu 2026
   -------------------------------------------------------------------
   Berk: "herkes kendi zaman dilimi ve tema tipi ve rengini seçebilsin,
   en az 10 farklı opsiyon" → 6 KOYU + 6 AÇIK palet + 6 TEMA TİPİ.

   NEDEN ÇALIŞIR: app.jsx'teki yüzlerce satır-içi hex (var(--bg-card), var(--ink)…)
   bu dosyadaki NORMALIZER tarafından zaten var(--bg-2) / var(--ink) gibi
   TOKEN'lara maplanıyor. Dolayısıyla token'ları palet bazında yeniden
   tanımlamak TÜM paneli (açık temalar dahil) yeniden renklendirir.
   Bu blok mevcut kuralların hiçbirini değiştirmez, sadece üzerine yazar.

   KULLANIM: <html data-palette="ember" data-mode="dark" data-style="glass">
   ═══════════════════════════════════════════════════════════════════ */

/* ── Ortak: paletler arası yumuşak geçiş ── */
html[data-palette] body{transition:background-color .25s ease,color .25s ease}

/* ═══════════════ KOYU PALETLER (6) ═══════════════ */

/* 1) EMBER — mevcut marka kimliği (varsayılan) */
html[data-palette="ember"]{
  --bg:#07030a; --bg-2:#14101a; --bg-card-solid:#0f0a14; --bg-soft-solid:#0d0810; --bg-elev-solid:#13101a;
  --ink:#f7ecdf; --ink-2:#c9bbac; --ink-3:#8a7d70; --ink-4:#5d524a;
  --rule:rgba(255,220,180,0.07); --rule-strong:rgba(255,220,180,0.15);
  --acc:#fb923c; --acc-soft:rgba(251,146,60,0.12);
  --acc-2:#fbbf24; --acc-2-soft:rgba(251,191,36,0.12);
  --acc-3:#ec4899; --acc-3-soft:rgba(236,72,153,0.12);
  --hover:rgba(255,240,220,0.04);
}
/* 2) MIDNIGHT — indigo/mor gece */
html[data-palette="midnight"]{
  --bg:#05060f; --bg-2:#0e1122; --bg-card-solid:#0d1020; --bg-soft-solid:#0a0d1a; --bg-elev-solid:#121629;
  --ink:#e8ebff; --ink-2:#b3b9dd; --ink-3:#7c83aa; --ink-4:#525878;
  --rule:rgba(150,160,255,0.08); --rule-strong:rgba(150,160,255,0.18);
  --acc:#818cf8; --acc-soft:rgba(129,140,248,0.14);
  --acc-2:#38bdf8; --acc-2-soft:rgba(56,189,248,0.14);
  --acc-3:#c084fc; --acc-3-soft:rgba(192,132,252,0.14);
  --hover:rgba(160,170,255,0.05);
}
/* 3) FOREST — zümrüt/derin yeşil */
html[data-palette="forest"]{
  --bg:#040a08; --bg-2:#0b1714; --bg-card-solid:#0a1512; --bg-soft-solid:#07110f; --bg-elev-solid:#0e1c18;
  --ink:#e6f4ee; --ink-2:#a9c6bb; --ink-3:#739086; --ink-4:#4c635b;
  --rule:rgba(120,255,200,0.07); --rule-strong:rgba(120,255,200,0.16);
  --acc:#34d399; --acc-soft:rgba(52,211,153,0.13);
  --acc-2:#a3e635; --acc-2-soft:rgba(163,230,53,0.13);
  --acc-3:#22d3ee; --acc-3-soft:rgba(34,211,238,0.13);
  --hover:rgba(120,255,200,0.04);
}
/* 4) CRIMSON — bordo/gül */
html[data-palette="crimson"]{
  --bg:#0b0407; --bg-2:#1a0d12; --bg-card-solid:#150a0f; --bg-soft-solid:#11070b; --bg-elev-solid:#1e1016;
  --ink:#fdeaef; --ink-2:#d3aeb8; --ink-3:#9c7883; --ink-4:#684f58;
  --rule:rgba(255,150,180,0.08); --rule-strong:rgba(255,150,180,0.18);
  --acc:#f43f5e; --acc-soft:rgba(244,63,94,0.14);
  --acc-2:#fb7185; --acc-2-soft:rgba(251,113,133,0.14);
  --acc-3:#f59e0b; --acc-3-soft:rgba(245,158,11,0.13);
  --hover:rgba(255,150,180,0.05);
}
/* 5) OCEAN — camgöbeği/derin mavi */
html[data-palette="ocean"]{
  --bg:#03080e; --bg-2:#0a1620; --bg-card-solid:#09141d; --bg-soft-solid:#061019; --bg-elev-solid:#0d1c27;
  --ink:#e4f4fb; --ink-2:#a5c4d2; --ink-3:#6f8d9c; --ink-4:#4a616d;
  --rule:rgba(120,220,255,0.08); --rule-strong:rgba(120,220,255,0.18);
  --acc:#22d3ee; --acc-soft:rgba(34,211,238,0.14);
  --acc-2:#38bdf8; --acc-2-soft:rgba(56,189,248,0.14);
  --acc-3:#2dd4bf; --acc-3-soft:rgba(45,212,191,0.14);
  --hover:rgba(120,220,255,0.05);
}
/* 6) GRAPHITE — nötr gri, sıfır renk gürültüsü */
html[data-palette="graphite"]{
  --bg:#0a0a0b; --bg-2:#161617; --bg-card-solid:#131314; --bg-soft-solid:#0f0f10; --bg-elev-solid:#1b1b1d;
  --ink:#f2f2f3; --ink-2:#b8b8bb; --ink-3:#84848a; --ink-4:#57575c;
  --rule:rgba(255,255,255,0.08); --rule-strong:rgba(255,255,255,0.18);
  --acc:#e5e7eb; --acc-soft:rgba(229,231,235,0.10);
  --acc-2:#9ca3af; --acc-2-soft:rgba(156,163,175,0.12);
  --acc-3:#60a5fa; --acc-3-soft:rgba(96,165,250,0.13);
  --hover:rgba(255,255,255,0.05);
}

/* ═══════════════ AÇIK PALETLER (6) ═══════════════
   Açık modda cam/blur ve koyu overlay'ler kapatılır, glass token'lar
   opak açık yüzeylere döner. Normalizer koyu hex'leri zaten token'a
   çevirdiği için satır-içi renkler otomatik açığa uyar. */

html[data-mode="light"]{
  /* 24 Eyl 2026 — AÇIK TEMADA SEMANTİK RENKLER OKUNMUYORDU.
     Ölçüm: amber (#f59e0b) yazı beyaz zeminde 2.03, yeşil (#84cc16) 1.87 kontrast
     veriyordu; erişilebilirlik alt sınırı 4.5. Koyu temada bu tonlar doğru, açık
     temada yazı olarak okunmuyor. Açık modda koyu varyantlara çekildi; *-soft
     (zemin tonları) aynen kaldığı için rozet/etiket görünümü bozulmaz. */
  /* İkincil metin tonu açık temada 2.52 kontrast veriyordu (sınır 4.5) — koyulaştırıldı. */
  --ink-4:#6b6560;
  --suc:#15803d;
  --warn:#b45309;
  --dgr:#b91c1c;
  --inf:#0369a1;
  --rose:#be123c;
  --flame:#c2410c;
  --bg-card:var(--bg-card-solid);
  --bg-card-hover:var(--bg-elev-solid);
  --bg-soft:var(--bg-soft-solid);
  --bg-elev:var(--bg-elev-solid);
  --dot-color:rgba(0,0,0,0.035);
  color-scheme:light;
}
/* 7) DAYLIGHT — sıcak beyaz + amber (marka rengiyle uyumlu açık) */
html[data-palette="daylight"]{
  --bg:#fbf8f4; --bg-2:#ffffff; --bg-card-solid:#ffffff; --bg-soft-solid:#f5f1ea; --bg-elev-solid:#fffdfa;
  --ink:#1c1917; --ink-2:#44403c; --ink-3:#78716c; --ink-4:#a8a29e;
  --rule:rgba(28,25,23,0.10); --rule-strong:rgba(28,25,23,0.20);
  --acc:#ea580c; --acc-soft:rgba(234,88,12,0.10);
  --acc-2:#d97706; --acc-2-soft:rgba(217,119,6,0.10);
  --acc-3:#db2777; --acc-3-soft:rgba(219,39,119,0.10);
  --hover:rgba(28,25,23,0.04);
}
/* 8) PAPER — Notion krem */
html[data-palette="paper"]{
  --bg:#f7f6f3; --bg-2:#ffffff; --bg-card-solid:#ffffff; --bg-soft-solid:#efede8; --bg-elev-solid:#fbfaf8;
  --ink:#37352f; --ink-2:#5f5b53; --ink-3:#8b8781; --ink-4:#b4b0a9;
  --rule:rgba(55,53,47,0.10); --rule-strong:rgba(55,53,47,0.20);
  --acc:#c2703f; --acc-soft:rgba(194,112,63,0.10);
  --acc-2:#7d6b52; --acc-2-soft:rgba(125,107,82,0.10);
  --acc-3:#9065b0; --acc-3-soft:rgba(144,101,176,0.10);
  --hover:rgba(55,53,47,0.045);
}
/* 9) SKY — açık mavi, kurumsal */
html[data-palette="sky"]{
  --bg:#f4f8fd; --bg-2:#ffffff; --bg-card-solid:#ffffff; --bg-soft-solid:#eaf1fa; --bg-elev-solid:#fbfdff;
  --ink:#0f1f33; --ink-2:#3c5169; --ink-3:#6b8098; --ink-4:#9db0c4;
  --rule:rgba(15,31,51,0.10); --rule-strong:rgba(15,31,51,0.20);
  --acc:#2563eb; --acc-soft:rgba(37,99,235,0.10);
  --acc-2:#0891b2; --acc-2-soft:rgba(8,145,178,0.10);
  --acc-3:#7c3aed; --acc-3-soft:rgba(124,58,237,0.10);
  --hover:rgba(15,31,51,0.04);
}
/* 10) MINT — ferah yeşil */
html[data-palette="mint"]{
  --bg:#f3faf6; --bg-2:#ffffff; --bg-card-solid:#ffffff; --bg-soft-solid:#e8f5ee; --bg-elev-solid:#fbfffd;
  --ink:#0d2019; --ink-2:#3a5a4c; --ink-3:#6b8b7c; --ink-4:#9dbaac;
  --rule:rgba(13,32,25,0.10); --rule-strong:rgba(13,32,25,0.20);
  --acc:#059669; --acc-soft:rgba(5,150,105,0.10);
  --acc-2:#65a30d; --acc-2-soft:rgba(101,163,13,0.10);
  --acc-3:#0d9488; --acc-3-soft:rgba(13,148,136,0.10);
  --hover:rgba(13,32,25,0.04);
}
/* 11) LAVENDER — yumuşak mor */
html[data-palette="lavender"]{
  --bg:#f8f6fd; --bg-2:#ffffff; --bg-card-solid:#ffffff; --bg-soft-solid:#f0ebfa; --bg-elev-solid:#fdfcff;
  --ink:#1e1633; --ink-2:#4a3f69; --ink-3:#7a6f96; --ink-4:#a99fc0;
  --rule:rgba(30,22,51,0.10); --rule-strong:rgba(30,22,51,0.20);
  --acc:#7c3aed; --acc-soft:rgba(124,58,237,0.10);
  --acc-2:#c026d3; --acc-2-soft:rgba(192,38,211,0.10);
  --acc-3:#4f46e5; --acc-3-soft:rgba(79,70,229,0.10);
  --hover:rgba(30,22,51,0.04);
}
/* 12) SAND — nötr açık gri, göz yormaz */
html[data-palette="sand"]{
  --bg:#f6f5f4; --bg-2:#ffffff; --bg-card-solid:#ffffff; --bg-soft-solid:#edecea; --bg-elev-solid:#fafafa;
  --ink:#1f1f1f; --ink-2:#4b4b4b; --ink-3:#7a7a7a; --ink-4:#a8a8a8;
  --rule:rgba(0,0,0,0.10); --rule-strong:rgba(0,0,0,0.20);
  --acc:#525252; --acc-soft:rgba(82,82,82,0.10);
  --acc-2:#737373; --acc-2-soft:rgba(115,115,115,0.10);
  --acc-3:#2563eb; --acc-3-soft:rgba(37,99,235,0.10);
  --hover:rgba(0,0,0,0.04);
}

/* ── AÇIK MOD GÜVENLİK AĞI ──
   Normalizer'ın yakalamadığı koyu satır-içi yüzeyler açık temada da
   okunur kalsın. Renkli (accent) butonlara DOKUNMAZ: sadece nötr
   koyu lacivert/gri tonları hedeflenir. */
html[data-mode="light"] [style*="#0b1422"],
html[data-mode="light"] [style*="#111c33"],
html[data-mode="light"] [style*="#0a0f1c"],
html[data-mode="light"] [style*="#0d1117"],
html[data-mode="light"] [style*="#1e2d45"]{
  background-color:var(--bg-soft-solid) !important;
  color:var(--ink) !important;
}
html[data-mode="light"] [style*="border"][style*="#334155"],
html[data-mode="light"] [style*="border"][style*="#1e293b"],
html[data-mode="light"] [style*="border"][style*="#475569"]{
  border-color:var(--rule-strong) !important;
}
/* Koyu zemin varsayan açık gri metinler açık temada soluk kalıyordu */
html[data-mode="light"] [style*="color: #94a3b8"],
html[data-mode="light"] [style*="color:#94a3b8"],
html[data-mode="light"] [style*="color: #64748b"],
html[data-mode="light"] [style*="color:#64748b"],
html[data-mode="light"] [style*="color: #cbd5e1"],
html[data-mode="light"] [style*="color:#cbd5e1"]{ color:var(--ink-3) !important; }
html[data-mode="light"] [style*="color: #e2e8f0"],
html[data-mode="light"] [style*="color:#e2e8f0"],
html[data-mode="light"] [style*="color: #f1f5f9"],
html[data-mode="light"] [style*="color:#f1f5f9"]{ color:var(--ink) !important; }
/* Açık temada cam efekti kapalı — bulanık beyaz üstüne beyaz olmasın */
html[data-mode="light"] .card,
html[data-mode="light"] [style*="backdrop-filter"]{ backdrop-filter:none !important; }
html[data-mode="light"] .card{ box-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.04); }

/* ═══════════════ TEMA TİPLERİ (6) ═══════════════
   Palet = RENK. Tema tipi = DOKU/YOĞUNLUK. İkisi bağımsız seçilir. */

/* A) GLASS — mevcut varsayılan: yarı saydam kartlar + blur */
html[data-style="glass"] .card{ backdrop-filter:blur(12px); border-radius:14px; }

/* B) SOLID — opak kartlar, blur yok (yavaş cihazlarda daha akıcı) */
html[data-style="solid"] .card,
html[data-style="solid"] [style*="backdrop-filter"]{ backdrop-filter:none !important; }
html[data-style="solid"] .card{ background:var(--bg-card-solid) !important; border-radius:12px; }

/* C) SOFT — yüksek yuvarlaklık, yumuşak gölge, havadar */
html[data-style="soft"]{ --r:16px; }
html[data-style="soft"] .card,
html[data-style="soft"] [style*="border-radius"]{ border-radius:16px !important; }
html[data-style="soft"] .card{ box-shadow:0 8px 28px rgba(0,0,0,.18); border-color:transparent; }
html[data-style="soft"] button{ border-radius:12px !important; }

/* D) SHARP — keskin köşeler, çizgi vurgulu, editoryal */
html[data-style="sharp"]{ --r:2px; }
html[data-style="sharp"] .card,
html[data-style="sharp"] [style*="border-radius"]{ border-radius:3px !important; }
html[data-style="sharp"] button{ border-radius:3px !important; }
html[data-style="sharp"] .card{ box-shadow:none; border:1px solid var(--rule-strong); }

/* E) COMPACT — yoğun: daha çok veri tek ekranda */
html[data-style="compact"]{ font-size:13.5px; }
html[data-style="compact"] .card{ padding:12px 14px !important; border-radius:8px; }
html[data-style="compact"] button{ padding-top:6px !important; padding-bottom:6px !important; }
html[data-style="compact"] table td,
html[data-style="compact"] table th{ padding-top:6px !important; padding-bottom:6px !important; }

/* F) CONTRAST — yüksek kontrast + kalın kenarlık (erişilebilirlik) */
html[data-style="contrast"]{ --rule:var(--rule-strong); }
html[data-style="contrast"] .card{ border:2px solid var(--rule-strong) !important; box-shadow:none; }
html[data-style="contrast"] button{ font-weight:800 !important; }
html[data-style="contrast"] [style*="color:#64748b"],
html[data-style="contrast"] [style*="color: #64748b"],
html[data-style="contrast"] [style*="color:#475569"],
html[data-style="contrast"] [style*="color: #475569"]{ color:var(--ink-2) !important; }

/* ── Tema seçici bileşeni ── */
.bw-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}
.bw-theme-card{border:2px solid var(--rule);border-radius:12px;padding:10px;cursor:pointer;background:var(--bg-card-solid);transition:border-color .15s,transform .12s}
.bw-theme-card:hover{transform:translateY(-2px);border-color:var(--rule-strong)}
.bw-theme-card.sel{border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}
.bw-swatch-row{display:flex;gap:4px;margin-bottom:8px}
.bw-swatch{width:100%;height:26px;border-radius:6px}
.bw-theme-name{font-size:12px;font-weight:700;color:var(--ink)}
.bw-theme-sub{font-size:10.5px;color:var(--ink-3);margin-top:1px}

/* ── Bildirim çanı ── */
.bw-bell-wrap{position:relative;display:inline-flex}
.bw-bell-dot{position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--dgr);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--bg-2)}
@keyframes bwBellRing{0%,100%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(9deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
.bw-bell-ring{animation:bwBellRing .7s ease}

/* ═══════════════════════════════════════════════════════════════════
   TEMA MOTORU v1.1 — KAPSAMA GENİŞLETMESİ (7 Ağu 2026)
   -------------------------------------------------------------------
   Berk: "tema tipi ve renklerin bir çoğu çalışmıyor."
   TEŞHİS: (1) panelin EN ÇOK kullandığı yüzey/kenar renkleri normalizer
   listesinde YOKTU → palet değişince onlar sabit kaldı:
     #22314f(40) #7c5cff(26) #0b1120(22) var(--bg-elev)(16) var(--bg-card)(12)
     #0e1830(5) var(--bg-card)(6)
   (2) Tema tipleri yalnız `.card` hedefliyordu; panelde .card sadece 51
   yerde, kartların çoğu satır-içi stilli <div>.
   ÇÖZÜM: eksik hex'leri token'a mapla + tema tiplerini satır-içi
   kalıplara uygula. Satır-içi stil !important'ı yenemez, bu yüzden
   tüm kurallar !important.
   ═══════════════════════════════════════════════════════════════════ */

/* ── (1) EKSİK YÜZEYLER — tüm paletlerde geçerli ── */
html body [style*="#0b1120"],
html body [style*="rgb(11, 17, 32)"]{ background-color:var(--bg) !important; }
html body [style*="#111c33"],
html body [style*="rgb(17, 28, 51)"],
html body [style*="#0e1830"],
html body [style*="#0b1422"]{ background-color:var(--bg-soft-solid) !important; }
/* Kenarlıklar */
html body [style*="#22314f"],
html body [style*="rgb(34, 49, 79)"],
html body [style*="#1e2d45"]{ border-color:var(--rule-strong) !important; }
/* Bu iki hex bazen ZEMİN olarak da kullanılıyor — zemin bağlamında yakala */
html body [style*="background: #22314f"],
html body [style*="background:#22314f"],
html body [style*="background: #1e2d45"],
html body [style*="background:#1e2d45"],
html body [style*="background-color: #22314f"],
html body [style*="background-color:#22314f"]{ background-color:var(--bg-elev-solid) !important; }

/* ── Marka moru (#7c5cff) → aktif palet accent'i ──
   Dashboard'un DS.brand değeri. Palet değişse de mor kalıyordu. */
html body [style*="#7c5cff"]{ border-color:var(--acc) !important; }
html body [style*="color: #7c5cff"],
html body [style*="color:#7c5cff"]{ color:var(--acc) !important; }
html body [style*="background: #7c5cff"],
html body [style*="background:#7c5cff"],
html body [style*="background-color:#7c5cff"],
html body [style*="background-color: #7c5cff"]{ background-color:var(--acc) !important; color:#fff !important; }
/* Ana CTA gradienti (#7c5cff→#3b82f6) palet accent'ine döner */
html body [style*="linear-gradient"][style*="#7c5cff"]{
  background-image:linear-gradient(135deg, var(--acc), var(--acc-2)) !important;
  color:#fff !important;
}

/* ── Açık modda bu yeni yüzeylerin metni de düzelsin ── */
html[data-mode="light"] [style*="#0b1120"],
html[data-mode="light"] [style*="#111c33"],
html[data-mode="light"] [style*="#0e1830"],
html[data-mode="light"] [style*="#0b1422"]{ color:var(--ink) !important; }

/* ═══ (2) TEMA TİPLERİ — satır-içi stilli kartları da kapsar ═══ */

/* Ortak hedef kümesi: satır-içi border-radius'lu her kutu + .card + button */
/* A) GLASS (varsayılan) — token'lar zaten cam; ek kural gerekmez */
html[data-style="glass"] .card{ backdrop-filter:blur(12px); }

/* B) SOLID — cam token'ları opak yap (normalizer bu token'lara maplediği
      için TÜM panel opaklaşır), blur'u kapat */
html[data-style="solid"]{
  --bg-card:var(--bg-card-solid);
  --bg-card-hover:var(--bg-elev-solid);
  --bg-soft:var(--bg-soft-solid);
  --bg-elev:var(--bg-elev-solid);
}
html[data-style="solid"] *{ backdrop-filter:none !important; }

/* C) SOFT — her yerde yuvarlak köşe + yumuşak gölge */
html[data-style="soft"] [style*="border-radius"],
html[data-style="soft"] .card,
html[data-style="soft"] button,
html[data-style="soft"] input,
html[data-style="soft"] select,
html[data-style="soft"] textarea{ border-radius:16px !important; }
html[data-style="soft"] [style*="border-radius: 50%"],
html[data-style="soft"] [style*="border-radius:50%"]{ border-radius:50% !important; }
html[data-style="soft"] .card{ box-shadow:0 8px 28px rgba(0,0,0,.18) !important; }

/* D) SHARP — köşeli */
html[data-style="sharp"] [style*="border-radius"],
html[data-style="sharp"] .card,
html[data-style="sharp"] button,
html[data-style="sharp"] input,
html[data-style="sharp"] select,
html[data-style="sharp"] textarea{ border-radius:3px !important; }
html[data-style="sharp"] [style*="border-radius: 50%"],
html[data-style="sharp"] [style*="border-radius:50%"]{ border-radius:50% !important; }
html[data-style="sharp"] .card{ box-shadow:none !important; }

/* E) COMPACT — panelde en sık kullanılan padding değerlerini sıkıştır */
html[data-style="compact"]{ font-size:13.5px; }
html[data-style="compact"] [style*="padding: 24px"],
html[data-style="compact"] [style*="padding:24px"]{ padding:14px !important; }
html[data-style="compact"] [style*="padding: 20px"],
html[data-style="compact"] [style*="padding:20px"]{ padding:12px !important; }
html[data-style="compact"] [style*="padding: 18px"],
html[data-style="compact"] [style*="padding:18px"]{ padding:11px !important; }
html[data-style="compact"] [style*="padding: 16px"],
html[data-style="compact"] [style*="padding:16px"]{ padding:10px !important; }
html[data-style="compact"] .card{ padding:12px 14px !important; }
html[data-style="compact"] td, html[data-style="compact"] th{ padding-top:6px !important; padding-bottom:6px !important; }

/* F) CONTRAST — satır-içi 1px kenarları 2px'e çıkar, soluk grileri koyulaştır */
html[data-style="contrast"] [style*="1px solid"],
html[data-style="contrast"] .card{ border-width:2px !important; }
html[data-style="contrast"] .card{ box-shadow:none !important; }
html[data-style="contrast"] [style*="color: #64748b"],
html[data-style="contrast"] [style*="color:#64748b"],
html[data-style="contrast"] [style*="color: #475569"],
html[data-style="contrast"] [style*="color:#475569"],
html[data-style="contrast"] [style*="color: #94a3b8"],
html[data-style="contrast"] [style*="color:#94a3b8"]{ color:var(--ink-2) !important; }
html[data-style="contrast"] button{ font-weight:800 !important; }

/* ═══════════════════════════════════════════════════════════════════
   TEMA MOTORU v1.2 — CANLI CHROME DOĞRULAMASI SONRASI (7 Ağu 2026)
   -------------------------------------------------------------------
   Chrome ile canlıda ölçüldü. İki gerçek engel bulundu:
   (1) app.jsx içindeki <style> bloğu token'ları `!important` ile
       sabitliyordu → hangi palet seçilirse seçilsin panel navy kalıyordu.
       (app.jsx'te `html:not([data-palette])` ile kapsamlandı; buradaki
       "signature" paleti o değerlerin birebir kopyası = varsayılan.)
   (2) Eski `[style*="#fff"]:not(.bw-page):not(.client-sidebar)` kuralı
       0,3,0 özgüllükte ve `background:var(--bg-card)!important` diyor;
       `color:#fff` içeren HER butonu (tüm CTA'lar) eziyordu. Yeni
       kurallara `:not(#\.)` ile id-seviyesi (1,x,x) özgüllük verildi.
   ═══════════════════════════════════════════════════════════════════ */

/* ── SIGNATURE — panelin mevcut navy/mor kimliği (VARSAYILAN palet) ── */
html[data-palette="signature"]{
  --bg:#0a0f1e; --bg-2:#0b1120;
  --bg-card:#111c33; --bg-card-solid:#111c33; --bg-card-hover:#16233f;
  --bg-soft:#0e1830; --bg-soft-solid:#0e1830;
  --bg-elev:#16233f; --bg-elev-solid:#16233f;
  --ink:#f1f5f9; --ink-2:#cbd5e1; --ink-3:#94a3b8; --ink-4:#64748b;
  --rule:#22314f; --rule-strong:#2c3e63;
  --acc:#7c5cff; --acc-soft:rgba(124,92,255,.14);
  --acc-2:#3b82f6; --acc-2-soft:rgba(59,130,246,.14);
  --acc-3:#38bdf8; --acc-3-soft:rgba(56,189,248,.14);
  --hover:rgba(255,255,255,.04); --hover-2:rgba(255,255,255,.06);
}

/* ── ÖZGÜLLÜK YÜKSELTMESİ ──
   `:not(#\.)` hiçbir zaman eşleşmeyen bir id seçicidir; sadece özgüllüğü
   1,x,x'e çıkarır. Böylece eski 0,3,0'lık #fff/#ffffff kuralları ezilir. */
html body [style*="linear-gradient"][style*="#7c5cff"]:not(#\.){
  background-image:linear-gradient(135deg, var(--acc), var(--acc-2)) !important;
  background-color:transparent !important;
  color:#fff !important;
}
html body [style*="background: #7c5cff"]:not(#\.),
html body [style*="background:#7c5cff"]:not(#\.),
html body [style*="background-color: #7c5cff"]:not(#\.),
html body [style*="background-color:#7c5cff"]:not(#\.){
  background-color:var(--acc) !important; background-image:none !important; color:#fff !important;
}
/* Panelin diğer ana CTA gradient çiftleri de palete uysun */
html body [style*="linear-gradient"][style*="#3b82f6"][style*="#8b5cf6"]:not(#\.),
html body [style*="linear-gradient"][style*="#7c3aed"][style*="#a855f7"]:not(#\.),
html body [style*="linear-gradient"][style*="#059669"][style*="#10b981"]:not(#\.){
  background-image:linear-gradient(135deg, var(--acc), var(--acc-2)) !important;
  color:#fff !important;
}
/* Yüzeyler — id-boost'lu tekrar (eski #fff kuralına karşı) */
html body [style*="#0b1120"]:not(#\.){ background-color:var(--bg) !important; }
html body [style*="#111c33"]:not(#\.),
html body [style*="#0e1830"]:not(#\.),
html body [style*="#0b1422"]:not(#\.){ background-color:var(--bg-soft-solid) !important; }
html body [style*="#22314f"]:not(#\.),
html body [style*="#1e2d45"]:not(#\.){ border-color:var(--rule-strong) !important; }

/* ── AÇIK MODDA KALAN KOYU DURUM ŞERİTLERİ ──
   Canlı testte görüldü: başarı/hata şeritleri (#052e16, #1e0a0a, #7f1d1d,
   #0c4a6e, #1e1b4b) açık temada koyu kalıyordu. */
html[data-mode="light"] [style*="#052e16"]:not(#\.),
html[data-mode="light"] [style*="#064e3b"]:not(#\.){ background-color:#dcfce7 !important; color:#14532d !important; border-color:#86efac !important; }
html[data-mode="light"] [style*="#1e0a0a"]:not(#\.),
html[data-mode="light"] [style*="#7f1d1d"]:not(#\.),
html[data-mode="light"] [style*="#1a0a0a"]:not(#\.){ background-color:#fee2e2 !important; color:#7f1d1d !important; border-color:#fca5a5 !important; }
html[data-mode="light"] [style*="#0c4a6e"]:not(#\.),
html[data-mode="light"] [style*="#172554"]:not(#\.){ background-color:#dbeafe !important; color:#1e3a8a !important; }
html[data-mode="light"] [style*="#451a03"]:not(#\.),
html[data-mode="light"] [style*="#78350f"]:not(#\.){ background-color:#fef3c7 !important; color:#78350f !important; }
/* Açık modda koyu zemin varsayan açık metinler okunur olsun */
html[data-mode="light"] [style*="color: #4ade80"]:not(#\.),
html[data-mode="light"] [style*="color:#4ade80"]:not(#\.){ color:#15803d !important; }
html[data-mode="light"] [style*="color: #fca5a5"]:not(#\.),
html[data-mode="light"] [style*="color:#fca5a5"]:not(#\.){ color:#b91c1c !important; }
html[data-mode="light"] [style*="color: #fbbf24"]:not(#\.),
html[data-mode="light"] [style*="color:#fbbf24"]:not(#\.){ color:#b45309 !important; }
html[data-mode="light"] [style*="color: #c4b5fd"]:not(#\.),
html[data-mode="light"] [style*="color:#c4b5fd"]:not(#\.){ color:#6d28d9 !important; }
html[data-mode="light"] [style*="color: #93c5fd"]:not(#\.),
html[data-mode="light"] [style*="color:#93c5fd"]:not(#\.){ color:#1d4ed8 !important; }
/* Sol ikon rayı ve fixed başlıklar açık temada da uysun */
html[data-mode="light"] .bw-rail{ background:rgba(255,255,255,.92) !important; border-right-color:var(--rule) !important; }

/* ═══════════════════════════════════════════════════════════════════
   TEMA MOTORU v1.3 — CANLI PANELDE DOĞRULANDI (7 Ağu 2026, Chrome)
   -------------------------------------------------------------------
   Canlı panelde tek tek ölçülüp ekran görüntüsüyle doğrulanan iki
   kalan engel:
   (A) SINIF TABANLI koyu zeminler: `.main-content.dark-mode` (var(--bg-card))
       tüm sayfanın arkasını koyu tutuyordu — satır-içi değil, class
       kuralı olduğu için hex-normalizer'a yakalanmıyordu.
   (B) React satır-içi renkleri BAZEN `rgb(...)` olarak serileştiriyor
       (örn. color:#f1f5f9 → "rgb(241, 245, 249)"). `[style*="#f1f5f9"]`
       bunları ıskalıyordu → açık temada başlıklar görünmez oluyordu.
   ═══════════════════════════════════════════════════════════════════ */

/* (A) Sınıf tabanlı ana yüzeyler — palet seçiliyse token'a bağlan */
html[data-palette] .main-content,
html[data-palette] .main-content.dark-mode,
html[data-palette] .dark-mode,
html[data-palette] .bw-page,
html[data-palette] .client-main{
  background-color:var(--bg) !important; background-image:none !important;
}
html[data-palette] .bw-rail{ background:var(--bg-2) !important; border-right-color:var(--rule) !important; }
html[data-palette] .client-sidebar:not(.bw-rail-host){ background-color:var(--bg-2) !important; }
html[data-palette] .dark-mode input,
html[data-palette] .dark-mode textarea,
html[data-palette] .dark-mode select,
html[data-palette] .dark-mode .form-input{
  background-color:var(--bg-soft-solid) !important; color:var(--ink) !important; border-color:var(--rule) !important;
}
html[data-palette] .bw-scard{ background:var(--bg-card-solid) !important; border-color:var(--rule) !important; }
html[data-palette] .bw-seclabel{ color:var(--ink) !important; }

/* (B) React'in rgb() biçimi — açık modda metin/yüzey karşılıkları */
html[data-mode="light"] [style*="rgb(241, 245, 249)"]:not(#\.),
html[data-mode="light"] [style*="rgb(248, 250, 252)"]:not(#\.),
html[data-mode="light"] [style*="rgb(226, 232, 240)"]:not(#\.){ color:var(--ink) !important; }
html[data-mode="light"] [style*="rgb(148, 163, 184)"]:not(#\.),
html[data-mode="light"] [style*="rgb(100, 116, 139)"]:not(#\.),
html[data-mode="light"] [style*="rgb(203, 213, 225)"]:not(#\.){ color:var(--ink-3) !important; }
html[data-mode="light"] [style*="rgb(15, 23, 42)"]:not(#\.),
html[data-mode="light"] [style*="rgb(30, 41, 59)"]:not(#\.),
html[data-mode="light"] [style*="rgb(11, 17, 32)"]:not(#\.),
html[data-mode="light"] [style*="rgb(17, 28, 51)"]:not(#\.),
html[data-mode="light"] [style*="rgb(14, 24, 48)"]:not(#\.){
  background-color:var(--bg-soft-solid) !important; color:var(--ink) !important;
}
/* Marka moru rgb() biçiminde de palete uysun */
html[data-palette] [style*="rgb(124, 92, 255)"]:not(#\.){ background-color:var(--acc) !important; color:#fff !important; }

/* ═══════════════════════════════════════════════════════════════════
   TEMA MOTORU v1.4 — MENÜ + TEMA TİPİ + YAZI TİPİ (7 Ağu 2026)
   Chrome ile canlıda ölçülen 3 eksik:
   (1) Sol menüdeki mor sabitler CLASS kuralında: .bw-rail-logo gradient,
       .bw-ri.active arka planı ve ::before şeridi, .bw-dot kenarı.
       Palet değişse de menü mor kalıyordu.
   (2) "Yoğun" tipi yalnız html font-size'ı küçültüyordu; body kendi
       15px'ini yazdığı ve panel metinleri satır-içi px olduğu için
       hiçbir şey değişmiyordu.
   (3) Yazı tipi seçeneği hiç yoktu (font-family: Inter sabit).
   ═══════════════════════════════════════════════════════════════════ */

/* ── (1) SOL MENÜ (rail) palete uysun ── */
html[data-palette] .bw-rail-logo{
  background:linear-gradient(135deg, var(--acc), var(--acc-2)) !important;
  box-shadow:0 6px 18px -6px var(--acc-soft) !important;
}
html[data-palette] .bw-ri.active{ background:var(--acc-soft) !important; }
html[data-palette] .bw-ri.active::before{ background:var(--acc) !important; }
html[data-palette] .bw-ri.active,
html[data-palette] .client-sidebar .nav-item.active{ color:var(--acc) !important; }
html[data-palette] .bw-ri .bw-dot{ border-color:var(--bg-2) !important; }
html[data-palette] .bw-flyout,
html[data-palette] .bw-rail-flyout{ background:var(--bg-2) !important; border-color:var(--rule-strong) !important; }
html[data-palette] .client-sidebar .nav-badge{ background:var(--acc-soft) !important; color:var(--acc) !important; }

/* ── (2) TEMA TİPLERİ — gerçekten hissedilsin ── */
/* YOĞUN: body font-size'ı da düşür + satır-içi büyük punto/padding'leri sıkıştır */
html[data-style="compact"] body{ font-size:13px !important; }
html[data-style="compact"] [style*="font-size: 28px"]:not(#\.),
html[data-style="compact"] [style*="font-size:28px"]:not(#\.){ font-size:22px !important; }
html[data-style="compact"] [style*="font-size: 24px"]:not(#\.),
html[data-style="compact"] [style*="font-size:24px"]:not(#\.){ font-size:19px !important; }
html[data-style="compact"] [style*="font-size: 18px"]:not(#\.),
html[data-style="compact"] [style*="font-size:18px"]:not(#\.){ font-size:15px !important; }
html[data-style="compact"] [style*="font-size: 15px"]:not(#\.),
html[data-style="compact"] [style*="font-size:15px"]:not(#\.){ font-size:13px !important; }
html[data-style="compact"] [style*="padding: 22px"]:not(#\.),
html[data-style="compact"] [style*="padding:22px"]:not(#\.){ padding:12px !important; }
html[data-style="compact"] [style*="margin-bottom: 20px"]:not(#\.),
html[data-style="compact"] [style*="margin-bottom:20px"]:not(#\.){ margin-bottom:10px !important; }
html[data-style="compact"] [style*="gap: 20px"]:not(#\.),
html[data-style="compact"] [style*="gap:20px"]:not(#\.){ gap:10px !important; }

/* FERAH karşıtı olarak YUMUŞAK/KESKİN satır-içi radius'ları zaten eziyor;
   id-boost ile eski yüksek özgüllüklü kurallara karşı da garantiye al */
html[data-style="soft"] [style*="border-radius"]:not(#\.){ border-radius:16px !important; }
html[data-style="soft"] [style*="border-radius: 50%"]:not(#\.),
html[data-style="soft"] [style*="border-radius:50%"]:not(#\.){ border-radius:50% !important; }
html[data-style="sharp"] [style*="border-radius"]:not(#\.){ border-radius:3px !important; }
html[data-style="sharp"] [style*="border-radius: 50%"]:not(#\.),
html[data-style="sharp"] [style*="border-radius:50%"]:not(#\.){ border-radius:50% !important; }
/* KONTRAST: satır-içi 1px kenarları kalınlaştır (id-boost) */
html[data-style="contrast"] [style*="1px solid"]:not(#\.){ border-width:2px !important; }
/* DÜZ: cam token'ları opak + tüm blur kapalı (v1.1'de vardı, id-boost eklendi) */
html[data-style="solid"] [style*="backdrop-filter"]:not(#\.){ backdrop-filter:none !important; }

/* ── (3) YAZI TİPİ (data-font) — 6 seçenek ── */
html[data-font="inter"] body, html[data-font="inter"] body *{ font-family:Inter, system-ui, sans-serif !important; }
html[data-font="system"] body, html[data-font="system"] body *{ font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; }
html[data-font="rounded"] body, html[data-font="rounded"] body *{ font-family:"Nunito", "Quicksand", ui-rounded, "Hiragino Maru Gothic ProN", system-ui, sans-serif !important; }
html[data-font="serif"] body, html[data-font="serif"] body *{ font-family:"Source Serif 4", Georgia, "Times New Roman", serif !important; }
html[data-font="mono"] body, html[data-font="mono"] body *{ font-family:"JetBrains Mono", "SF Mono", Menlo, Consolas, monospace !important; }
html[data-font="condensed"] body, html[data-font="condensed"] body *{ font-family:"Roboto Condensed", "Archivo Narrow", "Arial Narrow", system-ui, sans-serif !important; }
/* İkonlar/emoji font değişiminden etkilenmesin */
html[data-font] .bw-rail-logo, html[data-font] [class*="emoji"]{ font-family:inherit !important; }
/* Mor kenarlıklar da palete uysun (id-boost) */
html[data-palette] [style*="#7c5cff"]:not(#\.),
html[data-palette] [style*="rgb(124, 92, 255)"]:not(#\.){ border-color:var(--acc) !important; }

/* ═══════════════════════════════════════════════════════════════════
   TEMA MOTORU v1.5 — SOL MENÜ AÇILIR PANELİ (FLYOUT) — 11 Ağu 2026
   Berk: "temayı ne yaparsam yapayım menü bölümü lacivert kalıyor."
   TEŞHİS: app.jsx içindeki .bw-fly ve alt sınıfları (.bw-fly-title,
   .bw-fi, .bw-fem, .bw-ft b/span, .bw-fc, .bw-elite, .bw-ri, .bw-dot)
   SABİT hex ile yazılmış (#0c1428 zemin, #22314f kenar, #a78bfa başlık,
   rgba(124,92,255,…) vurgular). Sınıf kuralı oldukları için satır-içi
   hex normalizer'ı bunlara ulaşmıyordu → palet değişse de lacivert.
   Hepsi token'a bağlandı; :not(#\.) ile id-seviyesi özgüllük verildi ki
   app.jsx'in kendi <style> bloğunu kesin ezsin.
   ═══════════════════════════════════════════════════════════════════ */
html[data-palette] .bw-fly:not(#\.){
  background:var(--bg-2) !important;
  border-right-color:var(--rule-strong) !important;
}
html[data-palette] .bw-fly-title:not(#\.){ color:var(--acc) !important; }
html[data-palette] .bw-fi:hover:not(#\.){ background:var(--hover) !important; }
html[data-palette] .bw-fi.active:not(#\.){ background:var(--acc-soft) !important; }
html[data-palette] .bw-fem:not(#\.){ background:var(--acc-soft) !important; }
html[data-palette] .bw-ft b:not(#\.){ color:var(--ink) !important; }
html[data-palette] .bw-ft > span:not(#\.){ color:var(--ink-3) !important; }
html[data-palette] .bw-fc:not(#\.){ background:var(--acc) !important; color:#fff !important; }
html[data-palette] .bw-elite:not(#\.){ background:linear-gradient(135deg, var(--acc), var(--acc-2)) !important; color:#fff !important; }
/* Rail ikonları ve rozet */
html[data-palette] .bw-ri:not(#\.){ color:var(--ink-3) !important; }
html[data-palette] .bw-ri:hover:not(#\.){ background:var(--acc-soft) !important; }
html[data-palette] .bw-ri.active:not(#\.){ background:var(--acc-soft) !important; color:var(--acc) !important; }
html[data-palette] .bw-ri.active::before{ background:var(--acc) !important; }
html[data-palette] .bw-ri .bw-dot:not(#\.){ border-color:var(--bg-2) !important; }
/* Açık temada flyout gölgesi yumuşasın, kenar görünür olsun */
html[data-mode="light"] .bw-fly:not(#\.){
  box-shadow:12px 0 32px -20px rgba(0,0,0,.25) !important;
  border-right:1px solid var(--rule-strong) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   MAIL MERKEZİ — PALET UYUMU (11 Ağu 2026)
   Berk: "Mail merkezinin rengi hep lacivert, temaya göre değişmiyor."
   Mail Merkezi eskiden bilinçli olarak tema-DIŞI bırakılmıştı: kendi
   token setini tanımlıyor + Hostinger nötr-charcoal blokları sabit hex
   kullanıyordu. Yukarıda yerel token bloğu `html:not([data-palette])`
   ile kapsamlandı; burada da kalan sabit yüzeyler token'a bağlanıyor.
   BEYAZ OKUMA SAYFASI (.bw-reading-sheet) KORUNUR — kasıtlı beyazdır.
   ═══════════════════════════════════════════════════════════════════ */
html[data-palette] body .bw-mail-center,
html[data-palette] body .bw-mail-center .mc-list,
html[data-palette] body .bw-mail-center .mc-pane{
  background-color:var(--bg) !important; color:var(--ink) !important;
}
html[data-palette] body .bw-mail-center .mc-mail-row:hover{ background:var(--hover) !important; }
html[data-palette] body .bw-mail-center .mc-mail-row.mc-mail-row-selected{ background:var(--acc-soft) !important; }
html[data-palette] body .bw-mail-center .mc-mail-row.mc-mail-row-checked{ background:var(--acc-soft) !important; }
html[data-palette] body .stage-detail-panel,
html[data-palette] body .stage-detail-body{ background:var(--bg-soft-solid) !important; color:var(--ink) !important; }
html[data-palette] body .mc-hero-story{ background:var(--bg-soft-solid) !important; }
html[data-palette] body .mc-hero-story-line{ color:var(--ink-2) !important; -webkit-text-fill-color:var(--ink-2) !important; }
html[data-palette] body .mc-hero-story-line strong{ color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important; }
html[data-palette] body .stage-detail-panel .stage-detail-label{ color:var(--ink-3) !important; -webkit-text-fill-color:var(--ink-3) !important; }
/* Açık paletlerde mail listesi de aydınlansın */
html[data-mode="light"] body .bw-mail-center{ color-scheme:light !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   MOBİL v1 — 12 Ağu 2026
   ───────────────────────────────────────────────────────────────────────────
   Panelin ilk gerçek mobil katmanı. Tek tetikleyici: <html data-mobile="1">
   (app.jsx > bwUseIsMobile, matchMedia 820px). Media query DEĞİL kasıtlı olarak:
   JS ve CSS aynı eşikten beslensin, "JS mobil sanıyor ama CSS sanmıyor" ara
   durumu hiç oluşmasın diye.

   Eski mobil yamalar (index.html içindeki `div[style*="max-width: 720px"]`
   blokları) yerinde bırakıldı — çalışanları var, topluca silmek görünmeyen
   regresyon riski. Yenisi onların üstünde, daha yüksek özgüllükle çalışır.
   ═══════════════════════════════════════════════════════════════════════════ */

html[data-mobile]{
  /* Üst çubuk ve alt sekme çubuğunun GERÇEK yükseklikleri — çentik/home-bar dahil.
     Her yerde bu değişkenler kullanılır ki bir yeri değiştirince hepsi uysun. */
  --bw-mtop-h: calc(52px + env(safe-area-inset-top, 0px));
  --bw-mtab-h: calc(56px + env(safe-area-inset-bottom, 0px));
}

/* Yatay taşma mobilde en sık şikayet — kökten kapat */
html[data-mobile], html[data-mobile] body{ overflow-x:hidden !important; max-width:100vw; }

/* ── 1) İKON-RAIL MOBİLDE YOK ────────────────────────────────────────────────
   Rail'in alt menüleri :hover ile açılıyordu; dokunmatikte hover olmadığı için
   Marka Canavarı, Akademi, Profil gibi sayfalara telefondan ULAŞILAMIYORDU.
   Yerine alt sekme çubuğu + tam menü sayfası geldi. */
/* Rail gizlenir ama HOST gizlenemez: bildirim çanı ve avatar onun çocuğu.
   display:none verilince üst çubuk boş kalıyordu. display:contents ile kutu
   ortadan kalkar, çocukları (fixed konumlu .bw-topright) görünmeye devam eder. */
html[data-mobile] .bw-rail{ display:none !important; }
html[data-mobile] .bw-rail-host,
html[data-mobile] .client-sidebar{
  display:contents !important; width:auto !important; min-width:0 !important; flex:none !important;
}

/* ── 2) ANA İÇERİK: çubuklara yer aç ─────────────────────────────────────── */
html[data-mobile] .main-content{
  margin-left:0 !important; width:100% !important; max-width:100vw !important;
  padding-top:var(--bw-mtop-h) !important;
}
html[data-mobile] .main-content > .header{ padding:12px 14px !important; }
html[data-mobile] .main-content > .content{ padding:12px 14px calc(var(--bw-mtab-h) + 18px) !important; }
html[data-mobile] .app-container{ display:block !important; }

/* Sağ üst çan + avatar kümesi üst çubuğun içine hizalanır */
html[data-mobile] .bw-topright{
  top:calc(7px + env(safe-area-inset-top, 0px)) !important; right:10px !important; z-index:4000 !important;
}
/* Bildirim paneli telefonda ekrandan taşmasın */
html[data-mobile] .bw-bell-wrap > div:last-child{ width:min(340px, calc(100vw - 20px)) !important; }

/* ── 3) ÜST ÇUBUK ────────────────────────────────────────────────────────── */
.bw-mtop{ display:none; }
html[data-mobile] .bw-mtop{
  position:fixed; top:0; left:0; right:0; z-index:3900;
  height:var(--bw-mtop-h); padding:env(safe-area-inset-top, 0px) 14px 0;
  display:flex; align-items:center; gap:11px;
  background:var(--bg-2, #0b1120); border-bottom:1px solid var(--rule, #1a2540);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
html[data-mobile] .bw-mtop-logo{
  width:32px; height:32px; border-radius:10px; flex-shrink:0;
  background:linear-gradient(135deg, var(--acc, #7c5cff), var(--acc-2, #3b82f6));
  display:grid; place-items:center; color:#fff; font-weight:900; font-size:15px;
}
html[data-mobile] .bw-mtop-title{
  font-size:15.5px; font-weight:800; color:var(--ink, var(--ink));
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  /* çan+avatar kümesi sağda ~92px yer kaplar */
  max-width:calc(100vw - 150px);
}

/* ── 4) ALT SEKME ÇUBUĞU ─────────────────────────────────────────────────── */
.bw-mtab{ display:none; }
html[data-mobile] .bw-mtab{
  position:fixed; left:0; right:0; bottom:0; z-index:3900;
  display:grid; grid-template-columns:repeat(5, 1fr);
  background:var(--bg-2, #0b1120); border-top:1px solid var(--rule, #1a2540);
  padding-bottom:env(safe-area-inset-bottom, 0px);
  box-shadow:0 -10px 28px -16px rgba(0,0,0,.75);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
}
html[data-mobile] .bw-mtab-i{
  appearance:none; -webkit-appearance:none; background:transparent; border:none; margin:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px;
  height:56px; min-height:56px !important; padding:0; cursor:pointer;
  color:var(--ink-3, var(--ink-3)); font-family:inherit;
  -webkit-tap-highlight-color:transparent;
}
html[data-mobile] .bw-mtab-i.active{ color:var(--acc, #a78bfa); }
html[data-mobile] .bw-mtab-i:active{ background:var(--hover, rgba(255,255,255,.05)); }
html[data-mobile] .bw-mtab-e{ font-size:19px !important; line-height:1; position:relative; display:block; }
html[data-mobile] .bw-mtab-l{ font-size:10.5px !important; font-weight:700; letter-spacing:.2px; line-height:1; }
html[data-mobile] .bw-mtab-dot{
  position:absolute; top:-6px; left:11px; min-width:16px; height:16px; padding:0 4px;
  border-radius:999px; background:var(--dgr, #f87171); color:#fff;
  font-size:9px !important; font-weight:800; display:grid; place-items:center;
  border:2px solid var(--bg-2, #0b1120);
}

/* ── 5) TAM MENÜ SAYFASI (rail flyout'unun dokunmatik karşılığı) ──────────── */
.bw-msheet{ display:none; }
html[data-mobile] .bw-msheet{
  /* z-index alt sekme çubuğunun (3900) ALTINDA olmalı: menü açıkken çubuk üstte
     kalsın ki "✕ Menü" ile kapatılabilsin. 3950 iken çubuk perdenin arkasında
     kalıyordu — kullanıcı menüyü kapatmak için nereye basacağını bilemiyordu. */
  position:fixed; inset:0; z-index:3850; display:flex; align-items:flex-end;
  background:rgba(4,8,18,.62); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  animation:bwMSheetIn .16s ease;
}
@keyframes bwMSheetIn{ from{ opacity:0 } to{ opacity:1 } }
html[data-mobile] .bw-msheet-in{
  width:100%; max-height:calc(100dvh - 54px); overflow-y:auto; -webkit-overflow-scrolling:touch;
  background:var(--bg-2, #0b1120); border-top:1px solid var(--rule-strong, #22314f);
  border-radius:20px 20px 0 0; padding:8px 12px calc(var(--bw-mtab-h) + 24px);
  animation:bwMSheetUp .2s cubic-bezier(.22,.9,.3,1);
}
@keyframes bwMSheetUp{ from{ transform:translateY(18px) } to{ transform:none } }
html[data-mobile] .bw-msheet-grip{
  width:38px; height:4px; border-radius:999px;
  background:var(--rule-strong, #22314f); margin:6px auto 10px;
}
html[data-mobile] .bw-msheet-gt{
  font-size:10.5px; font-weight:800; letter-spacing:.9px; text-transform:uppercase;
  color:var(--acc, #a78bfa); padding:14px 8px 6px;
}
html[data-mobile] .bw-msheet-i{
  width:100%; display:flex; align-items:center; gap:12px; padding:12px 10px;
  background:transparent; border:none; border-radius:12px; cursor:pointer; text-align:left;
  color:var(--ink, var(--ink)); text-decoration:none; font-family:inherit;
  min-height:56px !important; font-size:14px !important;
  -webkit-tap-highlight-color:transparent;
}
html[data-mobile] .bw-msheet-i.active{ background:var(--acc-soft, rgba(124,92,255,.14)); }
html[data-mobile] .bw-msheet-i:active{ background:var(--hover, rgba(255,255,255,.06)); }
html[data-mobile] .bw-msheet-i.bw-msheet-danger{ color:var(--dgr, #f87171); }
html[data-mobile] .bw-msheet-e{ font-size:19px; width:26px; text-align:center; flex-shrink:0; }
html[data-mobile] .bw-msheet-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
html[data-mobile] .bw-msheet-t b{ font-size:14px; font-weight:700; }
html[data-mobile] .bw-msheet-t span{
  font-size:11.5px; font-weight:500; color:var(--ink-3, var(--ink-3));
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

/* ── 6) MAIL MERKEZİ / GÖNDERİM — tek kolon, gerçek yükseklik ────────────── */
html[data-mobile] .bw-mc-grid{
  grid-template-columns:1fr !important;
  height:calc(100dvh - var(--bw-mtop-h) - var(--bw-mtab-h)) !important;
}
html[data-mobile] .bw-mail-center{ min-height:0 !important; }
/* Okuma panelinin araç çubuğu 8+ ikon içeriyor → telefonda yatay kaydırılsın */
html[data-mobile] .bw-mc-toolbar{
  overflow-x:auto; overflow-y:hidden; flex-wrap:nowrap !important;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
html[data-mobile] .bw-mc-toolbar::-webkit-scrollbar{ display:none; }
html[data-mobile] .bw-mc-toolbar > button{ flex-shrink:0; min-width:44px; min-height:44px !important; }
/* Mail satırları: dokunma hedefi + uzun konu taşmasın */
html[data-mobile] .mc-mail-row{ padding-top:12px !important; padding-bottom:12px !important; }

/* ── 7) DASHBOARD ve genel grid'ler tek kolona ───────────────────────────── */
html[data-mobile] .bw-dash-grid{ grid-template-columns:1fr !important; }
html[data-mobile] .bw-scard{ padding:15px 16px !important; border-radius:14px !important; }
html[data-mobile] .card{ border-radius:14px !important; }

/* ── 8) DANIŞAN GÜVENLİĞİ — kaza dokunuşu koruması ───────────────────────
   Geri dönüşsüz aksiyonlar (Gönder / Sil / Zamanla) mobilde yeterli hedef
   boyutuna çıkar ve ekranın en altındaki home-bar bölgesine yapışmaz. */
html[data-mobile] button{ touch-action:manipulation; }
html[data-mobile] .main-content button{ min-height:44px; }
html[data-mobile] .bw-danger-zone{ padding-bottom:calc(var(--bw-mtab-h) + 10px) !important; }

/* ── 9) ONAY MODALI — telefonda kaza dokunuşu koruması ───────────────────
   Masaüstünde [Vazgeç][Evet] yan yana sorun değil; telefonda iki hedef
   birbirine 10px mesafede ve başparmak menzilinde. Dikey düzende alt sıraya
   Vazgeç gelir (column-reverse) → yanlış dokunuş her zaman GÜVENLİ tarafa
   düşer. 192 mailin tek güne yığıldığı olay gibi kazaların bir kaynağı da
   budur: onay ekranı okunmadan geçilir. */
html[data-mobile] .bw-confirm-box{ padding:20px 18px !important; border-radius:18px !important; }
html[data-mobile] .bw-confirm-row{
  flex-direction:column-reverse !important; gap:10px !important; justify-content:stretch !important;
}
html[data-mobile] .bw-confirm-row button{
  width:100% !important; min-height:50px !important; font-size:15px !important; border-radius:12px !important;
}

/* ── 10) MAIL MERKEZİ ÜST ŞERİDİ — telefonda taşmasın ────────────────────── */
html[data-mobile] .bw-mail-center > div:first-child{
  padding:8px 12px !important; gap:6px !important;
  overflow-x:auto; scrollbar-width:none; flex-wrap:nowrap !important;
}
html[data-mobile] .bw-mail-center > div:first-child::-webkit-scrollbar{ display:none; }

/* ── 11) GENEL TAŞMA KORUMALARI ──────────────────────────────────────────
   Sabit piksel genişlikler ve geniş tablolar telefonda yatay kaydırma
   yaratıyordu — kaydırma sayfanın TAMAMINA yayılınca panel bozuk görünüyor.
   Çözüm: taşmayı ilgili kutunun içine hapset. */
html[data-mobile] .main-content table{
  display:block; width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;
}
html[data-mobile] .main-content pre,
html[data-mobile] .main-content code{ white-space:pre-wrap; word-break:break-word; }
html[data-mobile] .main-content img{ max-width:100%; height:auto; }
/* Uzun e-posta adresleri / URL'ler satırı taşırmasın */
html[data-mobile] .main-content a{ word-break:break-word; }

/* ── 12) MODAL'LAR — telefonda tam ekran sayfa gibi ──────────────────────── */
html[data-mobile] .modal-overlay{ padding:0 !important; align-items:stretch !important; }
html[data-mobile] .modal-overlay > div{
  width:100% !important; max-width:100% !important; max-height:100dvh !important;
  border-radius:0 !important; margin:0 !important;
}

/* ── 13) ONAY BUTONLARI — tema !important'ına karşı garanti görünürlük ─────
   12 Ağu 2026 mobil testinde yakalandı: "Evet, devam et" butonunun satır-içi
   `background:var(--acc)` değeri tema CSS'indeki !important kurallar tarafından
   eziliyor, buton kart zemini ile aynı renge düşüyordu — yani geri dönüşsüz bir
   işlemin onay butonu DÜZ YAZI gibi görünüyordu. Masaüstünde de böyleydi.
   Artık sınıf üzerinden, !important ile sabitlendi. */
button.bw-confirm-ok:not(#\.){
  background:var(--acc, #7c5cff) !important;
  color:#fff !important;
  border:1px solid var(--acc, #7c5cff) !important;
  font-weight:800 !important;
}
button.bw-confirm-cancel:not(#\.){
  background:transparent !important;
  color:var(--ink-2, var(--ink-2)) !important;
  border:1px solid var(--rule-strong, #22314f) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   MOBİL v2 — "OPERASYON RADARI" · 12 Ağustos 2026
   ───────────────────────────────────────────────────────────────────────────
   Tasarım yönü: masaüstünün küçültülmüş kopyası değil, günlük operasyon kumandası.
   Sakin, ciddi, veri yoğun ama panik yaratmayan B2B arayüz.

   KURALLAR (bu blokta ihlal edilirse tasarım bozulur):
   • Sabit hex YOK — 13 palet × 6 tip × 6 font destekleniyor, sadece token.
   • Emoji YOK — BwIcon outline seti.
   • Dokunma hedefi ≥ 44px.
   • Kart yarıçapı 14–18px.
   • Renk sadece ANLAM taşıdığında: --hot sıcak lead, --suc olumlu, --warn kota/bekleyen,
     --dgr hata. Dekoratif renk kullanılmaz.
   • Masaüstü DEĞİŞMEZ — her kural html[data-mobile] altında.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── SEMANTİK TOKEN DÜZELTMESİ ─────────────────────────────────────────────
   12 Ağu 2026: `--hot` (sıcak lead) panelde HİÇ TANIMLI DEĞİLDİ ama mobil blokta
   7 yerde kullanılıyordu. Sonuç: "Aç" butonunun arka planı boş, sıcak kuyruk ikonu
   renksiz, "Öncelikli" etiketi görünmez. Tek yerden tanımlanıyor; palet --rose
   tanımlıyorsa onu devralır. Anlamı palet değişse de sabit kalır. */
:root{ --hot:#fb7185; }
html[data-palette]{ --hot:var(--rose, #fb7185); }

/* ── Alt menü: SVG ikonlar ─────────────────────────────────────────────── */
html[data-mobile] .bw-mtab{ grid-template-columns:repeat(5,1fr); }
html[data-mobile] .bw-mtab-i{ height:58px; min-height:58px !important; gap:4px; }
html[data-mobile] .bw-mtab-e{
  font-size:0 !important; line-height:0; display:grid; place-items:center; position:relative;
}
html[data-mobile] .bw-mtab-e svg{ display:block; }
html[data-mobile] .bw-mtab-i.active svg{ stroke-width:2.2; }
html[data-mobile] .bw-mtab-dot{
  position:absolute; top:-7px; left:10px; min-width:17px; height:17px; padding:0 4px;
  border-radius:999px; background:var(--dgr); color:#fff; font-size:9.5px !important;
  font-weight:800; display:grid; place-items:center; border:2px solid var(--bg-2); line-height:1;
}
/* Basılı durum geri bildirimi — PWA'da "tıkladım mı?" belirsizliğini kaldırır */
html[data-mobile] .bw-mtab-i:active{ background:var(--hover); }
html[data-mobile] .bw-mtab-i:focus-visible{ outline:2px solid var(--acc); outline-offset:-3px; border-radius:10px; }

/* ── MENÜ SAYFASI (tam sayfa, gruplu) ──────────────────────────────────── */
.bw-mpage{ display:none; }
html[data-mobile] .bw-mpage{
  /* 12 Ağu 2026 — display:block ŞART. Temel kuralda .bw-mpage{display:none} var
     (masaüstünde görünmesin diye); burada geri açmayı unutunca Menü sekmesi
     hiçbir şey yapmıyor gibi görünüyordu — DOM'da 13 satır vardı ama gizliydi. */
  display:block;
  position:fixed; left:0; right:0; z-index:3880;
  top:var(--bw-mtop-h); bottom:var(--bw-mtab-h);
  background:var(--bg); overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:14px 14px calc(var(--bw-mtab-h) + 8px);
  animation:bwMPage .16s ease;
}
@keyframes bwMPage{ from{ opacity:0; transform:translateY(6px) } to{ opacity:1; transform:none } }

html[data-mobile] .bw-mprofile{
  display:flex; align-items:center; gap:12px; padding:14px;
  background:var(--bg-card); border:1px solid var(--rule); border-radius:16px;
}
html[data-mobile] .bw-mprofile-av{
  width:44px; height:44px; border-radius:14px; flex-shrink:0;
  background:var(--acc-soft); color:var(--acc); display:grid; place-items:center; font:800 18px inherit;
}
html[data-mobile] .bw-mprofile-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
html[data-mobile] .bw-mprofile-t b{ font-size:14px; font-weight:700; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-mobile] .bw-mprofile-t span{ font-size:11.5px; color:var(--ink-3);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-mobile] .bw-mprofile-pkg{
  padding:3px 9px; border-radius:7px; color:#fff; font:900 10px inherit; letter-spacing:.3px; flex-shrink:0;
}
html[data-mobile] .bw-mnote{
  margin-top:9px; padding:9px 13px; border-radius:11px; font-size:12px; line-height:1.5;
  background:rgba(245,158,11,.10); border:1px solid rgba(245,158,11,.32); color:var(--warn);
}
html[data-mobile] .bw-mnote b{ color:var(--warn); }

html[data-mobile] .bw-mgt{
  font-size:10.5px; font-weight:800; letter-spacing:.9px; text-transform:uppercase;
  color:var(--ink-4); padding:20px 6px 8px;
}
html[data-mobile] .bw-mgroup{
  background:var(--bg-card); border:1px solid var(--rule); border-radius:16px; overflow:hidden;
}
html[data-mobile] .bw-mrow{
  width:100%; display:flex; align-items:center; gap:13px; padding:12px 14px;
  min-height:58px !important; background:transparent; border:none; cursor:pointer; text-align:left;
  color:var(--ink); font-family:inherit; font-size:14px !important;
  border-bottom:1px solid var(--rule); -webkit-tap-highlight-color:transparent;
}
html[data-mobile] .bw-mgroup .bw-mrow:last-child{ border-bottom:none; }
html[data-mobile] .bw-mrow.active{ background:var(--acc-soft); }
html[data-mobile] .bw-mrow.active .bw-mrow-i{ color:var(--acc); }
html[data-mobile] .bw-mrow:active{ background:var(--hover); }
html[data-mobile] .bw-mrow:focus-visible{ outline:2px solid var(--acc); outline-offset:-2px; }
html[data-mobile] .bw-mrow-i{ color:var(--ink-3); flex-shrink:0; display:grid; place-items:center; width:22px; }
html[data-mobile] .bw-mrow-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
html[data-mobile] .bw-mrow-t b{ font-size:14px; font-weight:650; }
html[data-mobile] .bw-mrow-t span{ font-size:11.5px; font-weight:500; color:var(--ink-3);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-mobile] .bw-mrow-c{ color:var(--ink-4); flex-shrink:0; }
html[data-mobile] .bw-mrow-danger{ color:var(--dgr); }
html[data-mobile] .bw-mrow-danger .bw-mrow-i{ color:var(--dgr); }
html[data-mobile] .bw-mrow-danger .bw-mrow-t span{ color:var(--ink-4); }

/* Menü açıkken alttaki ekran gizlenmez ama etkileşim almasın */
html[data-mobile] .bw-mpage ~ * { }

/* ── ÖZET EKRANI (mobil) ───────────────────────────────────────────────────
   Masaüstü Özet içeriği mobilde gizlenir; yerine .bw-mozet gelir.
   TEK sınıf-tabanlı kural — eski `div[style*="..."]` yamaları gibi kırılgan değil. */
html[data-mobile] .dash-page > *:not(.bw-mozet){ display:none !important; }
html[data-mobile] .dash-page{ padding:0 !important; }
html[data-mobile] .bw-mozet{ padding:14px 14px calc(var(--bw-mtab-h) + 16px); }

html[data-mobile] .bw-mhead h1{ font-size:21px; font-weight:800; margin:2px 0 3px; letter-spacing:-.3px; color:var(--ink); }
html[data-mobile] .bw-mhead p{ font-size:12.5px; color:var(--ink-3); margin:0 0 16px; line-height:1.5; }

html[data-mobile] .bw-mcard{
  background:var(--bg-card); border:1px solid var(--rule); border-radius:16px;
  padding:14px 14px 12px; margin-bottom:12px;
}
html[data-mobile] .bw-mcard-t{ font-size:12.5px; font-weight:800; color:var(--ink); margin-bottom:11px; }

/* Odak satırı */
html[data-mobile] .bw-mfocus{
  width:100%; display:flex; align-items:center; gap:11px; padding:11px 12px; margin-bottom:8px;
  background:var(--bg-soft); border:1px solid transparent; border-radius:12px;
  min-height:56px !important; cursor:pointer; text-align:left; color:var(--ink);
  font-family:inherit; font-size:13px !important; -webkit-tap-highlight-color:transparent;
}
html[data-mobile] .bw-mfocus:last-child{ margin-bottom:0; }
html[data-mobile] .bw-mfocus:active{ background:var(--bg-elev); }
html[data-mobile] .bw-mfocus:focus-visible{ outline:2px solid var(--acc); outline-offset:1px; }
html[data-mobile] .bw-mfocus.hot{ border-color:rgba(251,113,133,.34); background:rgba(251,113,133,.07); }
html[data-mobile] .bw-mfocus-n{
  width:25px; height:25px; border-radius:8px; flex-shrink:0; display:grid; place-items:center;
  background:var(--bg-elev); color:var(--ink-3); font:800 12px inherit;
}
html[data-mobile] .bw-mfocus.hot .bw-mfocus-n{ background:var(--hot); color:#2a0a10; }
html[data-mobile] .bw-mfocus-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
html[data-mobile] .bw-mfocus-t b{ font-size:13px; font-weight:650; line-height:1.35; display:flex; align-items:center; gap:7px; flex-wrap:wrap; }
html[data-mobile] .bw-mfocus-t span{ font-size:11px; color:var(--ink-3); }
html[data-mobile] .bw-mfocus-tag{
  font-style:normal; font-size:9.5px; font-weight:800; letter-spacing:.3px; padding:2px 7px;
  border-radius:6px; background:rgba(251,113,133,.16); color:var(--hot); flex-shrink:0;
}
html[data-mobile] .bw-mfocus-cta{
  display:inline-flex; align-items:center; gap:3px; flex-shrink:0; padding:7px 11px;
  border-radius:9px; background:var(--hot); color:#2a0a10; font:800 12px inherit;
}
html[data-mobile] .bw-mfocus-c{ color:var(--ink-4); flex-shrink:0; }

/* Sıcak kuyruk kartı */
html[data-mobile] .bw-mhot{ border-color:rgba(251,113,133,.38); background:rgba(251,113,133,.06); }
html[data-mobile] .bw-mhot-in{ display:flex; align-items:flex-start; gap:12px; }
html[data-mobile] .bw-mhot-ic{
  width:38px; height:38px; border-radius:12px; flex-shrink:0; display:grid; place-items:center;
  background:rgba(251,113,133,.15); color:var(--hot);
}
html[data-mobile] .bw-mhot-t{ flex:1; min-width:0; }
html[data-mobile] .bw-mhot-lbl{ font-size:12px; font-weight:800; color:var(--hot); }
html[data-mobile] .bw-mhot-val{ font-size:30px; font-weight:900; letter-spacing:-1px; line-height:1.1; color:var(--ink); }
html[data-mobile] .bw-mhot-sub{ font-size:11.5px; color:var(--ink-2); margin-top:2px; line-height:1.45; }
html[data-mobile] .bw-mhot-age{ font-size:11px; color:var(--ink-3); margin-top:3px; }
html[data-mobile] .bw-mhot-btn{
  flex-shrink:0; align-self:center; display:inline-flex; align-items:center; gap:3px;
  padding:0 13px; min-height:44px; border-radius:11px; border:1px solid rgba(251,113,133,.5);
  background:transparent; color:var(--hot); font:800 12.5px inherit; cursor:pointer;
}
html[data-mobile] .bw-mhot-btn:active{ background:rgba(251,113,133,.12); }

/* Metrikler 2×2 */
html[data-mobile] .bw-mgt2{
  font-size:10.5px; font-weight:800; letter-spacing:.9px; text-transform:uppercase;
  color:var(--ink-4); padding:6px 4px 8px;
}
html[data-mobile] .bw-mstats{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }
html[data-mobile] .bw-mstat{
  background:var(--bg-card); border:1px solid var(--rule); border-radius:15px; padding:13px 14px;
  display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; gap:2px 10px; align-items:center;
}
html[data-mobile] .bw-mstat-ic{
  grid-row:span 2; width:34px; height:34px; border-radius:11px; display:grid; place-items:center;
  background:var(--bg-soft); color:var(--ink-3);
}
html[data-mobile] .bw-mstat-ic.ok{ background:rgba(52,211,153,.13); color:var(--suc); }
html[data-mobile] .bw-mstat-ic.warn{ background:rgba(245,158,11,.13); color:var(--warn); }
html[data-mobile] .bw-mstat-l{ font-size:10.5px; color:var(--ink-3); font-weight:600; align-self:end; }
html[data-mobile] .bw-mstat-v{ font-size:20px; font-weight:800; letter-spacing:-.4px; color:var(--ink); align-self:start; line-height:1.15; }
html[data-mobile] .bw-mstat-v.ok{ color:var(--suc); }
html[data-mobile] .bw-mstat-v.warn{ color:var(--warn); }

/* Kota */
html[data-mobile] .bw-mquota{
  background:var(--bg-card); border:1px solid var(--rule); border-radius:15px; padding:13px 14px;
}
html[data-mobile] .bw-mquota.full{ border-color:rgba(245,158,11,.4); background:rgba(245,158,11,.06); }
html[data-mobile] .bw-mquota-h{ display:flex; justify-content:space-between; align-items:baseline; font-size:12px; color:var(--ink-3); }
html[data-mobile] .bw-mquota-h b{ font-size:12.5px; color:var(--ink); font-weight:800; }
html[data-mobile] .bw-mquota.full .bw-mquota-h b{ color:var(--warn); }
html[data-mobile] .bw-mquota-bar{ height:6px; border-radius:999px; background:var(--bg-soft); margin:9px 0 7px; overflow:hidden; }
html[data-mobile] .bw-mquota-bar span{ display:block; height:100%; border-radius:999px; background:var(--acc); transition:width .3s ease; }
html[data-mobile] .bw-mquota.full .bw-mquota-bar span{ background:var(--warn); }
html[data-mobile] .bw-mquota-s{ font-size:11px; color:var(--ink-3); line-height:1.45; }

/* Skeleton + boş durum (emoji/illüstrasyon YOK — kısa ve eyleme dönük) */
html[data-mobile] .bw-sk-list{ display:flex; flex-direction:column; gap:8px; }
html[data-mobile] .bw-sk{
  border-radius:12px; background:linear-gradient(90deg, var(--bg-soft) 25%, var(--bg-elev) 50%, var(--bg-soft) 75%);
  background-size:200% 100%; animation:bwSk 1.4s ease-in-out infinite;
}
@keyframes bwSk{ from{ background-position:200% 0 } to{ background-position:-200% 0 } }
html[data-mobile] .bw-mempty{
  display:flex; flex-direction:column; align-items:center; gap:6px; padding:22px 14px; text-align:center;
}
html[data-mobile] .bw-mempty svg{ color:var(--ink-4); margin-bottom:2px; }
html[data-mobile] .bw-mempty b{ font-size:13px; font-weight:700; color:var(--ink-2); }
html[data-mobile] .bw-mempty span{ font-size:11.5px; color:var(--ink-4); line-height:1.5; max-width:250px; }

/* ── GELEN EKRANI (mobil) ─────────────────────────────────────────────────
   Eski üst çubuk + başlık + filtre hapları (242px) gizlenir; yerine 44px'lik
   tek kontrol satırı + segmentler + bölüm başlığı gelir. */
html[data-mobile] .bw-mc-topbar,
html[data-mobile] .bw-mc-listhead,
html[data-mobile] .bw-mc-pills{ display:none !important; }

html[data-mobile] .bw-mi-ctrl{
  display:flex; align-items:center; gap:8px; padding:8px 12px; flex-shrink:0;
  background:var(--bg-2); border-bottom:1px solid var(--rule);
}
html[data-mobile] .bw-mi-folder{
  display:flex; align-items:center; gap:7px; min-height:44px; padding:0 12px;
  border-radius:11px; border:1px solid var(--rule); background:var(--bg-card);
  color:var(--ink); font:700 13.5px inherit; cursor:pointer; min-width:0; flex:0 1 auto;
}
html[data-mobile] .bw-mi-folder span{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-mobile] .bw-mi-folder svg{ color:var(--ink-3); flex-shrink:0; }
html[data-mobile] .bw-mi-folder:active{ background:var(--bg-elev); }
html[data-mobile] .bw-mi-count{ font:800 13px inherit; color:var(--ink-3); flex-shrink:0; }
html[data-mobile] .bw-mi-filter{
  margin-left:auto; display:inline-flex; align-items:center; gap:6px; min-height:44px; padding:0 13px;
  border-radius:11px; border:1px solid var(--rule); background:var(--bg-card);
  color:var(--ink-2); font:700 12.5px inherit; cursor:pointer; flex-shrink:0;
}
html[data-mobile] .bw-mi-filter svg{ color:var(--ink-3); }

/* Öncelik segmentleri — en fazla 3, tek satır */
html[data-mobile] .bw-mi-segs{
  display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:10px 12px 4px; flex-shrink:0;
}
html[data-mobile] .bw-mi-seg{
  min-height:44px; border-radius:11px; border:1px solid var(--rule); background:transparent;
  color:var(--ink-3); font:600 12px inherit; cursor:pointer;
  display:flex; align-items:center; justify-content:center; gap:6px; padding:0 6px;
}
html[data-mobile] .bw-mi-seg b{ font-weight:800; font-size:12.5px; }
html[data-mobile] .bw-mi-seg.on{ background:var(--bg-card); border-color:var(--rule-strong); color:var(--ink); }
html[data-mobile] .bw-mi-seg.on.hot{ border-color:rgba(251,113,133,.5); color:var(--hot); }
html[data-mobile] .bw-mi-seg.on.ok{ border-color:rgba(52,211,153,.45); color:var(--suc); }
html[data-mobile] .bw-mi-seg:focus-visible{ outline:2px solid var(--acc); outline-offset:1px; }

html[data-mobile] .bw-mi-sect{ padding:12px 14px 8px; flex-shrink:0; }
html[data-mobile] .bw-mi-sect b{ display:block; font-size:13.5px; font-weight:800; color:var(--ink); }
html[data-mobile] .bw-mi-sect span{ display:block; font-size:11.5px; color:var(--ink-3); margin-top:2px; }

/* Satır: önizleme + durum etiketi */
html[data-mobile] .bw-mrow-meta{ display:flex; align-items:center; gap:7px; margin-top:3px; }
html[data-mobile] .bw-mrow-sn{
  flex:1; min-width:0; font-size:11.5px; color:var(--ink-3); line-height:1.4;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html[data-mobile] .bw-mrow-tag{
  flex-shrink:0; padding:2px 7px; border-radius:6px; font:800 9.5px inherit; letter-spacing:.3px;
  background:var(--bg-soft); color:var(--ink-4);
}
html[data-mobile] .bw-mrow-tag.ok{ background:rgba(52,211,153,.14); color:var(--suc); }
html[data-mobile] .bw-mrow-tag.warn{ background:rgba(245,158,11,.14); color:var(--warn); }
html[data-mobile] .bw-mrow-tag.mute{ background:var(--bg-soft); color:var(--ink-4); }
/* Ret/oto-yanıt satırları soluk — göz önce fırsatlara gitsin */
html[data-mobile] .mc-mail-row:has(.bw-mrow-tag.mute){ opacity:.62; }

/* Klasör sheet'i satır tonları */
html[data-mobile] .bw-mrow-i.ok{ color:var(--suc) !important; }
html[data-mobile] .bw-fc.ok{ background:rgba(52,211,153,.16) !important; color:var(--suc) !important; }
html[data-mobile] .bw-mrow-mute .bw-mrow-t b{ color:var(--ink-3); font-weight:600; }
html[data-mobile] .bw-mrow-mute .bw-mrow-i{ opacity:.65; }

/* ── GÖNDER EKRANI (mobil) ───────────────────────────────────────────────── */
html[data-mobile] .bw-send-page > *:not(.bw-msend){ display:none !important; }
html[data-mobile] .bw-msend{ padding:14px 14px calc(var(--bw-mtab-h) + 16px); }

html[data-mobile] .bw-msq-in{ display:flex; align-items:center; gap:16px; }
html[data-mobile] .bw-msq-ring{ position:relative; width:82px; height:82px; flex-shrink:0; }
html[data-mobile] .bw-msq-rv{
  position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1px;
}
html[data-mobile] .bw-msq-rv b{ font-size:25px; font-weight:900; letter-spacing:-1px; color:var(--ink); line-height:1; }
html[data-mobile] .bw-msq-rv em{ font-style:normal; font-size:8.5px; color:var(--ink-3); text-align:center; line-height:1.2; max-width:64px; }
html[data-mobile] .bw-msq-nums{ flex:1; display:flex; justify-content:space-between; gap:8px; }
html[data-mobile] .bw-msq-nums div{ display:flex; flex-direction:column; align-items:flex-start; gap:1px; }
html[data-mobile] .bw-msq-nums b{ font-size:21px; font-weight:800; letter-spacing:-.5px; color:var(--ink); line-height:1.1; }
html[data-mobile] .bw-msq-nums span{ font-size:10.5px; color:var(--ink-3); }

/* Kota dolu uyarısı */
html[data-mobile] .bw-mwarn{
  display:flex; align-items:flex-start; gap:12px; padding:14px; margin-bottom:12px;
  border-radius:16px; background:rgba(245,158,11,.08); border:1px solid rgba(245,158,11,.4);
}
html[data-mobile] .bw-mwarn-ic{
  width:38px; height:38px; border-radius:12px; flex-shrink:0; display:grid; place-items:center;
  background:rgba(245,158,11,.16); color:var(--warn);
}
html[data-mobile] .bw-mwarn b{ display:block; font-size:13.5px; font-weight:800; color:var(--warn); margin-bottom:3px; }
html[data-mobile] .bw-mwarn span{ display:block; font-size:11.5px; color:var(--ink-2); line-height:1.5; }

/* Ana eylem — kilitliyse GERÇEKTEN devre dışı (sadece soluk değil) */
html[data-mobile] .bw-msend-cta{
  width:100%; min-height:52px; border-radius:14px; border:none; margin-bottom:10px;
  background:var(--acc); color:#fff; font:800 14px inherit; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:9px;
}
html[data-mobile] .bw-msend-cta:disabled{
  background:var(--bg-soft); color:var(--ink-4); cursor:not-allowed; border:1px solid var(--rule);
}
html[data-mobile] .bw-msend-cta:not(:disabled):active{ filter:brightness(.92); }

html[data-mobile] .bw-mline{
  width:100%; display:flex; align-items:center; gap:12px; min-height:54px; padding:0 14px; margin-bottom:14px;
  border-radius:14px; background:var(--bg-card); border:1px solid var(--rule);
  color:var(--ink); font-family:inherit; font-size:13.5px; cursor:pointer; text-align:left;
}
html[data-mobile] .bw-mline-i{ color:var(--ink-3); display:grid; place-items:center; flex-shrink:0; }
html[data-mobile] .bw-mline-t{ flex:1; font-weight:650; }
html[data-mobile] .bw-mline-v{ font-size:12px; color:var(--ink-3); font-weight:700; }

/* Gönderen hesaplar */
html[data-mobile] .bw-macc{ padding:11px 0; border-bottom:1px solid var(--rule); }
html[data-mobile] .bw-macc:last-child{ border-bottom:none; }
html[data-mobile] .bw-macc-h{ display:flex; align-items:center; gap:8px; margin-bottom:7px; }
html[data-mobile] .bw-macc-h svg{ color:var(--ink-4); flex-shrink:0; }
html[data-mobile] .bw-macc-e{ flex:1; min-width:0; font-size:12.5px; color:var(--ink-2);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html[data-mobile] .bw-macc-h b{ font-size:12px; font-weight:800; color:var(--ink-3); flex-shrink:0; }
html[data-mobile] .bw-macc-bar{ display:block; height:5px; border-radius:999px; background:var(--bg-soft); overflow:hidden; }
html[data-mobile] .bw-macc-bar i{ display:block; height:100%; border-radius:999px; background:var(--acc); }

/* Takip Pilotu */
html[data-mobile] .bw-mpilot{ display:flex; align-items:center; gap:12px; }
html[data-mobile] .bw-mpilot-ic{
  width:38px; height:38px; border-radius:12px; flex-shrink:0; display:grid; place-items:center;
  background:var(--acc-soft); color:var(--acc);
}
html[data-mobile] .bw-mpilot-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
html[data-mobile] .bw-mpilot-t b{ font-size:13.5px; font-weight:700; }
html[data-mobile] .bw-mpilot-t span{ display:inline-flex; align-items:center; gap:5px; font-size:11px; color:var(--ink-4); }
html[data-mobile] .bw-mpilot-t span i{ width:6px; height:6px; border-radius:99px; background:var(--ink-4); }
html[data-mobile] .bw-mpilot-t span.on{ color:var(--suc); }
html[data-mobile] .bw-mpilot-t span.on i{ background:var(--suc); }
html[data-mobile] .bw-mpilot-n{ text-align:right; flex-shrink:0; }
html[data-mobile] .bw-mpilot-n b{ display:block; font-size:17px; font-weight:800; color:var(--ink); line-height:1.15; }
html[data-mobile] .bw-mpilot-n span{ display:block; font-size:9.5px; color:var(--ink-4); }

/* Güvenlik açıklaması */
html[data-mobile] .bw-msafe{
  display:flex; align-items:flex-start; gap:11px; padding:13px 14px; margin-top:12px;
  border-radius:14px; background:var(--bg-soft); border:1px solid var(--rule);
}
html[data-mobile] .bw-msafe-ic{ color:var(--acc-2); flex-shrink:0; margin-top:1px; }
html[data-mobile] .bw-msafe b{ display:block; font-size:12.5px; font-weight:700; color:var(--ink-2); margin-bottom:3px; }
html[data-mobile] .bw-msafe span{ display:block; font-size:11px; color:var(--ink-3); line-height:1.55; }

/* Onay sheet'i — sonuç büyük puntoyla, metin bloğu değil */
html[data-mobile] .bw-mconf-h{ font-size:18px; font-weight:800; letter-spacing:-.3px; padding:4px 4px 3px; }
html[data-mobile] .bw-mconf-s{ font-size:12px; color:var(--ink-3); padding:0 4px 14px; line-height:1.5; }
html[data-mobile] .bw-mconf-g{ display:flex; gap:9px; margin-bottom:12px; }
html[data-mobile] .bw-mconf-b{
  flex:1; background:var(--bg-card); border:1px solid var(--rule); border-radius:13px; padding:12px 13px;
}
html[data-mobile] .bw-mconf-b .mini{ display:block; font-size:9.5px; font-weight:700; letter-spacing:.6px;
  text-transform:uppercase; color:var(--ink-4); margin-bottom:5px; }
html[data-mobile] .bw-mconf-b b{ display:block; font-size:27px; font-weight:900; letter-spacing:-1px; line-height:1; color:var(--ink); }
html[data-mobile] .bw-mconf-sub{ display:block; font-size:10.5px; color:var(--ink-3); margin-top:5px; line-height:1.4; }
html[data-mobile] .bw-mconf-note{
  display:flex; align-items:flex-start; gap:9px; padding:10px 12px; border-radius:11px; margin-bottom:14px;
  background:var(--acc-soft);
}
html[data-mobile] .bw-mconf-note svg{ color:var(--acc); flex-shrink:0; margin-top:1px; }
html[data-mobile] .bw-mconf-note span{ font-size:11.5px; color:var(--ink-2); line-height:1.5; }

/* Basılı tutarak onayla */
html[data-mobile] .bw-mhold{
  position:relative; width:100%; min-height:54px; border-radius:14px; overflow:hidden;
  border:1.5px solid var(--acc); background:var(--acc-soft); color:var(--acc);
  font:800 14px inherit; cursor:pointer; touch-action:none; -webkit-user-select:none; user-select:none;
  display:grid; place-items:center;
}
html[data-mobile] .bw-mhold-fill{
  position:absolute; left:0; top:0; bottom:0; background:var(--acc); transition:width .04s linear;
}
html[data-mobile] .bw-mhold-t{ position:relative; z-index:1; mix-blend-mode:difference; color:#fff; }
html[data-mobile] .bw-mconf-cancel{
  width:100%; min-height:48px; margin-top:9px; border:none; background:transparent;
  color:var(--ink-3); font:600 13.5px inherit; cursor:pointer;
}

/* Geri alma şeridi */
html[data-mobile] .bw-mundo{
  position:fixed; left:12px; right:12px; bottom:calc(var(--bw-mtab-h) + 10px); z-index:3960;
  display:flex; align-items:center; gap:11px; padding:12px 14px 14px;
  border-radius:15px; background:var(--bg-elev); border:1px solid var(--rule-strong);
  box-shadow:0 14px 34px -14px rgba(0,0,0,.75);
}
html[data-mobile] .bw-mundo-ic{ color:var(--warn); flex-shrink:0; }
html[data-mobile] .bw-mundo-t{ flex:1; min-width:0; }
html[data-mobile] .bw-mundo-t b{ display:block; font-size:12.5px; font-weight:700; color:var(--ink); }
html[data-mobile] .bw-mundo-t span{ display:block; font-size:11px; color:var(--ink-3); margin-top:1px; }
html[data-mobile] .bw-mundo button{
  flex-shrink:0; min-height:42px; padding:0 15px; border-radius:11px;
  border:1px solid var(--acc); background:transparent; color:var(--acc); font:800 12.5px inherit; cursor:pointer;
}
html[data-mobile] .bw-mundo-bar{
  position:absolute; left:14px; right:14px; bottom:7px; height:3px; border-radius:999px;
  background:var(--bg-soft); overflow:hidden;
}
html[data-mobile] .bw-mundo-bar i{ display:block; height:100%; background:var(--acc); border-radius:999px; transition:width 1s linear; }

/* ── LEAD EKRANI (mobil) ─────────────────────────────────────────────────
   Skor öncelikli kart: 46px renkli skor + marka adı + tek satır meta + tek aksiyon.
   Kart 150px'ten ~72px'e indi → ekranda 3 yerine 6-7 marka. */
html[data-mobile] .bw-disc-page > *:not(.bw-mlead){ display:none !important; }
html[data-mobile] .bw-mlead{ padding:14px 14px calc(var(--bw-mtab-h) + 16px); }

html[data-mobile] .bw-mlead-c{
  width:100%; display:flex; align-items:center; gap:12px; padding:12px 13px; margin-bottom:9px;
  background:var(--bg-card); border:1px solid var(--rule); border-radius:15px;
  cursor:pointer; text-align:left; font-family:inherit; min-height:70px;
  -webkit-tap-highlight-color:transparent;
}
html[data-mobile] .bw-mlead-c:active{ background:var(--bg-elev); }
html[data-mobile] .bw-mlead-c:focus-visible{ outline:2px solid var(--acc); outline-offset:1px; }
html[data-mobile] .bw-mlead-sc{
  width:46px; height:46px; border-radius:14px; flex-shrink:0;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  border:1.5px solid var(--rule); background:var(--bg-soft);
}
html[data-mobile] .bw-mlead-sc b{ font-size:17px; font-weight:900; line-height:1; color:var(--ink-3); }
html[data-mobile] .bw-mlead-sc em{ font-style:normal; font-size:7.5px; font-weight:700; letter-spacing:.4px; color:var(--ink-4); }
/* Skor eşikleri: ≥50 yeşil, 30–49 amber, <30 nötr. NOT: eşikler tahmin —
   gerçek dönüşüm verisiyle doğrulanmalı, veri gelince burası güncellenir. */
html[data-mobile] .bw-mlead-sc.ok{ border-color:rgba(52,211,153,.42); background:rgba(52,211,153,.12); }
html[data-mobile] .bw-mlead-sc.ok b, html[data-mobile] .bw-mlead-sc.ok em{ color:var(--suc); }
html[data-mobile] .bw-mlead-sc.warn{ border-color:rgba(245,158,11,.4); background:rgba(245,158,11,.11); }
html[data-mobile] .bw-mlead-sc.warn b, html[data-mobile] .bw-mlead-sc.warn em{ color:var(--warn); }
html[data-mobile] .bw-mlead-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
html[data-mobile] .bw-mlead-n{
  display:flex; align-items:center; gap:7px; font-size:14.5px; font-weight:800; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html[data-mobile] .bw-mlead-ok{ color:var(--suc); flex-shrink:0; }
html[data-mobile] .bw-mlead-m{
  font-size:11.5px; color:var(--ink-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html[data-mobile] .bw-mlead-b{
  flex-shrink:0; min-height:40px; padding:0 15px; border-radius:11px; display:grid; place-items:center;
  background:var(--acc); color:#fff; font:800 12.5px inherit;
}
html[data-mobile] .bw-mlead-b.g{ background:var(--bg-soft); color:var(--ink-2); border:1px solid var(--rule); }
html[data-mobile] .bw-mmore{
  width:100%; min-height:48px; border-radius:13px; border:1px solid var(--rule);
  background:transparent; color:var(--ink-2); font:700 13px inherit; cursor:pointer; margin-top:4px;
}

/* Aktif sekme: ikonun arkasında yuvarlak zemin (mockup detayı) */
html[data-mobile] .bw-mtab-i.active .bw-mtab-e{
  background:var(--acc-soft); border-radius:11px; padding:5px 15px; margin-bottom:-1px;
}

/* Metrik kartı: değişim oranı satırı (mockup'taki ↑ %18) */
html[data-mobile] .bw-mstat{ grid-template-rows:auto auto auto; }
html[data-mobile] .bw-mstat-d{
  grid-column:2; display:inline-flex; align-items:center; gap:3px;
  font-size:10.5px; font-weight:700; color:var(--ink-4); margin-top:1px;
}
html[data-mobile] .bw-mstat-d.up{ color:var(--suc); }
html[data-mobile] .bw-mstat-d.down{ color:var(--dgr); }
html[data-mobile] .bw-mstat-ic{ grid-row:span 3; }

/* ── GELEN SATIRLARI: mockup'taki KART görünümü ──────────────────────────
   Düz satır + ayraç yerine ayrı ayrı kartlar: kendi köşe yarıçapı, aralarında
   boşluk, solda kategoriye göre renkli kenar. Onay kutusu ve yıldız mobilde
   gizlenir (toplu seçim masaüstü işi) — yerine gönderen avatarı gelir. */
html[data-mobile] .bw-mc-grid > div:first-child{ padding:0 12px 10px; }
html[data-mobile] .mc-mail-row{
  border:1px solid var(--rule) !important;
  border-left:3px solid var(--rule) !important;
  border-radius:14px !important;
  background:var(--bg-card) !important;
  margin-bottom:9px; padding:12px 13px !important; gap:11px !important;
  align-items:flex-start !important;
}
html[data-mobile] .mc-mail-row-unread{ border-color:var(--rule-strong) !important; }
/* Sol kenar rengi = kategori (yalnız anlam taşıdığında) */
html[data-mobile] .mc-mail-row:has(.bw-mrow-tag.ok){ border-left-color:var(--suc) !important; }
html[data-mobile] .mc-mail-row:has(.bw-mrow-tag.warn){ border-left-color:var(--warn) !important; }
html[data-mobile] .mc-mail-row:has(.bw-mrow-tag.mute){ border-left-color:var(--rule) !important; opacity:.6; }
/* Toplu seçim ve yıldız mobilde yok */
html[data-mobile] .mc-mail-row > div:first-child[title],
html[data-mobile] .mc-mail-row > button[title*="ıldız"]{ display:none !important; }
html[data-mobile] .bw-mrow-av{
  width:36px; height:36px; border-radius:12px; flex-shrink:0; display:grid; place-items:center;
  font:800 13px inherit; border:1px solid transparent; margin-top:1px;
}
/* Okunmamış noktası avatar varken gereksiz — kalın yazı zaten belli ediyor */
html[data-mobile] .mc-mail-row [aria-label="okunmamış"]{ display:none !important; }

/* Listenin altındaki tek "Klasörler" satırı */
html[data-mobile] .bw-mfolders{
  width:100%; display:flex; align-items:center; gap:12px; min-height:56px; padding:0 13px;
  margin:4px 0 10px; border-radius:14px; background:var(--bg-card); border:1px solid var(--rule);
  color:var(--ink); font:650 13.5px inherit; cursor:pointer; text-align:left;
}
html[data-mobile] .bw-mfolders svg:first-child{ color:var(--ink-3); flex-shrink:0; }
html[data-mobile] .bw-mfolders span{ flex:1; }

/* Sağ üst küme: paket rozeti mobilde yer kaplıyor, başlığı sıkıştırıyor */
html[data-mobile] .bw-topright .bw-pkg-chip{ display:none !important; }
html[data-mobile] .bw-topright > div:last-child > button{ padding:3px !important; border:none !important; background:transparent !important; }
html[data-mobile] .bw-bell-dot{
  min-width:15px !important; height:15px !important; font-size:9px !important;
  top:-3px !important; right:-3px !important;
}

/* ── SOL KENAR RENGİ: eski masaüstü kuralını aş ───────────────────────────
   `html body .bw-mail-center .mc-mail-row-unread` kuralı okunmamış satırlara
   `border-left:5px solid #fb923c !important` veriyor (masaüstü tasarımı).
   Mobilde bu, kategori rengini eziyordu — olumlu mail de turuncu görünüyordu.
   Kod tabanının yerleşik yöntemiyle (:not(#\.) → id-seviyesi özgüllük) aşılıyor.
   Masaüstü kuralına DOKUNULMADI, sadece mobilde geçersiz kılınıyor. */
html[data-mobile] .bw-mail-center .mc-mail-row:not(#\.){
  border-left:3px solid var(--rule) !important;
}
html[data-mobile] .bw-mail-center .mc-mail-row:not(#\.):has(.bw-mrow-tag.hot){ border-left-color:var(--hot) !important; }
html[data-mobile] .bw-mail-center .mc-mail-row:not(#\.):has(.bw-mrow-tag.ok){ border-left-color:var(--suc) !important; }
html[data-mobile] .bw-mail-center .mc-mail-row:not(#\.):has(.bw-mrow-tag.warn){ border-left-color:var(--warn) !important; }
html[data-mobile] .bw-mail-center .mc-mail-row:not(#\.):has(.bw-mrow-tag.mute){ border-left-color:var(--rule) !important; }
/* Okunmamış göstergesi ::before şeridi mobilde kartın köşe yarıçapını bozuyordu */
html[data-mobile] .bw-mail-center .mc-mail-row-unread::before{ display:none !important; }

/* Durum etiketi — mockup: cümle düzeni, yumuşak zemin */
html[data-mobile] .bw-mrow-tag{
  text-transform:none !important; font-size:10.5px !important; font-weight:700 !important;
  padding:3px 9px !important; border-radius:7px !important;
}
html[data-mobile] .bw-mrow-tag.hot{ background:rgba(251,113,133,.15); color:var(--hot); }

/* Takip Pilotu: iki sayı birbirine yapışıyordu, etiketler kırpılıyordu */
html[data-mobile] .bw-mpilot{ gap:10px !important; flex-wrap:wrap; }
html[data-mobile] .bw-mpilot-t{ flex:1 1 120px; }
html[data-mobile] .bw-mpilot-n{ min-width:62px; padding-left:8px; }
html[data-mobile] .bw-mpilot-n span{ white-space:nowrap; }

/* Menü açıkken altındaki ekran etkileşim almasın (yanlış dokunuş) */
html[data-mobile] .bw-mpage{ overscroll-behavior:contain; }



/* ═══════════════════════════════════════════════════════════════════════════
   PREMIUM V2 — MASAÜSTÜ GÖNDERİM MERKEZİ (13 Ağu 2026)
   ═══════════════════════════════════════════════════════════════════════════
   Hedef: "kart duvarı" değil, sakin bir OPERASYON KONTROL ODASI.
   Kurallar (bilinçli, bozma):
   • Sabit hex YOK — tek istisna aksan üstü mürekkep (#fff), .bw-btn.primary ile
     aynı yerleşik idiom. Yeni palet rengi değil, kontrast rolü.
   • --acc yalnız: ana eylem, seçili sekme, en iyi şablonun sparkline'ı.
   • --warn yalnız: kota baskısı + "Kontrol gerekli". Kartın tamamı sarıya boyanmaz.
   • Tüm ölçüler kullanıcının font seçimine dayanıklı (rem/px karışık değil, font-family
     asla override edilmez — `inherit`).
   • Mobil: .bw-send-page > *:not(.bw-msend){display:none} kuralı bu katmanı zaten
     gizler; yine de layout kuralları html:not([data-mobile]) altında.
   ═══════════════════════════════════════════════════════════════════════════ */
.bw-sr:not(#\.){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* ── Başlık ── */
.bw-sv2-crumb:not(#\.){
  font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--ink-4);
  text-transform:uppercase;margin-bottom:8px;
}
.bw-sv2-crumb span{margin:0 6px;opacity:.6}
.bw-send-page .bw-sv2-head h1{margin-bottom:5px !important}
.bw-sv2-acts{display:flex;gap:10px;align-items:center}
.bw-sv2-btn:not(#\.){
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:10px 17px;border-radius:10px;cursor:pointer;
  border:1px solid var(--rule-strong);background:var(--bg-soft);color:var(--ink-2);
  font-weight:600;font-size:13px;transition:background .16s,color .16s,border-color .16s;
}
.bw-sv2-btn:hover:not(#\.){background:var(--bg-elev);color:var(--ink);border-color:var(--rule-strong)}
.bw-sv2-btn.primary:not(#\.){background:var(--acc);border-color:transparent;color:#fff;font-weight:700}
.bw-sv2-btn.primary:hover:not(#\.){filter:brightness(1.08);background:var(--acc);color:#fff}
.bw-sv2-btn.wide{width:100%;margin-top:14px}
.bw-sv2-btn:focus-visible:not(#\.),.bw-sv2-tool:focus-visible:not(#\.),.bw-sv2-tab:focus-visible:not(#\.),.bw-sv2-tr:focus-visible:not(#\.),.bw-sv2-link:focus-visible:not(#\.),.bw-sv2-inline:focus-visible:not(#\.){
  outline:2px solid var(--acc);outline-offset:2px;border-radius:8px;
}
/* ── Yardımcı şerit: sekmeler + araçlar ── */
.bw-sv2-util:not(#\.){
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-bottom:1px solid var(--rule);margin:2px 0 18px;padding-bottom:0;
}
.bw-sv2-tabs{display:flex;gap:2px}
.bw-sv2-tab:not(#\.){
  position:relative;padding:9px 14px 11px;border:none;background:transparent;cursor:pointer;
  font-weight:600;font-size:13px;color:var(--ink-3);display:inline-flex;align-items:center;gap:7px;
}
.bw-sv2-tab:hover:not(#\.){color:var(--ink-2)}
.bw-sv2-tab.on:not(#\.){color:var(--ink);font-weight:700}
.bw-sv2-tab.on:not(#\.)::after{
  content:'';position:absolute;left:10px;right:10px;bottom:-1px;height:2px;
  background:var(--acc);border-radius:2px;
}
.bw-sv2-tabb:not(#\.){
  min-width:18px;padding:1px 5px;border-radius:7px;text-align:center;
  background:var(--bg-elev);color:var(--ink-3);font-weight:700;font-size:10.5px;
}
.bw-sv2-tools{display:flex;gap:6px;align-items:center;padding-bottom:6px}
.bw-sv2-tool:not(#\.){
  display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:9px;
  border:1px solid var(--rule);background:transparent;color:var(--ink-3);
  font-weight:600;font-size:12px;cursor:pointer;transition:color .16s,border-color .16s;
}
.bw-sv2-tool:hover:not(:disabled):not(#\.){color:var(--ink);border-color:var(--rule-strong)}
.bw-sv2-tool:disabled{opacity:.5;cursor:default}
/* ── 1 · Gönderim niyeti yüzeyi (TEK parça, ayraçlar ince) ── */
.bw-sv2-intent:not(#\.){
  display:grid;grid-template-columns:minmax(0,1.05fr) auto minmax(250px,.95fr);
  align-items:stretch;gap:0;min-height:132px;
  background:var(--bg-card);border:1px solid var(--rule);border-radius:16px;
  padding:18px 24px;margin-bottom:20px;
}
.bw-sv2-lbl:not(#\.){
  display:block;font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-4);margin-bottom:7px;
}
.bw-sv2-i-main{display:flex;flex-direction:column;justify-content:center;padding-right:26px;min-width:0}
.bw-sv2-big:not(#\.){font-weight:300;font-size:47px;line-height:1;color:var(--ink);letter-spacing:-.03em;display:block}
.bw-sv2-i-sub:not(#\.){font-weight:600;font-size:13px;color:var(--ink-2);margin-top:6px}
.bw-sv2-i-meta:not(#\.){font-weight:500;font-size:11.5px;color:var(--ink-4);margin-top:auto;padding-top:10px}
.bw-sv2-i-sig:not(#\.){
  display:flex;align-items:center;gap:0;
  border-left:1px solid var(--rule);border-right:1px solid var(--rule);
}
.bw-sv2-sig{
  display:flex;flex-direction:column;justify-content:center;gap:3px;
  padding:0 26px;min-width:104px;
}
.bw-sv2-sig .bw-ic:not(#\.),.bw-sv2-sig svg:not(#\.){color:var(--acc-2);opacity:.85}
.bw-sv2-sig b:not(#\.){font-weight:600;font-size:26px;line-height:1;color:var(--ink);letter-spacing:-.02em;margin-top:6px}
.bw-sv2-sig span:not(#\.){font-weight:600;font-size:11.5px;color:var(--ink-3)}
.bw-sv2-i-cap{display:flex;flex-direction:column;justify-content:center;padding-left:26px;min-width:0}
.bw-sv2-i-cap.full .bw-sv2-lbl:not(#\.){color:var(--warn)}
.bw-sv2-cap-v{display:flex;align-items:baseline;gap:7px;margin-bottom:9px}
.bw-sv2-cap-v b:not(#\.){font-weight:600;font-size:26px;line-height:1;color:var(--ink);letter-spacing:-.02em}
.bw-sv2-cap-v span:not(#\.){font-weight:600;font-size:12px;color:var(--ink-3)}
.bw-sv2-bar:not(#\.){display:block;height:3px;border-radius:999px;background:var(--bg-elev);overflow:hidden}
.bw-sv2-bar i:not(#\.){display:block;height:100%;border-radius:999px;background:var(--acc-2);transition:width .35s ease}
.bw-sv2-bar.hi i:not(#\.),.bw-sv2-i-cap.full .bw-sv2-bar i:not(#\.){background:var(--warn)}
.bw-sv2-link:not(#\.){
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;
  border:none;background:transparent;color:var(--ink-2);font-weight:600;font-size:12.5px;cursor:pointer;
}
.bw-sv2-link:hover:not(#\.){color:var(--acc-2)}

/* ── 2 · 8 kolon çalışma alanı + 4 kolon kontrol sütunu ── */
html:not([data-mobile]) .bw-sv2-grid{
  display:grid;grid-template-columns:minmax(0,8fr) minmax(300px,4fr);
  gap:20px;align-items:start;margin-bottom:18px;
}
.bw-sv2-work{min-width:0;display:flex;flex-direction:column;gap:18px}
.bw-sv2-panel:not(#\.),.bw-sv2-notes:not(#\.){
  background:var(--bg-card);border:1px solid var(--rule);border-radius:16px;padding:20px 22px;
}
.bw-sv2-ph{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.bw-sv2-ph h2:not(#\.){font-weight:700;font-size:17px;color:var(--ink);margin:0 0 3px;letter-spacing:-.01em}
.bw-sv2-ph p:not(#\.){font-weight:500;font-size:12px;color:var(--ink-3);margin:0}
.bw-sv2-ptools{display:flex;gap:8px;align-items:center}
.bw-sv2-sel{position:relative;display:inline-flex;align-items:center}
.bw-sv2-sel select:not(#\.){
  appearance:none;-webkit-appearance:none;padding:6px 30px 6px 12px;border-radius:9px;
  border:1px solid var(--rule);background:transparent;color:var(--ink-2);
  font-weight:600;font-size:12px;cursor:pointer;
}
.bw-sv2-sel svg:not(#\.){position:absolute;right:10px;pointer-events:none;color:var(--ink-4)}

/* Tablo — kalın çerçeve yok, ritmik satırlar + ince ayraç */
.bw-sv2-tbl{display:flex;flex-direction:column}
.bw-sv2-tr:not(#\.){
  display:grid;
  grid-template-columns:minmax(124px,1.4fr) minmax(126px,1.45fr) minmax(132px,1.55fr) minmax(122px,1.25fr) minmax(106px,1.1fr) 22px;
  align-items:center;gap:12px;padding:13px 6px;border-top:1px solid var(--rule);
  cursor:pointer;transition:background .14s;
}
.bw-sv2-tr:hover:not(#\.){background:var(--bg-soft)}
.bw-sv2-tr.open:not(#\.){background:var(--bg-soft)}
.bw-sv2-tr.head:not(#\.){
  border-top:none;padding:0 6px 9px;cursor:default;
  font-weight:700;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-4);
}
.bw-sv2-tr.head > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-sv2-tr.head:hover:not(#\.){background:transparent}
.bw-sv2-lead{display:flex;align-items:center;gap:10px;min-width:0}
.bw-sv2-mono:not(#\.){
  flex-shrink:0;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;
  background:var(--bg-elev);color:var(--ink-3);font-weight:700;font-size:10.5px;font-style:normal;
  border:1px solid var(--rule);
}
.bw-sv2-lead b:not(#\.){font-weight:600;font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bw-sv2-dim:not(#\.){font-weight:500;font-size:12.5px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Durum hücresi: nokta + etiket aynı satırda, gerekçe alt satıra sarar
   (flex-basis:100% ile — "Kontrol gerekli" tek başına asla yeterli değil). */
.bw-sv2-st{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.bw-sv2-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}
.bw-sv2-dot.ok:not(#\.){background:var(--suc)}
.bw-sv2-dot.warn:not(#\.){background:var(--warn)}
.bw-sv2-stt{font-weight:600;font-size:12.5px}
.bw-sv2-stt.ok:not(#\.){color:var(--suc)}
.bw-sv2-stt.warn:not(#\.){color:var(--warn)}
.bw-sv2-why:not(#\.){
  flex-basis:100%;font-weight:500;font-size:11.5px;font-style:normal;color:var(--ink-3);
  margin-top:-3px;padding-left:14px;line-height:1.4;
}
.bw-sv2-chev:not(#\.){display:grid;place-items:center;color:var(--ink-4)}
.bw-sv2-det:not(#\.){
  display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap;
  padding:14px 6px 16px 44px;background:var(--bg-soft);border-top:1px solid var(--rule);
}
.bw-sv2-det .bw-sv2-lbl{margin-bottom:4px}
.bw-sv2-det b:not(#\.){font-weight:600;font-size:13px;color:var(--ink)}
.bw-sv2-det .bw-sv2-btn{padding:7px 13px;font-size:12px}
.bw-sv2-more:not(#\.){
  margin-top:12px;padding:9px;border-radius:10px;border:1px dashed var(--rule-strong);
  background:transparent;color:var(--ink-3);font-weight:600;font-size:12px;cursor:pointer;
}
.bw-sv2-more:hover:not(#\.){color:var(--ink);border-color:var(--acc-2)}
/* Boş + iskelet durumları */
.bw-sv2-empty:not(#\.){
  display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;
  padding:36px 20px;border-top:1px solid var(--rule);
}
.bw-sv2-empty svg:not(#\.){color:var(--ink-4)}
.bw-sv2-empty b:not(#\.){font-weight:700;font-size:14px;color:var(--ink-2)}
.bw-sv2-empty span:not(#\.){font-weight:500;font-size:12.5px;color:var(--ink-4);max-width:360px;line-height:1.55}
.bw-sv2-empty .bw-sv2-btn{margin-top:6px}
.bw-sv2-skel{display:flex;flex-direction:column}
.bw-sv2-skrow:not(#\.){
  display:grid;grid-template-columns:1.5fr 1.5fr 1.6fr 1.25fr;gap:14px;
  padding:16px 6px;border-top:1px solid var(--rule);
}
.bw-sv2-skrow span:not(#\.){height:11px;border-radius:6px;background:var(--bg-elev);animation:bwSv2Pulse 1.5s ease-in-out infinite}
.bw-sv2-skrow span:nth-child(2){animation-delay:.12s}
.bw-sv2-skrow span:nth-child(3){animation-delay:.24s}
.bw-sv2-skrow span:nth-child(4){animation-delay:.36s}
@keyframes bwSv2Pulse{0%,100%{opacity:.45}50%{opacity:.9}}
/* ── 3 · Şablon performans notları (en sakin katman) ── */
.bw-sv2-notes:not(#\.){background:transparent;border-color:var(--rule)}
.bw-sv2-note-empty:not(#\.){
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  font-weight:500;font-size:12.5px;color:var(--ink-3);
}
.bw-sv2-note-empty span{flex:1;min-width:220px}
.bw-sv2-ntbl{display:flex;flex-direction:column}
.bw-sv2-ntr:not(#\.){
  display:grid;grid-template-columns:minmax(140px,1.7fr) minmax(84px,.9fr) minmax(78px,.85fr) minmax(212px,2fr);
  gap:14px;align-items:center;padding:11px 2px;border-top:1px solid var(--rule);
}
.bw-sv2-ntr.head:not(#\.){
  border-top:none;padding:0 2px 8px;
  font-weight:700;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4);
}
.bw-sv2-nname:not(#\.){font-weight:500;font-size:13px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bw-sv2-num:not(#\.){font-weight:500;font-size:12.5px;color:var(--ink-3)}
.bw-sv2-trend{display:flex;align-items:center;gap:12px;min-width:0}
.bw-sv2-spark{width:76px;height:24px;flex-shrink:0}
.bw-sv2-spark polyline:not(#\.){stroke:var(--ink-4)}
.bw-sv2-spark.lead polyline:not(#\.){stroke:var(--acc)}
.bw-sv2-spark-none:not(#\.){width:76px;height:1px;background:var(--rule);flex-shrink:0}
.bw-sv2-trend em:not(#\.){font-weight:500;font-size:11.5px;font-style:normal;color:var(--ink-4);white-space:nowrap}
.bw-sv2-trend em.up:not(#\.){color:var(--suc)}
.bw-sv2-trend em.down:not(#\.){color:var(--dgr)}
/* ── 4 · Kesintisiz gönderim kontrolü sütunu ── */
html:not([data-mobile]) .bw-sv2-ctrl:not(#\.){
  position:sticky;top:18px;
  background:var(--bg-card);border:1px solid var(--rule);border-radius:16px;
  padding:18px 20px 20px;
}
.bw-sv2-ctrl-h:not(#\.){font-weight:700;font-size:15.5px;color:var(--ink);margin-bottom:4px}
.bw-sv2-sec:not(#\.){padding:16px 0;border-top:1px solid var(--rule)}
.bw-sv2-sec:first-of-type:not(#\.){border-top:none}
.bw-sv2-sech{display:flex;align-items:center;justify-content:space-between;gap:10px}
.bw-sv2-sech .bw-sv2-lbl{margin-bottom:0}
.bw-sv2-kv:not(#\.){
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:9px;font-weight:500;font-size:12px;color:var(--ink-3);
}
.bw-sv2-kv b:not(#\.){font-weight:700;color:var(--ink-2)}
.bw-sv2-kv.warn b:not(#\.){color:var(--warn)}
.bw-sv2-inline:not(#\.){
  display:inline-flex;align-items:center;gap:5px;padding:0;border:none;background:transparent;
  color:var(--ink-2);font-weight:700;font-size:12px;cursor:pointer;
}
.bw-sv2-inline:hover:not(#\.){color:var(--acc-2)}
.bw-sv2-inline svg:not(#\.){color:var(--ink-4)}
.bw-sv2-acc{margin-top:11px}
.bw-sv2-acc:first-of-type{margin-top:12px}
.bw-sv2-acc-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}
.bw-sv2-acc-e:not(#\.){
  font-weight:500;font-size:12px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
.bw-sv2-acc-h b:not(#\.){font-weight:700;font-size:12px;color:var(--ink-3);flex-shrink:0}
.bw-sv2-mini-empty{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.bw-sv2-mini-empty b:not(#\.){font-weight:700;font-size:12.5px;color:var(--ink-2)}
.bw-sv2-mini-empty span:not(#\.){font-weight:500;font-size:11.5px;color:var(--ink-4);line-height:1.5}
.bw-sv2-live:not(#\.){display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:11.5px;color:var(--ink-4)}
.bw-sv2-live i:not(#\.){width:7px;height:7px;border-radius:50%;background:var(--ink-4)}
.bw-sv2-live.on:not(#\.){color:var(--suc)}
.bw-sv2-live.on i:not(#\.){background:var(--suc)}
.bw-sv2-pil{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.bw-sv2-pil b:not(#\.){display:block;font-weight:600;font-size:22px;line-height:1;color:var(--ink);letter-spacing:-.02em}
.bw-sv2-pil span:not(#\.){display:block;font-weight:500;font-size:11.5px;color:var(--ink-3);margin-top:4px}
.bw-sv2-safe{display:flex;gap:11px;align-items:flex-start}
.bw-sv2-safe svg:not(#\.){color:var(--acc-2);flex-shrink:0;margin-top:1px}
.bw-sv2-safe b:not(#\.){display:block;font-weight:700;font-size:12.5px;color:var(--ink-2);margin-bottom:3px}
.bw-sv2-safe span:not(#\.){display:block;font-weight:500;font-size:11.5px;color:var(--ink-4);line-height:1.55}
/* Sistem satırı (toast değil) — geri alma penceresi */
.bw-sv2-sys:not(#\.){
  display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:10px 12px;
  border:1px solid var(--rule-strong);border-radius:11px;background:var(--bg-soft);
}
.bw-sv2-sys svg:not(#\.){color:var(--warn);flex-shrink:0}
.bw-sv2-sys div{flex:1;min-width:0}
.bw-sv2-sys b:not(#\.){display:block;font-weight:700;font-size:12.5px;color:var(--ink)}
.bw-sv2-sys span:not(#\.){display:block;font-weight:500;font-size:11.5px;color:var(--ink-3)}
.bw-sv2-sys button:not(#\.){
  padding:6px 11px;border-radius:8px;border:1px solid var(--warn);background:transparent;
  color:var(--warn);font-weight:700;font-size:11.5px;cursor:pointer;flex-shrink:0;
}
/* ── 5 · Basılı tut + geri al onayı ── */
.bw-sv2-ovl:not(#\.){
  position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.55);
  display:flex;align-items:center;justify-content:center;padding:24px;
}
.bw-sv2-modal:not(#\.){
  width:100%;max-width:520px;background:var(--bg-card);border:1px solid var(--rule-strong);
  border-radius:18px;padding:26px 28px 22px;
}
.bw-sv2-modal h3:not(#\.){font-weight:700;font-size:20px;color:var(--ink);margin:0 0 5px;letter-spacing:-.01em}
.bw-sv2-modal > p:not(#\.){font-weight:500;font-size:12.5px;color:var(--ink-3);margin:0 0 18px}
.bw-sv2-mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.bw-sv2-mgrid > div:not(#\.){background:var(--bg-soft);border-radius:12px;padding:12px 13px}
.bw-sv2-mgrid b:not(#\.){display:block;font-weight:600;font-size:24px;line-height:1;color:var(--ink);margin:4px 0 5px}
.bw-sv2-mgrid em:not(#\.){display:block;font-weight:500;font-size:11px;font-style:normal;color:var(--ink-4);line-height:1.45}
.bw-sv2-mnote,.bw-sv2-mwarn{
  display:flex;gap:9px;align-items:flex-start;padding:10px 12px;border-radius:10px;
  font-weight:500;font-size:11.5px;line-height:1.55;margin-bottom:10px;
}
.bw-sv2-mnote:not(#\.){background:var(--bg-soft);color:var(--ink-3)}
.bw-sv2-mnote svg:not(#\.){color:var(--acc-2);flex-shrink:0}
.bw-sv2-mwarn:not(#\.){border:1px solid var(--warn);color:var(--warn)}
.bw-sv2-mwarn svg{flex-shrink:0}
.bw-sv2-hold:not(#\.){
  position:relative;width:100%;height:48px;margin-top:6px;border-radius:12px;overflow:hidden;
  border:1px solid var(--acc);background:var(--bg-soft);cursor:pointer;
  display:grid;place-items:center;user-select:none;-webkit-user-select:none;touch-action:none;
}
.bw-sv2-hold-f:not(#\.){position:absolute;left:0;top:0;bottom:0;background:var(--acc);transition:width .06s linear}
.bw-sv2-hold-t:not(#\.){position:relative;font-weight:700;font-size:13.5px;color:var(--ink);mix-blend-mode:normal}
.bw-sv2-cancel:not(#\.){
  width:100%;margin-top:9px;padding:10px;border-radius:11px;border:none;background:transparent;
  color:var(--ink-3);font-weight:600;font-size:12.5px;cursor:pointer;
}
.bw-sv2-cancel:hover:not(#\.){color:var(--ink-2)}

/* ── Daralma davranışı (1440 → 1280 → 1100) ── */
@media(max-width:1280px){
  html:not([data-mobile]) .bw-sv2-grid:not(#\.){grid-template-columns:minmax(0,1fr) 300px}
  .bw-sv2-intent:not(#\.){grid-template-columns:minmax(0,1fr) auto minmax(230px,.9fr);padding:20px}
  .bw-sv2-sig:not(#\.){padding:0 18px;min-width:92px}
  .bw-sv2-big:not(#\.){font-size:46px}
  /* 1280'de öncelik: e-posta ve tarih ASLA kırpılmaz; şablon adı (kullanıcı tanımlı,
     her uzunlukta olabilir) title ipucuyla kısalır, gerekçe iki satıra sarar. */
  .bw-sv2-tr:not(#\.){grid-template-columns:minmax(118px,1.35fr) minmax(150px,1.6fr) minmax(120px,1.35fr) minmax(112px,1.1fr) minmax(112px,1.15fr) 22px}
}
@media(max-width:1100px){
  html:not([data-mobile]) .bw-sv2-grid:not(#\.){grid-template-columns:minmax(0,1fr)}
  html:not([data-mobile]) .bw-sv2-ctrl:not(#\.){position:static}
  .bw-sv2-intent:not(#\.){grid-template-columns:minmax(0,1fr);gap:18px}
  .bw-sv2-i-main:not(#\.){padding-right:0}
.bw-sv2-i-sig:not(#\.){border:none;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0}
  .bw-sv2-sig:first-child:not(#\.){padding-left:0}
  .bw-sv2-i-cap:not(#\.){padding-left:0}
  .bw-sv2-tr:not(#\.){grid-template-columns:minmax(104px,1.25fr) minmax(116px,1.35fr) minmax(124px,1.5fr) minmax(112px,1.3fr) minmax(104px,1.05fr) 20px;gap:10px}
}

/* =====================================================================
   DASHBOARD — MASAÜSTÜ OPERASYON ÖZETİ (14 Ağu 2026)
   Gerçek verilerle çalışan, tema sözleşmesine bağlı desktop katmanı.
   Mobil içerik bilinçli olarak dokunulmadan bırakılmıştır.
   ===================================================================== */
html:not([data-mobile]) .dash-page > .dash-topbar { display:none; }
html:not([data-mobile]) .dash-page .bwd-dashboard {
  margin-bottom:var(--sp-8);
  color:var(--ink);
}
html:not([data-mobile]) .dash-page .bwd-dashboard__header {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:var(--sp-5);
  margin-bottom:var(--sp-6);
}
html:not([data-mobile]) .dash-page .bwd-dashboard__header > div { min-width:0; }
html:not([data-mobile]) .dash-page .bwd-dashboard__eyebrow:not(#\.) {
  display:block;
  margin-bottom:var(--sp-2);
  color:var(--acc-2);
  font-family:var(--font-mono, inherit);
  font-size:var(--fs-xs);
  font-weight:var(--fw-medium);
  letter-spacing:.08em;
}
html:not([data-mobile]) .dash-page .bwd-dashboard__header h1:not(#\.) {
  margin:0;
  color:var(--ink);
  font-size:var(--fs-2xl);
  font-weight:var(--fw-medium);
  letter-spacing:-.03em;
  line-height:1.1;
}
html:not([data-mobile]) .dash-page .bwd-dashboard__header p:not(#\.) {
  margin:var(--sp-2) 0 0;
  color:var(--ink-3);
  font-size:var(--fs-sm);
  line-height:1.5;
}
html:not([data-mobile]) .dash-page .bwd-dashboard__header-action,
html:not([data-mobile]) .dash-page .bwd-secondary-action,
html:not([data-mobile]) .dash-page .bwd-text-action {
  border:0;
  background:transparent;
  cursor:pointer;
  font-family:inherit;
}
html:not([data-mobile]) .dash-page .bwd-dashboard__header-action {
  display:inline-flex;
  align-items:center;
  gap:var(--sp-2);
  min-height:40px;
  padding:0 var(--sp-4);
  border:1px solid var(--rule-strong);
  border-radius:var(--r-sm);
  color:var(--ink-2);
  font-size:var(--fs-sm);
  font-weight:var(--fw-medium);
  white-space:nowrap;
  transition:background var(--tr-fast), border-color var(--tr-fast), color var(--tr-fast);
}
html:not([data-mobile]) .dash-page .bwd-dashboard__header-action:hover,
html:not([data-mobile]) .dash-page .bwd-dashboard__header-action:focus-visible {
  background:var(--bg-card-hover);
  border-color:var(--acc);
  color:var(--acc-2);
}
html:not([data-mobile]) .dash-page .bwd-focus,
html:not([data-mobile]) .dash-page .bwd-hot-queue,
html:not([data-mobile]) .dash-page .bwd-control-column,
html:not([data-mobile]) .dash-page .bwd-system-status {
  border:1px solid var(--rule);
  border-radius:var(--r);
  background:var(--bg-card);
}
html:not([data-mobile]) .dash-page .bwd-focus {
  margin-bottom:var(--sp-6);
  overflow:hidden;
}
html:not([data-mobile]) .dash-page .bwd-focus__heading,
html:not([data-mobile]) .dash-page .bwd-section-heading,
html:not([data-mobile]) .dash-page .bwd-control-section__heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--sp-4);
}
html:not([data-mobile]) .dash-page .bwd-focus__heading { padding:var(--sp-5) var(--sp-6) var(--sp-4); }
html:not([data-mobile]) .dash-page .bwd-section-kicker:not(#\.) {
  display:block;
  margin-bottom:var(--sp-1);
  color:var(--ink-3); /* 14 Ağu: --ink-4 dört temada da 2.0–2.9:1 kontrast veriyordu (WCAG AA 4.5 ister) */
  font-family:var(--font-mono, inherit);
  font-size:var(--fs-2xs);
  font-weight:var(--fw-medium);
  letter-spacing:.08em;
}
html:not([data-mobile]) .dash-page .bwd-focus h2:not(#\.),
html:not([data-mobile]) .dash-page .bwd-section-heading h2:not(#\.) {
  margin:0;
  color:var(--ink);
  font-size:var(--fs-lg);
  font-weight:var(--fw-medium);
  letter-spacing:-.015em;
}
html:not([data-mobile]) .dash-page .bwd-focus__sync:not(#\.) {
  padding-top:var(--sp-2);
  color:var(--ink-4);
  font-size:var(--fs-xs);
  text-align:right;
}
html:not([data-mobile]) .dash-page .bwd-focus__grid {
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  border-top:1px solid var(--rule);
}
html:not([data-mobile]) .dash-page .bwd-focus-item {
  display:flex;
  align-items:center;
  gap:var(--sp-3);
  min-width:0;
  padding:var(--sp-5) var(--sp-6);
  border:0;
  border-inline-start:1px solid var(--rule);
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  font-family:inherit;
  text-align:left;
  transition:background var(--tr-fast);
}
html:not([data-mobile]) .dash-page .bwd-focus-item:first-child { border-inline-start:0; }
html:not([data-mobile]) .dash-page .bwd-focus-item:hover,
html:not([data-mobile]) .dash-page .bwd-focus-item:focus-visible { background:var(--bg-card-hover); }
html:not([data-mobile]) .dash-page .bwd-focus-item--hot { box-shadow:inset 2px 0 0 var(--flame); }
html:not([data-mobile]) .dash-page .bwd-focus-item--followup { box-shadow:inset 2px 0 0 var(--warn); }
html:not([data-mobile]) .dash-page .bwd-focus-item__index {
  display:grid;
  flex:0 0 auto;
  width:32px;
  height:32px;
  place-items:center;
  border:1px solid var(--rule-strong);
  border-radius:var(--r-sm);
  color:var(--ink-3);
}
html:not([data-mobile]) .dash-page .bwd-focus-item__body { display:flex; flex:1; min-width:0; flex-direction:column; gap:2px; }
html:not([data-mobile]) .dash-page .bwd-focus-item__label:not(#\.) { color:var(--ink-3); font-size:var(--fs-xs); }
html:not([data-mobile]) .dash-page .bwd-focus-item__body strong:not(#\.) { color:var(--ink); font-size:var(--fs-xl); font-weight:var(--fw-medium); letter-spacing:-.025em; line-height:1.1; }
html:not([data-mobile]) .dash-page .bwd-focus-item__body > span:last-child:not(#\.) { overflow:hidden; color:var(--ink-4); font-size:var(--fs-xs); text-overflow:ellipsis; white-space:nowrap; }
html:not([data-mobile]) .dash-page .bwd-focus-item__arrow:not(#\.) { flex:0 0 auto; color:var(--ink-4); }
html:not([data-mobile]) .dash-page .bwd-dashboard__layout {
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 320px);
  align-items:start;
  gap:var(--sp-6);
}
html:not([data-mobile]) .dash-page .bwd-dashboard__main { min-width:0; }
html:not([data-mobile]) .dash-page .bwd-metric-strip {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  margin-bottom:var(--sp-6);
  border-bottom:1px solid var(--rule);
}
html:not([data-mobile]) .dash-page .bwd-metric {
  display:flex;
  align-items:center;
  gap:var(--sp-3);
  min-width:0;
  padding:var(--sp-4) var(--sp-5);
  border-inline-start:1px solid var(--rule);
  color:var(--ink-3);
}
html:not([data-mobile]) .dash-page .bwd-metric:first-child { padding-inline-start:0; border-inline-start:0; }
html:not([data-mobile]) .dash-page .bwd-metric > span { display:flex; min-width:0; flex-direction:column; gap:var(--sp-1); }
html:not([data-mobile]) .dash-page .bwd-metric > span > span:not(#\.) { color:var(--ink-3); font-size:var(--fs-xs); }
html:not([data-mobile]) .dash-page .bwd-metric strong:not(#\.) { color:var(--ink); font-size:var(--fs-xl); font-weight:var(--fw-medium); letter-spacing:-.025em; line-height:1; }
html:not([data-mobile]) .dash-page .bwd-metric--success > .bw-icon:not(#\.),
html:not([data-mobile]) .dash-page .bwd-metric--success strong:not(#\.) { color:var(--suc); }
html:not([data-mobile]) .dash-page .bwd-metric--warning > .bw-icon:not(#\.),
html:not([data-mobile]) .dash-page .bwd-metric--warning strong:not(#\.) { color:var(--warn); }
html:not([data-mobile]) .dash-page .bwd-hot-queue { overflow:hidden; }
html:not([data-mobile]) .dash-page .bwd-section-heading { padding:var(--sp-5) var(--sp-6) var(--sp-4); }
html:not([data-mobile]) .dash-page .bwd-section-heading p:not(#\.) { margin:var(--sp-1) 0 0; color:var(--ink-3); font-size:var(--fs-sm); }
html:not([data-mobile]) .dash-page .bwd-section-heading h2 span:not(#\.) { color:var(--ink-3); font-weight:var(--fw-normal); }
html:not([data-mobile]) .dash-page .bwd-text-action:not(#\.) {
  display:inline-flex;
  align-items:center;
  align-self:center;
  gap:var(--sp-2);
  color:var(--acc-2);
  font-size:var(--fs-xs);
  font-weight:var(--fw-medium);
  white-space:nowrap;
}
html:not([data-mobile]) .dash-page .bwd-hot-list { border-top:1px solid var(--rule); }
html:not([data-mobile]) .dash-page .bwd-hot-row {
  display:grid;
  grid-template-columns:32px minmax(150px, 1.15fr) minmax(160px, 1.25fr) minmax(90px, .7fr) 64px 16px;
  align-items:center;
  width:100%;
  gap:var(--sp-3);
  padding:var(--sp-4) var(--sp-6);
  border:0;
  border-bottom:1px solid var(--rule);
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  font-family:inherit;
  text-align:left;
  transition:background var(--tr-fast);
}
html:not([data-mobile]) .dash-page .bwd-hot-row:last-child { border-bottom:0; }
html:not([data-mobile]) .dash-page .bwd-hot-row:hover,
html:not([data-mobile]) .dash-page .bwd-hot-row:focus-visible { background:var(--bg-card-hover); }
html:not([data-mobile]) .dash-page .bwd-hot-row--attention { box-shadow:inset 2px 0 0 var(--flame); }
html:not([data-mobile]) .dash-page .bwd-hot-row__avatar {
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border:1px solid var(--rule-strong);
  border-radius:50%;
  color:var(--ink-3);
  font-size:var(--fs-2xs);
  font-style:normal;
  font-weight:var(--fw-medium);
}
html:not([data-mobile]) .dash-page .bwd-hot-row__identity { display:flex; min-width:0; flex-direction:column; gap:2px; }
html:not([data-mobile]) .dash-page .bwd-hot-row__identity strong:not(#\.) { overflow:hidden; color:var(--ink); font-size:var(--fs-sm); font-weight:var(--fw-medium); text-overflow:ellipsis; white-space:nowrap; }
html:not([data-mobile]) .dash-page .bwd-hot-row__identity span:not(#\.),
html:not([data-mobile]) .dash-page .bwd-hot-row__subject:not(#\.),
html:not([data-mobile]) .dash-page .bwd-hot-row__time:not(#\.) { overflow:hidden; color:var(--ink-3); font-size:var(--fs-xs); text-overflow:ellipsis; white-space:nowrap; }
html:not([data-mobile]) .dash-page .bwd-hot-row__status:not(#\.) { color:var(--ink-3); font-size:var(--fs-xs); white-space:nowrap; }
html:not([data-mobile]) .dash-page .bwd-hot-row__status--attention:not(#\.) { color:var(--flame); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-hot-row__arrow:not(#\.) { color:var(--ink-4); }
html:not([data-mobile]) .dash-page .bwd-queue-state {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-3);
  min-height:164px;
  padding:var(--sp-6);
  color:var(--ink-3);
  font-size:var(--fs-sm);
}
html:not([data-mobile]) .dash-page .bwd-queue-state--empty { justify-content:flex-start; }
html:not([data-mobile]) .dash-page .bwd-queue-state--empty > div { display:flex; min-width:0; flex:1; flex-direction:column; gap:var(--sp-1); }
html:not([data-mobile]) .dash-page .bwd-queue-state--empty strong:not(#\.) { color:var(--ink-2); font-size:var(--fs-sm); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-queue-state--empty span:not(#\.) { color:var(--ink-4); font-size:var(--fs-xs); }
html:not([data-mobile]) .dash-page .bwd-loading-line { width:72px; height:2px; background:var(--acc); }
html:not([data-mobile]) .dash-page .bwd-control-column {
  position:sticky;
  top:var(--sp-6);
  overflow:hidden;
  background:var(--bg-card-solid);
}
html:not([data-mobile]) .dash-page .bwd-control-section { padding:var(--sp-5); border-bottom:1px solid var(--rule); }
html:not([data-mobile]) .dash-page .bwd-control-section:last-child { border-bottom:0; }
html:not([data-mobile]) .dash-page .bwd-control-section__heading { align-items:center; margin-bottom:var(--sp-4); }
html:not([data-mobile]) .dash-page .bwd-control-section__heading > span:first-child:not(#\.) { color:var(--ink); font-size:var(--fs-sm); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-control-section__count:not(#\.) { color:var(--suc); font-size:var(--fs-xs); }
html:not([data-mobile]) .dash-page .bwd-capacity-value { display:flex; align-items:baseline; gap:var(--sp-1); }
html:not([data-mobile]) .dash-page .bwd-capacity-value strong:not(#\.) { color:var(--ink); font-size:var(--fs-2xl); font-weight:var(--fw-medium); letter-spacing:-.03em; }
html:not([data-mobile]) .dash-page .bwd-capacity-value span:not(#\.) { color:var(--ink-3); font-size:var(--fs-xs); }
html:not([data-mobile]) .dash-page .bwd-capacity-track { height:4px; margin-top:var(--sp-3); overflow:hidden; background:var(--bg-elev-solid); border-radius:var(--r-pill); }
html:not([data-mobile]) .dash-page .bwd-capacity-track > span { display:block; height:100%; background:var(--warn); border-radius:inherit; transition:width var(--tr); }
html:not([data-mobile]) .dash-page .bwd-control-section p:not(#\.),
html:not([data-mobile]) .dash-page .bwd-control-empty:not(#\.) { margin:var(--sp-3) 0 0; color:var(--ink-3); font-size:var(--fs-xs); line-height:1.5; }
html:not([data-mobile]) .dash-page .bwd-secondary-action:not(#\.) {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--sp-2);
  min-height:36px;
  padding:0 var(--sp-3);
  border:1px solid var(--rule-strong);
  border-radius:var(--r-sm);
  color:var(--ink-2);
  font-size:var(--fs-xs);
  font-weight:var(--fw-medium);
  transition:background var(--tr-fast), border-color var(--tr-fast), color var(--tr-fast);
}
html:not([data-mobile]) .dash-page .bwd-secondary-action:hover,
html:not([data-mobile]) .dash-page .bwd-secondary-action:focus-visible { background:var(--bg-card-hover); border-color:var(--acc); color:var(--acc-2); }
html:not([data-mobile]) .dash-page .bwd-secondary-action--full { width:100%; margin-top:var(--sp-4); }
html:not([data-mobile]) .dash-page .bwd-account-list { display:flex; flex-direction:column; gap:var(--sp-3); }
html:not([data-mobile]) .dash-page .bwd-account-row { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:var(--sp-2); }
html:not([data-mobile]) .dash-page .bwd-account-row > span:not(#\.) { overflow:hidden; color:var(--ink-2); font-size:var(--fs-xs); text-overflow:ellipsis; white-space:nowrap; }
html:not([data-mobile]) .dash-page .bwd-account-row strong:not(#\.) { color:var(--ink-3); font-size:var(--fs-xs); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-account-row i { grid-column:1 / -1; height:3px; overflow:hidden; background:var(--bg-elev-solid); border-radius:var(--r-pill); }
html:not([data-mobile]) .dash-page .bwd-account-row i > b { display:block; height:100%; background:var(--acc); border-radius:inherit; }
html:not([data-mobile]) .dash-page .bwd-followup-summary { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); margin-bottom:var(--sp-4); }
html:not([data-mobile]) .dash-page .bwd-followup-summary > div { display:flex; min-width:0; flex-direction:column; gap:var(--sp-1); padding-inline-start:var(--sp-3); border-inline-start:1px solid var(--rule); }
html:not([data-mobile]) .dash-page .bwd-followup-summary > div:first-child { padding-inline-start:0; border-inline-start:0; }
html:not([data-mobile]) .dash-page .bwd-followup-summary span:not(#\.) { color:var(--ink-3); font-size:var(--fs-xs); }
html:not([data-mobile]) .dash-page .bwd-followup-summary strong:not(#\.) { color:var(--ink); font-size:var(--fs-lg); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-status-dot { width:8px; height:8px; border-radius:50%; }
html:not([data-mobile]) .dash-page .bwd-status-dot--success:not(#\.) { background:var(--suc); }
html:not([data-mobile]) .dash-page .bwd-system-status { margin-bottom:var(--sp-5); overflow:hidden; }
html:not([data-mobile]) .dash-page .bwd-system-status__summary {
  display:flex;
  align-items:center;
  width:100%;
  gap:var(--sp-3);
  padding:var(--sp-3) var(--sp-4);
  border:0;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  font-family:inherit;
  text-align:left;
}
html:not([data-mobile]) .dash-page .bwd-system-status__summary:hover,
html:not([data-mobile]) .dash-page .bwd-system-status__summary:focus-visible { background:var(--bg-card-hover); }
html:not([data-mobile]) .dash-page .bwd-system-status__mark { display:block; flex:0 0 auto; width:8px; height:8px; border-radius:50%; }
html:not([data-mobile]) .dash-page .bwd-system-status__mark--success:not(#\.) { background:var(--suc); }
html:not([data-mobile]) .dash-page .bwd-system-status__mark--warning:not(#\.) { background:var(--warn); }
html:not([data-mobile]) .dash-page .bwd-system-status__mark--danger:not(#\.) { background:var(--dgr); }
html:not([data-mobile]) .dash-page .bwd-system-status__title:not(#\.) { color:var(--ink); font-size:var(--fs-sm); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-system-status__state:not(#\.) { font-size:var(--fs-xs); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-system-status__state--success:not(#\.),
html:not([data-mobile]) .dash-page .bwd-system-status__check-detail--success:not(#\.) { color:var(--suc); }
html:not([data-mobile]) .dash-page .bwd-system-status__state--warning:not(#\.),
html:not([data-mobile]) .dash-page .bwd-system-status__check-detail--warning:not(#\.) { color:var(--warn); }
html:not([data-mobile]) .dash-page .bwd-system-status__state--danger:not(#\.),
html:not([data-mobile]) .dash-page .bwd-system-status__check-detail--danger:not(#\.) { color:var(--dgr); }
html:not([data-mobile]) .dash-page .bwd-system-status__meta:not(#\.) { margin-inline-start:auto; color:var(--ink-4); font-size:var(--fs-2xs); }
html:not([data-mobile]) .dash-page .bwd-system-status__chevron:not(#\.) { color:var(--ink-4); transition:transform var(--tr-fast); }
html:not([data-mobile]) .dash-page .bwd-system-status__chevron.is-open { transform:rotate(180deg); }
html:not([data-mobile]) .dash-page .bwd-system-status__details { padding:0 var(--sp-4) var(--sp-4); border-top:1px solid var(--rule); }
html:not([data-mobile]) .dash-page .bwd-system-status__check { display:grid; grid-template-columns:8px minmax(150px, .8fr) minmax(0, 1fr); align-items:center; gap:var(--sp-3); padding:var(--sp-3) 0; border-bottom:1px dashed var(--rule); }
html:not([data-mobile]) .dash-page .bwd-system-status__check:last-of-type { border-bottom:0; }
html:not([data-mobile]) .dash-page .bwd-system-status__check-label:not(#\.) { color:var(--ink-2); font-size:var(--fs-xs); font-weight:var(--fw-medium); }
html:not([data-mobile]) .dash-page .bwd-system-status__check-detail:not(#\.) { color:var(--ink-3); font-size:var(--fs-xs); }
html:not([data-mobile]) .dash-page .bwd-system-status__note:not(#\.) { margin:var(--sp-3) 0 0; color:var(--ink-4); font-size:var(--fs-2xs); line-height:1.5; }
@media (max-width:1280px) {
  html:not([data-mobile]) .dash-page .bwd-dashboard__layout { grid-template-columns:minmax(0, 1fr) 292px; gap:var(--sp-5); }
  html:not([data-mobile]) .dash-page .bwd-focus-item { padding:var(--sp-4); }
  html:not([data-mobile]) .dash-page .bwd-focus__heading,
  html:not([data-mobile]) .dash-page .bwd-section-heading { padding-inline:var(--sp-5); }
  html:not([data-mobile]) .dash-page .bwd-hot-row { padding-inline:var(--sp-5); grid-template-columns:32px minmax(130px, 1fr) minmax(130px, 1.1fr) 88px 56px 16px; gap:var(--sp-2); }
}
@media (max-width:1100px) {
  html:not([data-mobile]) .dash-page .bwd-dashboard__layout { grid-template-columns:1fr; }
  html:not([data-mobile]) .dash-page .bwd-control-column { position:static; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); }
  html:not([data-mobile]) .dash-page .bwd-control-section { border-bottom:0; border-inline-start:1px solid var(--rule); }
  html:not([data-mobile]) .dash-page .bwd-control-section:first-child { border-inline-start:0; }
}
@media (max-width:920px) {
  html:not([data-mobile]) .dash-page .bwd-dashboard__header { align-items:flex-start; flex-direction:column; }
  html:not([data-mobile]) .dash-page .bwd-focus__grid { grid-template-columns:1fr; }
  html:not([data-mobile]) .dash-page .bwd-focus-item { border-top:1px solid var(--rule); border-inline-start:0; }
  html:not([data-mobile]) .dash-page .bwd-focus-item:first-child { border-top:0; }
  html:not([data-mobile]) .dash-page .bwd-metric-strip { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  html:not([data-mobile]) .dash-page .bwd-metric:nth-child(odd) { border-inline-start:0; }
  html:not([data-mobile]) .dash-page .bwd-metric:nth-child(n+3) { border-top:1px solid var(--rule); }
  html:not([data-mobile]) .dash-page .bwd-hot-row { grid-template-columns:32px minmax(0, 1fr) 86px 16px; }
  html:not([data-mobile]) .dash-page .bwd-hot-row__subject,
  html:not([data-mobile]) .dash-page .bwd-hot-row__time { display:none; }
  html:not([data-mobile]) .dash-page .bwd-control-column { grid-template-columns:1fr; }
  html:not([data-mobile]) .dash-page .bwd-control-section { border-top:1px solid var(--rule); border-inline-start:0; }
  html:not([data-mobile]) .dash-page .bwd-control-section:first-child { border-top:0; }
}
@media (prefers-reduced-motion:reduce) {
  html:not([data-mobile]) .dash-page .bwd-dashboard *,
  html:not([data-mobile]) .dash-page .bwd-dashboard *::before,
  html:not([data-mobile]) .dash-page .bwd-dashboard *::after { transition-duration:0s !important; }
}


/* ═══════════════════════════════════════════════════════════
   14 Aug 2026 — MAIL MERKEZİ PLAN BOARD + DOCUMENT MODE
   Kapsam: yalnızca desktop .mcx-mail-center. Mobil mail katmanı korunur.
   Document Mode istisnası: mail gövdesi her palette beyaz belge kalır.
   ═══════════════════════════════════════════════════════════ */
:root {
  --mc-paper-bg: rgb(255 255 255);
  --mc-paper-ink: rgb(27 31 36);
  --mc-paper-muted: rgb(90 99 110);
  --mc-paper-rule: rgb(218 222 228);
  --mc-paper-hover: rgb(245 247 249);
}

html:not([data-mobile]) .bw-mail-center.mcx-mail-center {
  background: var(--bg) !important;
  color: var(--ink) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-topbar,
html:not([data-mobile]) .bw-mail-center .mcx-listhead,
html:not([data-mobile]) .bw-mail-center .mcx-filterbar,
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane,
html:not([data-mobile]) .bw-mail-center .mcx-reader-pane {
  background: var(--bg) !important;
  border-color: var(--rule) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-topbar {
  min-height: 64px;
  padding-inline: var(--sp-6, 24px) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-listhead {
  padding-top: var(--sp-5, 20px) !important;
  padding-bottom: var(--sp-2, 8px) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-listhead h1 {
  color: var(--ink) !important;
  letter-spacing: -0.025em !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-filterbar {
  gap: var(--sp-2, 8px) !important;
  padding-block: var(--sp-3, 12px) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-filterbar > button {
  border: 1px solid var(--rule) !important;
  border-radius: var(--r-sm) !important;
  background: transparent !important;
  color: var(--ink-2) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-filterbar > button[style*="background: #ffffff"],
html:not([data-mobile]) .bw-mail-center .mcx-filterbar > button[style*="background:#ffffff"] {
  background: var(--acc-soft) !important;
  border-color: var(--acc) !important;
  color: var(--acc) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-grid {
  background: var(--bg) !important;
  border-top: 1px solid var(--rule) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane {
  min-width: 0;
}
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row {
  border-bottom-color: var(--rule) !important;
  background: transparent !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row:hover {
  background: var(--hover) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row.mc-mail-row-selected {
  background: var(--acc-soft) !important;
  box-shadow: inset 2px 0 0 var(--acc);
}
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row.mc-mail-row-checked {
  background: var(--bg-elev-solid) !important;
  box-shadow: inset 2px 0 0 var(--acc-2);
}
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row [style*="#f1f5f9"],
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row [style*="#e2e8f0"],
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row [style*="#cbd5e1"] {
  color: var(--ink) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row [style*="#64748b"],
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row [style*="#6b7280"],
html:not([data-mobile]) .bw-mail-center .mcx-thread-pane .mc-mail-row [style*="#9ca3af"] {
  color: var(--ink-3) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reader-pane {
  gap: var(--sp-3, 12px);
  padding: var(--sp-4, 16px) !important;
}

/* D-01 Document Mode: sadece belge ve besteci yüzeyi */
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet {
  background: var(--mc-paper-bg) !important;
  color: var(--mc-paper-ink) !important;
  color-scheme: light;
  border: 1px solid var(--mc-paper-rule) !important;
  border-radius: var(--r) !important;
  box-shadow: none !important;
  padding: clamp(24px, 2.3vw, 40px) !important;
  margin: 0 !important;
  min-height: 100%;
}
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet [style*="#f1f5f9"],
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet [style*="#e2e8f0"],
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet [style*="#cbd5e1"] {
  color: var(--mc-paper-ink) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet [style*="#94a3b8"],
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet [style*="#64748b"],
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet [style*="#475569"] {
  color: var(--mc-paper-muted) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet .hostinger-mail-body,
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet .hostinger-mail-html {
  color: var(--mc-paper-ink) !important;
  background: transparent !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet .hostinger-mail-body * {
  color: inherit;
}
html:not([data-mobile]) .bw-mail-center .mcx-reader-actions {
  border-color: var(--mc-paper-rule) !important;
  margin-bottom: var(--sp-5, 20px) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reader-actions .hostinger-action-btn {
  background: transparent !important;
  color: var(--mc-paper-ink) !important;
  border-color: var(--mc-paper-rule) !important;
  border-radius: var(--r-sm) !important;
  box-shadow: none !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reader-actions .hostinger-action-primary {
  background: var(--acc) !important;
  border-color: var(--acc) !important;
  color: var(--mc-paper-bg) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reader-actions .hostinger-action-btn:hover {
  background: var(--mc-paper-hover) !important;
  border-color: var(--acc) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reader-actions .hostinger-action-primary:hover {
  background: var(--acc) !important;
  color: var(--mc-paper-bg) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet input,
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet textarea,
html:not([data-mobile]) .bw-mail-center .mcx-reading-sheet select {
  background: var(--mc-paper-bg) !important;
  color: var(--mc-paper-ink) !important;
  border-color: var(--mc-paper-rule) !important;
  border-radius: var(--r-sm) !important;
}

/* Marka bağlamı: kabuk temaya döner, belge yüzeyini taklit etmez */
html:not([data-mobile]) .bw-mail-center .mcx-brand-context {
  background: var(--bg-2) !important;
  border-left-color: var(--rule) !important;
  color: var(--ink) !important;
  min-width: 0;
}
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#0f172a"],
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#0a0f1c"],
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#1e293b"] {
  background: var(--bg-card-solid) !important;
  border-color: var(--rule) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#f1f5f9"],
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#e2e8f0"],
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#cbd5e1"] {
  color: var(--ink) !important;
}
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#64748b"],
html:not([data-mobile]) .bw-mail-center .mcx-brand-context [style*="#94a3b8"] {
  color: var(--ink-3) !important;
}

@media (min-width: 1400px) {
  html:not([data-mobile]) .bw-mail-center .mcx-grid:has(.mcx-brand-context) {
    grid-template-columns: minmax(216px, 244px) minmax(320px, 360px) minmax(0, 1fr) minmax(236px, 276px) !important;
  }
}
@media (min-width: 821px) and (max-width: 1399px) {
  html:not([data-mobile]) .bw-mail-center .mcx-grid {
    grid-template-columns: minmax(216px, 244px) minmax(320px, 360px) minmax(0, 1fr) !important;
  }
  html:not([data-mobile]) .bw-mail-center .mcx-brand-context { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-mobile]) .bw-mail-center .mcx-mail-center *,
  html:not([data-mobile]) .bw-mail-center .mcx-mail-center *::before,
  html:not([data-mobile]) .bw-mail-center .mcx-mail-center *::after {
    transition-duration: 0ms !important;
    animation-duration: 0ms !important;
  }
}
/* 17 Ağu 2026 — SİLİNDİ, GERİ EKLEME:
     html[data-mobile="1"] .bw-mail-center.mcx-mail-center { display:none !important; }
   Bu satır MOBİLDE GELEN KUTUSUNU KOMPLE GİZLİYORDU (Berk: "panele giriş yaptıktan
   sonra gelen kutusu boş görünüyor"). Plan Board teslimi, mobil için AYRI bir mail
   merkezi elemanı varmış gibi yazılmış; oysa app.jsx'te tek bir eleman var ve iki
   sınıfı da o taşıyor: <div className="bw-mail-center mcx-mail-center">. Yani kural
   "masaüstü süslemesini mobilde kapat" değil, "mail merkezini mobilde yok et"
   anlamına geliyordu. Zaten gereksizdi: mcx-* kurallarının tamamı
   html:not([data-mobile]) ile kapsanmış, mobilde hiçbiri uygulanmıyor. */
/* END MAIL MERKEZİ PLAN BOARD */

/* ══ BWL — KARŞILAMA SAYFASI (15 Ağu 2026) ══
   Oturumu olmayan ziyaretçiye / adresinde gösterilen tanıtım sayfası.
   TÜM sınıflar bwl- önekli ve .bwl-landing altına kapsanmış:
   panelde .card .btn .post .brand gibi adlar zaten var, çakışmasın diye.
   Token'lar (--bg --ink --acc) .bwl-landing üzerinde YENİDEN tanımlı —
   :root'a yazılsaydı panelin 13 paletini komple ezerdi. Dokunma. ══ */
.bwl-landing *, .bwl-landing *::before, .bwl-landing *::after{box-sizing:border-box;margin:0;padding:0}
.bwl-landing{--bg:#07080D;--bg2:#0C0E15;--card:#11141C;--line:#1E2330;--line2:#2A3040;
 --ink:#F2F4F8;--ink2:#9AA1B2;--ink3:#6B7285;--ink4:#464C5C;
 --acc:#2F6BFF;--acc2:#6E9BFF;--gold:#E0A94B;--suc:#34D399}
.bwl-landing, .bwl-landing{background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,"Segoe UI",system-ui,sans-serif;
 font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.bwl-landing .bwl-wrap{max-width:1140px;margin:0 auto;padding:0 44px}
.bwl-landing nav{border-bottom:1px solid var(--line)}
.bwl-landing .bwl-navin{display:flex;align-items:center;justify-content:space-between;height:74px}
.bwl-landing .bwl-brand{display:flex;align-items:center;gap:11px}
.bwl-landing .bwl-bmark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--acc),#1B47C4);
 display:grid;place-items:center;color:#fff;font-weight:800;font-size:18px}
.bwl-landing .bwl-bname{font-weight:650;font-size:16.5px;letter-spacing:-.01em}
.bwl-landing .bwl-bname i{font-style:normal;color:var(--ink3);font-weight:400}
.bwl-landing .bwl-nl{display:flex;gap:30px;font-size:14px;color:var(--ink2)}
.bwl-landing .bwl-na{display:flex;align-items:center;gap:15px}
.bwl-landing .bwl-btn{padding:11px 20px;border-radius:9px;font-size:14.5px;font-weight:600;display:inline-flex;
 align-items:center;gap:9px;border:1px solid var(--line2);color:var(--ink);white-space:nowrap}
.bwl-landing .bwl-btn.bwl-pri{background:var(--acc);border-color:var(--acc);color:#fff}
.bwl-landing .bwl-btn.bwl-lg{padding:15px 28px;font-size:16px;border-radius:10px}
.bwl-landing .bwl-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bwl-landing .bwl-hero{position:relative;padding:66px 0 90px;text-align:center;overflow:hidden}
.bwl-landing .bwl-hero::before{content:'';position:absolute;top:-330px;left:50%;transform:translateX(-50%);width:1250px;height:700px;
 background:radial-gradient(ellipse at center,rgba(47,107,255,.22),rgba(47,107,255,.05) 45%,transparent 68%)}
.bwl-landing .bwl-hero>*{position:relative}
.bwl-landing .bwl-tick{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:99px;
 border:1px solid var(--line2);background:rgba(17,20,28,.8);color:var(--ink2);font-size:13px;font-weight:500;margin-bottom:26px}
.bwl-landing .bwl-tick .bwl-d{width:7px;height:7px;border-radius:50%;background:var(--suc)}
.bwl-landing .bwl-tick b{color:var(--ink);font-weight:650}
.bwl-landing h1{font-size:53px;line-height:1.1;letter-spacing:-.033em;font-weight:660;max-width:1000px;margin:0 auto}
.bwl-landing h1 em{font-style:normal;color:var(--gold)}
.bwl-landing .bwl-lede{color:var(--ink2);font-size:18.5px;max-width:600px;margin:24px auto 0;line-height:1.55}
.bwl-landing .bwl-hcta{display:flex;gap:13px;justify-content:center;margin-top:32px;align-items:center}
.bwl-landing .bwl-hnote{color:var(--ink4);font-size:13px;margin-top:14px}
.bwl-landing .bwl-vid{position:relative;margin:52px auto 0;max-width:1000px;border-radius:16px;overflow:hidden;
 border:1px solid var(--line2);box-shadow:0 40px 100px rgba(0,0,0,.72)}
.bwl-landing .bwl-vid img{width:100%;display:block}
.bwl-landing .bwl-vid::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,13,.05),rgba(7,8,13,.55))}
.bwl-landing .bwl-play{position:absolute;inset:0;display:grid;place-items:center;z-index:2}
.bwl-landing .bwl-pbtn{width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.96);display:grid;place-items:center;
 box-shadow:0 14px 44px rgba(0,0,0,.55)}
.bwl-landing .bwl-pbtn svg{width:30px;height:30px;fill:#0A0C12;margin-left:5px}
.bwl-landing .bwl-vmeta{position:absolute;left:22px;bottom:20px;z-index:2;text-align:left}
.bwl-landing .bwl-vmeta .bwl-t{font-size:15px;font-weight:600}
.bwl-landing .bwl-vmeta .bwl-s{color:rgba(255,255,255,.62);font-size:13px;margin-top:2px}
.bwl-landing .bwl-vlen{position:absolute;right:22px;bottom:20px;z-index:2;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.14);
 padding:5px 11px;border-radius:7px;font-size:12.5px;font-variant-numeric:tabular-nums}
.bwl-landing .bwl-proof{margin-top:18px;color:var(--ink4);font-size:12.5px}
.bwl-landing .bwl-pf{display:inline-flex;align-items:center;vertical-align:-.14em;margin-left:.14em}
.bwl-landing .bwl-pf img{width:.66em;height:.66em;border-radius:50%;border:.055em solid var(--bg);object-fit:cover;
 box-shadow:0 .06em .18em rgba(0,0,0,.5)}
.bwl-landing .bwl-pf img+img{margin-left:-.2em}
.bwl-landing .bwl-pf .bwl-pb{width:.66em;height:.66em;border-radius:50%;background:var(--gold);margin-left:-.2em;
 border:.055em solid var(--bg);display:inline-grid;place-items:center}
.bwl-landing .bwl-pf .bwl-pb svg{width:.26em;height:.26em;fill:#12100A}
.bwl-landing .bwl-pfnote{color:var(--ink4);font-size:12.5px;margin-top:12px}
.bwl-landing .bwl-pfnote b{color:var(--ink3);font-weight:600}
.bwl-landing .bwl-pf{display:none}
.bwl-landing .bwl-proofstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px auto 0;max-width:720px}
.bwl-landing .bwl-pitem{display:flex;flex-direction:column;align-items:center;width:auto;text-align:center;padding:18px 14px 16px;border-radius:16px;background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.18);transition:transform .2s ease,border-color .2s ease,background .2s ease}.bwl-landing .bwl-pitem:hover{transform:translateY(-3px);border-color:rgba(148,163,184,.34);background:rgba(148,163,184,.11)}
.bwl-landing .bwl-pthumb{position:relative;width:112px;height:112px;border-radius:20px;padding:2.5px;background:linear-gradient(140deg,#f5c451,#e2894a 55%,#c76a3e);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.bwl-landing .bwl-pthumb img{width:100%;height:100%;border-radius:17px;display:block;object-fit:cover;border:2.5px solid var(--bg)}
.bwl-landing .bwl-pthumb .bwl-pp2{position:absolute;right:-1px;bottom:-1px;width:27px;height:27px;border-radius:50%;
 background:var(--gold);border:2.5px solid var(--bg);display:grid;place-items:center}
.bwl-landing .bwl-pthumb .bwl-pp2 svg{width:11px;height:11px;fill:#141007;margin-left:1.5px}
.bwl-landing .bwl-pitem .bwl-pv{font-size:20px;font-weight:800;margin-top:14px;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}
.bwl-landing .bwl-pitem .bwl-pl2{color:var(--ink-2,var(--ink-3));font-size:12.5px;margin-top:5px;text-align:center;line-height:1.45}
.bwl-landing .bwl-proofcap{color:var(--ink4);font-size:12.5px;margin-top:20px}
.bwl-landing .bwl-pp s{color:var(--ink4);font-size:27px;font-weight:500;text-decoration-thickness:2px;margin-right:2px}
.bwl-landing .bwl-launch{display:inline-block;padding:4px 11px;border-radius:7px;background:rgba(224,169,75,.14);
 border:1px solid rgba(224,169,75,.35);color:var(--gold);font-size:12px;font-weight:700;margin-bottom:12px}
@media (max-width:820px){.bwl-landing .bwl-proofstrip{gap:12px;margin-top:26px}.bwl-landing .bwl-pp s{font-size:22px}}
.bwl-landing .bwl-bmark{background:transparent!important;padding:0!important;overflow:visible}
.bwl-landing .bwl-bmark svg{width:100%;height:100%;display:block}
.bwl-landing .bwl-bulten{margin-top:16px}
.bwl-landing .bwl-bulten a{color:var(--ink2);font-size:14px;font-weight:550;display:inline-flex;align-items:center;gap:8px;
 border-bottom:1px solid var(--line2);padding-bottom:3px}
.bwl-landing .bwl-bulten a svg{width:14px;height:14px;stroke:var(--gold);fill:none;stroke-width:2}
.bwl-landing a{text-decoration:none;color:inherit}
.bwl-landing section{padding:92px 0;position:relative}
.bwl-landing .bwl-slab{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--acc2);font-weight:700;margin-bottom:14px}
.bwl-landing h2{font-size:37px;line-height:1.16;letter-spacing:-.028em;font-weight:640}
.bwl-landing .bwl-s-sub{color:var(--ink2);font-size:17px;margin-top:15px;max-width:580px}
.bwl-landing .bwl-center{text-align:center}
.bwl-landing .bwl-center .bwl-s-sub{margin-left:auto;margin-right:auto}
.bwl-landing .bwl-blk{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:52px 0;border-top:1px solid var(--line)}
.bwl-landing .bwl-blk:nth-child(even) .bwl-txt{order:2}
.bwl-landing .bwl-blk .bwl-no{font-size:12.5px;color:var(--ink4);letter-spacing:.12em;margin-bottom:13px;font-variant-numeric:tabular-nums}
.bwl-landing .bwl-blk h3{font-size:27px;font-weight:620;letter-spacing:-.02em;line-height:1.25}
.bwl-landing .bwl-blk p{color:var(--ink2);font-size:16px;margin-top:13px;line-height:1.58}
.bwl-landing .bwl-blk .bwl-pts{margin-top:18px;display:flex;flex-direction:column;gap:9px}
.bwl-landing .bwl-blk .bwl-pts div{color:var(--ink3);font-size:14.5px;display:flex;gap:10px}
.bwl-landing .bwl-blk .bwl-pts div::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--line2);margin-top:9px;flex-shrink:0}
.bwl-landing .bwl-stage{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px;min-height:264px;
 position:relative;overflow:hidden}
.bwl-landing .bwl-stage .bwl-cap{position:absolute;left:20px;bottom:14px;color:var(--ink4);font-size:11.5px}
.bwl-landing .bwl-st-h{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--ink3);
 padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:12px}
.bwl-landing .bwl-st-h b{color:var(--ink2);font-weight:600;font-size:12.5px}
.bwl-landing .bwl-r{display:flex;align-items:center;gap:11px;padding:8px 0;font-size:13px;opacity:0;
 animation:fadeUp .5s ease forwards}
.bwl-landing .bwl-r:nth-child(1){animation-delay:.05s}
.bwl-landing .bwl-r:nth-child(2){animation-delay:.25s}
.bwl-landing .bwl-r:nth-child(3){animation-delay:.45s}
.bwl-landing .bwl-r:nth-child(4){animation-delay:.65s}
.bwl-landing .bwl-r:nth-child(5){animation-delay:.85s}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.bwl-landing .bwl-r .bwl-nm{flex:1;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bwl-landing .bwl-r .bwl-sc{font-variant-numeric:tabular-nums;font-weight:650;font-size:14px}
.bwl-landing .bwl-sc.bwl-hi{color:var(--suc)}
.bwl-landing .bwl-sc.bwl-md{color:var(--gold)}
.bwl-landing .bwl-sc.bwl-lo{color:var(--ink4)}
.bwl-landing .bwl-pillx{font-size:11px;padding:3px 8px;border-radius:6px;background:rgba(52,211,153,.12);color:var(--suc)}
.bwl-landing .bwl-pillx.bwl-g{background:rgba(224,169,75,.13);color:var(--gold)}
.bwl-landing .bwl-pillx.bwl-r{background:rgba(244,63,94,.13);color:#F43F5E}
.bwl-landing .bwl-strike{text-decoration:line-through;color:var(--ink4)}
.bwl-landing .bwl-tlm{margin-top:6px}
.bwl-landing .bwl-tlm .bwl-ax{display:flex;justify-content:space-between;color:var(--ink4);font-size:10.5px;margin-bottom:7px}
.bwl-landing .bwl-tlm .bwl-tr{height:2px;background:var(--line);position:relative;border-radius:2px}
.bwl-landing .bwl-tlm .bwl-tr i{position:absolute;top:-3px;height:8px;border-radius:99px;background:var(--acc);
 animation:grow .9s ease forwards;transform-origin:left;transform:scaleX(0)}
@keyframes grow{to{transform:scaleX(1)}}
.bwl-landing .bwl-slot{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink3);padding:7px 0;border-bottom:1px solid var(--line)}
.bwl-landing .bwl-slot b{color:var(--ink2);font-weight:550}
.bwl-landing .bwl-cap-b{height:7px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:8px}
.bwl-landing .bwl-cap-b i{display:block;height:100%;background:var(--acc);border-radius:99px;animation:grow 1.1s ease forwards;transform-origin:left;transform:scaleX(0)}
.bwl-landing .bwl-meter{margin-top:14px}
.bwl-landing .bwl-meter .bwl-row{display:flex;justify-content:space-between;font-size:13px;padding:7px 0;color:var(--ink3)}
.bwl-landing .bwl-meter .bwl-row b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:650}
.bwl-landing .bwl-verd{margin-top:14px;display:flex;gap:8px}
.bwl-landing .bwl-verd span{flex:1;text-align:center;padding:9px;border-radius:9px;font-size:13px;font-weight:650;
 border:1px solid var(--line2);color:var(--ink4)}
.bwl-landing .bwl-verd span.bwl-on{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.4);color:var(--suc)}
.bwl-landing .bwl-courses{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.bwl-landing .bwl-c{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.bwl-landing .bwl-c .bwl-art{height:88px;display:grid;place-items:center;font-family:Georgia,serif;font-style:italic;
 font-size:19px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.bwl-landing .bwl-c .bwl-bd{padding:12px 13px}
.bwl-landing .bwl-c .bwl-t{font-size:13.5px;font-weight:600}
.bwl-landing .bwl-c .bwl-d{color:var(--ink4);font-size:11.5px;margin-top:4px}
.bwl-landing .bwl-a1{background:linear-gradient(120deg,#EA580C,#7C2D12,#1E3A8A)}
.bwl-landing .bwl-a2{background:linear-gradient(120deg,#1E3A8A,#0EA5E9,#F97316)}
.bwl-landing .bwl-a3{background:linear-gradient(120deg,#7C3AED,#DB2777,var(--bg-elev))}
.bwl-landing .bwl-a4{background:linear-gradient(120deg,#0F766E,#0EA5E9,#312E81)}
.bwl-landing .bwl-a5{background:linear-gradient(120deg,#B45309,#7C2D12,#0C4A6E)}
.bwl-landing .bwl-a6{background:linear-gradient(120deg,var(--bg-elev),#4338CA,#9333EA)}
.bwl-landing .bwl-a7{background:linear-gradient(120deg,#0C4A6E,#0EA5E9,#E0A94B)}
.bwl-landing .bwl-a8{background:linear-gradient(120deg,#312E81,var(--bg-card),#B4762A)}
.bwl-landing .bwl-comm{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.bwl-landing .bwl-cm{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px 22px}
.bwl-landing .bwl-cm .bwl-v{font-size:29px;font-weight:640;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.bwl-landing .bwl-cm .bwl-l{color:var(--ink3);font-size:14px;margin-top:4px}
.bwl-landing .bwl-plan{background:linear-gradient(180deg,#141824,#10131C);border:1px solid var(--line2);border-radius:18px;
 padding:36px;display:grid;grid-template-columns:1fr 1px 340px;gap:40px;align-items:center;max-width:920px;margin:38px auto 0}
.bwl-landing .bwl-vr{background:var(--line);width:1px;height:100%}
.bwl-landing .bwl-plan .bwl-tg{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);font-weight:700}
.bwl-landing .bwl-plan h3{font-size:27px;font-weight:620;margin-top:11px;letter-spacing:-.02em}
.bwl-landing .bwl-pp{display:flex;align-items:baseline;gap:9px;margin:16px 0 7px}
.bwl-landing .bwl-pp b{font-size:52px;font-weight:640;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.bwl-landing .bwl-pp span{color:var(--ink3);font-size:17px}
.bwl-landing .bwl-plan .bwl-nt{color:var(--ink3);font-size:14px}
.bwl-landing .bwl-pl{list-style:none;display:flex;flex-direction:column;gap:11px}
.bwl-landing .bwl-pl li{display:flex;gap:11px;font-size:14.8px;color:var(--ink2);align-items:flex-start}
.bwl-landing .bwl-pl svg{width:16px;height:16px;stroke:var(--suc);fill:none;stroke-width:2.3;flex-shrink:0;margin-top:4px}
.bwl-landing .bwl-plan .bwl-btn{width:100%;justify-content:center;margin-top:20px}
.bwl-landing .bwl-fine{text-align:center;color:var(--ink4);font-size:12.5px;margin-top:11px}
.bwl-landing footer{border-top:1px solid var(--line);padding:32px 0;color:var(--ink4);font-size:13px}
.bwl-landing .bwl-fin{display:flex;justify-content:space-between;align-items:center}
.bwl-landing .bwl-r{animation:fadeUp 4.5s ease-in-out infinite}
.bwl-landing .bwl-r:nth-child(2){animation-delay:.25s}
.bwl-landing .bwl-r:nth-child(3){animation-delay:.5s}
.bwl-landing .bwl-r:nth-child(4){animation-delay:.75s}
.bwl-landing .bwl-r:nth-child(5){animation-delay:1s}
@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}12%,86%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
.bwl-landing .bwl-tlm .bwl-tr i{animation:grow 4.5s ease-in-out infinite}
@keyframes grow{0%{transform:scaleX(0)}22%,88%{transform:scaleX(1)}100%{transform:scaleX(1)}}
.bwl-landing .bwl-cap-b i{animation:grow 4.5s ease-in-out infinite}
.bwl-landing .bwl-verd span.bwl-on{animation:pulse 4.5s ease-in-out infinite}
@keyframes pulse{0%,55%{background:transparent;border-color:var(--line2);color:var(--ink4)}
 70%,100%{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.4);color:var(--suc)}}
.bwl-landing .bwl-bcard{border:1px solid var(--line);border-radius:11px;padding:14px;background:var(--bg2)}
.bwl-landing .bwl-bcard .bwl-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.bwl-landing .bwl-bcard .bwl-bn{font-size:15px;font-weight:650}
.bwl-landing .bwl-bcard .bwl-bd{color:var(--ink4);font-size:11.5px}
.bwl-landing .bwl-bcard .bwl-sc{font-size:26px;font-weight:660;color:var(--suc);font-variant-numeric:tabular-nums;line-height:1}
.bwl-landing .bwl-sig{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.bwl-landing .bwl-sig .bwl-ic{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:11px}
.bwl-landing .bwl-sig .bwl-ic.bwl-y{background:rgba(52,211,153,.16);color:var(--suc)}
.bwl-landing .bwl-sig .bwl-ic.bwl-n{background:rgba(244,63,94,.16);color:#F43F5E}
.bwl-landing .bwl-sig .bwl-ic.bwl-q{background:rgba(224,169,75,.16);color:var(--gold)}
.bwl-landing .bwl-sig .bwl-lb{flex:1;color:var(--ink2)}
.bwl-landing .bwl-sig .bwl-vl{font-weight:600;font-size:12.5px}
.bwl-landing .bwl-sig .bwl-vl.bwl-y{color:var(--suc)}
.bwl-landing .bwl-sig .bwl-vl.bwl-n{color:#F43F5E}
.bwl-landing .bwl-sig .bwl-vl.bwl-q{color:var(--gold)}
@media (max-width:820px){.bwl-landing .bwl-wrap{padding:0 20px}.bwl-landing .bwl-navin{height:62px}.bwl-landing .bwl-nl{display:none}.bwl-landing .bwl-na .bwl-btn{padding:9px 15px;font-size:13.5px}.bwl-landing .bwl-na span{display:none}.bwl-landing h1{font-size:29px;letter-spacing:-.022em}.bwl-landing .bwl-hero{padding:36px 0 56px}.bwl-landing .bwl-lede{font-size:16px;margin-top:18px}.bwl-landing .bwl-hcta{flex-direction:column;gap:10px;margin-top:26px}.bwl-landing .bwl-hcta .bwl-btn{width:100%;justify-content:center}.bwl-landing .bwl-vid{margin-top:32px;border-radius:12px;position:relative;aspect-ratio:16/9;overflow:hidden}.bwl-landing .bwl-pbtn{width:60px;height:60px}.bwl-landing .bwl-pbtn svg{width:22px;height:22px}.bwl-landing .bwl-vmeta{left:14px;bottom:12px}.bwl-landing .bwl-vmeta .bwl-t{font-size:13px}.bwl-landing .bwl-vmeta .bwl-s{font-size:11.5px}.bwl-landing .bwl-vlen{right:14px;bottom:12px;font-size:11px}.bwl-landing section{padding:56px 0}.bwl-landing h2{font-size:27px}.bwl-landing .bwl-s-sub{font-size:15.5px}.bwl-landing .bwl-blk{grid-template-columns:1fr;gap:22px;padding:34px 0}.bwl-landing .bwl-blk:nth-child(even) .bwl-txt{order:0}.bwl-landing .bwl-blk h3{font-size:22px}.bwl-landing .bwl-blk p{font-size:15px}.bwl-landing .bwl-stage{min-height:0;padding:16px}.bwl-landing .bwl-courses{grid-template-columns:1fr 1fr;gap:11px}.bwl-landing .bwl-c .bwl-art{height:66px;font-size:15px}.bwl-landing .bwl-comm{grid-template-columns:1fr}.bwl-landing .bwl-plan{grid-template-columns:1fr;gap:24px;padding:26px 22px}.bwl-landing .bwl-vr{display:none}.bwl-landing .bwl-pp b{font-size:44px}.bwl-landing .bwl-fin{flex-direction:column;gap:8px;text-align:center}.bwl-landing .bwl-pf img, .bwl-landing .bwl-pf .bwl-pb{width:.8em;height:.8em}}
.bwl-landing .bwl-posts{position:relative;margin-top:34px;overflow:hidden;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.bwl-landing .bwl-ptrack{display:flex;gap:16px;width:max-content;animation:slide 46s linear infinite}
.bwl-landing .bwl-posts:hover .bwl-ptrack{animation-play-state:paused}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bwl-landing .bwl-post{width:430px;flex-shrink:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.bwl-landing .bwl-post img{width:100%;display:block}
.bwl-landing .bwl-posthead{display:flex;align-items:center;justify-content:space-between;margin-top:30px;gap:16px;flex-wrap:wrap}
.bwl-landing .bwl-posthead .bwl-t{font-size:15.5px;font-weight:600}
.bwl-landing .bwl-posthead .bwl-s{color:var(--ink3);font-size:13.5px}
.bwl-landing .bwl-news{border-top:1px solid var(--line);border-bottom:1px solid var(--line);
 background:linear-gradient(100deg,rgba(224,169,75,.09),transparent 62%)}
.bwl-landing .bwl-newsin{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 0}
.bwl-landing .bwl-news .bwl-ic{width:50px;height:50px;border-radius:13px;background:rgba(224,169,75,.14);
 border:1px solid rgba(224,169,75,.3);display:grid;place-items:center;flex-shrink:0}
.bwl-landing .bwl-news .bwl-ic svg{width:23px;height:23px;stroke:var(--gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bwl-landing .bwl-news .bwl-tx{flex:1;min-width:0}
.bwl-landing .bwl-news .bwl-tx b{font-size:19px;font-weight:640;letter-spacing:-.015em;display:block}
.bwl-landing .bwl-news .bwl-tx span{color:var(--ink2);font-size:14.5px;display:block;margin-top:4px}
.bwl-landing .bwl-news .bwl-btn{border-color:rgba(224,169,75,.45);color:var(--gold);flex-shrink:0}
.bwl-landing .bwl-stage{--dur:3.6s}
.bwl-landing .bwl-r{animation:rowIn var(--dur) cubic-bezier(.22,1,.36,1) infinite}
@keyframes rowIn{
 0%{opacity:0;transform:translateX(-14px) scale(.985)}
 14%{opacity:1;transform:none}
 82%{opacity:1;transform:none}
 100%{opacity:0;transform:translateX(8px) scale(.99)}}
.bwl-landing .bwl-r:nth-child(2){animation-delay:.14s}
.bwl-landing .bwl-r:nth-child(3){animation-delay:.28s}
.bwl-landing .bwl-r:nth-child(4){animation-delay:.42s}
.bwl-landing .bwl-r:nth-child(5){animation-delay:.56s}
.bwl-landing .bwl-sc{animation:pop var(--dur) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes pop{0%,10%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1.14)}26%,100%{opacity:1;transform:scale(1)}}
.bwl-landing .bwl-pillx{animation:chipIn var(--dur) cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes chipIn{0%,26%{opacity:0;transform:translateX(10px)}38%{opacity:1;transform:translateX(-2px)}44%,100%{opacity:1;transform:none}}
.bwl-landing .bwl-strike{animation:cross var(--dur) ease infinite}
@keyframes cross{0%,30%{text-decoration-color:transparent}46%,100%{text-decoration-color:currentColor}}
.bwl-landing .bwl-stage::after{content:'';position:absolute;left:0;right:0;top:0;height:64px;pointer-events:none;
 background:linear-gradient(180deg,rgba(47,107,255,.16),transparent);
 animation:scan var(--dur) ease-in-out infinite}
@keyframes scan{0%{transform:translateY(-70px);opacity:0}18%{opacity:1}72%{opacity:.5}100%{transform:translateY(280px);opacity:0}}
.bwl-landing .bwl-tlm .bwl-tr i{animation:grow2 var(--dur) cubic-bezier(.22,1,.36,1) infinite}
@keyframes grow2{0%{transform:scaleX(0);opacity:.5}22%{opacity:1}30%,100%{transform:scaleX(1);opacity:1}}
.bwl-landing .bwl-cap-b i{position:relative;animation:grow2 var(--dur) cubic-bezier(.22,1,.36,1) infinite}
.bwl-landing .bwl-cap-b{position:relative;overflow:hidden}
.bwl-landing .bwl-cap-b::after{content:'';position:absolute;top:0;bottom:0;width:34%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
 animation:shimmer var(--dur) linear infinite}
@keyframes shimmer{0%{left:-40%}60%,100%{left:110%}}
.bwl-landing .bwl-dot, .bwl-landing .bwl-tick .bwl-d{animation:beat 2.2s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.65}}
.bwl-landing .bwl-verd span.bwl-on{animation:verd var(--dur) ease infinite}
@keyframes verd{0%,52%{background:transparent;border-color:var(--line2);color:var(--ink4);transform:scale(1)}
 62%{background:rgba(52,211,153,.22);border-color:rgba(52,211,153,.6);color:var(--suc);transform:scale(1.06)}
 70%,100%{background:rgba(52,211,153,.14);border-color:rgba(52,211,153,.4);color:var(--suc);transform:scale(1)}}
.bwl-landing .bwl-sig{animation:rowIn var(--dur) cubic-bezier(.22,1,.36,1) infinite}
.bwl-landing .bwl-sig:nth-child(2){animation-delay:.12s}
.bwl-landing .bwl-sig:nth-child(3){animation-delay:.24s}
.bwl-landing .bwl-sig:nth-child(4){animation-delay:.36s}
.bwl-landing .bwl-sig:nth-child(5){animation-delay:.48s}
.bwl-landing .bwl-sig:nth-child(6){animation-delay:.6s}
.bwl-landing .bwl-bcard .bwl-sc{animation:pop var(--dur) cubic-bezier(.34,1.56,.64,1) infinite}
.bwl-landing .bwl-slot{animation:rowIn var(--dur) cubic-bezier(.22,1,.36,1) infinite}
.bwl-landing .bwl-slot:nth-child(2){animation-delay:.16s}
.bwl-landing .bwl-slot:nth-child(3){animation-delay:.32s}
@media (max-width:820px){.bwl-landing .bwl-post{width:300px}.bwl-landing .bwl-newsin{flex-direction:column;align-items:flex-start;gap:16px;padding:26px 0}.bwl-landing .bwl-news .bwl-btn{width:100%;justify-content:center}}.bwl-landing .bwl-signin{background:none;border:none;font-family:inherit;cursor:pointer;
 font-size:14.5px;color:var(--ink2);padding:0}
.bwl-landing .bwl-signin:hover{color:var(--ink)}

/* ── BWL · Skool kurs kartları: canlı gradyan + ışık süpürme (15 Ağu 2026) ──
   Gerçek Skool kapakları hareketli gradyan mesh; kartlar burada da nefes alsın. */
.bwl-landing .bwl-c{position:relative;overflow:hidden;
  transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease}
.bwl-landing .bwl-c:hover{transform:translateY(-3px);border-color:var(--line2)}
.bwl-landing .bwl-art{position:relative;background-size:220% 220%;
  animation:bwlArt 14s ease-in-out infinite}
@keyframes bwlArt{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}}
/* her kart farklı fazda başlasın — hepsi aynı anda dalgalanmasın */
.bwl-landing .bwl-c:nth-child(2) .bwl-art{animation-delay:-2.3s}
.bwl-landing .bwl-c:nth-child(3) .bwl-art{animation-delay:-4.6s}
.bwl-landing .bwl-c:nth-child(4) .bwl-art{animation-delay:-6.9s}
.bwl-landing .bwl-c:nth-child(5) .bwl-art{animation-delay:-9.2s}
.bwl-landing .bwl-c:nth-child(6) .bwl-art{animation-delay:-11.5s}
.bwl-landing .bwl-c:nth-child(7) .bwl-art{animation-delay:-1.4s}
.bwl-landing .bwl-c:nth-child(8) .bwl-art{animation-delay:-7.7s}
/* ışık süpürme: sırayla kartların üzerinden geçer */
.bwl-landing .bwl-art::after{content:'';position:absolute;top:0;bottom:0;width:38%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.30),transparent);
  transform:skewX(-14deg);animation:bwlSheen 9s ease-in-out infinite}
@keyframes bwlSheen{0%{left:-45%}22%{left:120%}100%{left:120%}}
.bwl-landing .bwl-c:nth-child(2) .bwl-art::after{animation-delay:.5s}
.bwl-landing .bwl-c:nth-child(3) .bwl-art::after{animation-delay:1s}
.bwl-landing .bwl-c:nth-child(4) .bwl-art::after{animation-delay:1.5s}
.bwl-landing .bwl-c:nth-child(5) .bwl-art::after{animation-delay:2s}
.bwl-landing .bwl-c:nth-child(6) .bwl-art::after{animation-delay:2.5s}
.bwl-landing .bwl-c:nth-child(7) .bwl-art::after{animation-delay:3s}
.bwl-landing .bwl-c:nth-child(8) .bwl-art::after{animation-delay:3.5s}
/* kapak yazısı hafifçe yüzsün */
.bwl-landing .bwl-art{display:grid;place-items:center}

/* ── Dashboard sıfır-veri başlangıç kartı (15 Ağu 2026) ── */
html:not([data-mobile]) .dash-page .bwd-start:not(#\.){
  background:linear-gradient(180deg,rgba(47,107,255,.09),var(--bg-card) 60%);
  border:1px solid rgba(47,107,255,.3);border-radius:var(--r);padding:18px 20px;margin-bottom:14px}
html:not([data-mobile]) .dash-page .bwd-start-h:not(#\.){
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}
html:not([data-mobile]) .dash-page .bwd-start-h h2:not(#\.){font-size:19px;font-weight:640;letter-spacing:-.015em}
html:not([data-mobile]) .dash-page .bwd-start-h p:not(#\.){color:var(--ink-3);font-size:13px;margin-top:4px}
html:not([data-mobile]) .dash-page .bwd-start-prog:not(#\.){text-align:right;flex-shrink:0}
html:not([data-mobile]) .dash-page .bwd-start-cnt:not(#\.){
  font-size:26px;font-weight:660;font-variant-numeric:tabular-nums;color:var(--acc-2);display:block;line-height:1}
html:not([data-mobile]) .dash-page .bwd-start-cnt em:not(#\.){font-style:normal;font-size:15px;color:var(--ink-4)}
html:not([data-mobile]) .dash-page .bwd-start-lbl:not(#\.){font-size:11.5px;color:var(--ink-4)}
html:not([data-mobile]) .dash-page .bwd-start-rows:not(#\.){display:flex;flex-direction:column;gap:8px}
html:not([data-mobile]) .dash-page .bwd-start-row:not(#\.){
  display:flex;align-items:center;gap:13px;width:100%;text-align:left;cursor:pointer;
  background:var(--bg-card-solid);border:1px solid var(--rule);border-radius:11px;padding:12px 14px;
  font-family:inherit;transition:border-color .2s ease,transform .2s ease}
html:not([data-mobile]) .dash-page .bwd-start-row:not(#\.):hover{border-color:var(--acc);transform:translateX(2px)}
html:not([data-mobile]) .dash-page .bwd-start-row.is-done:not(#\.){opacity:.55;cursor:default;transform:none}
html:not([data-mobile]) .dash-page .bwd-start-no:not(#\.){
  width:26px;height:26px;border-radius:50%;border:1.5px solid var(--rule-strong);display:grid;place-items:center;
  font-size:12.5px;font-weight:700;color:var(--ink-3);flex-shrink:0}
html:not([data-mobile]) .dash-page .bwd-start-no.is-done:not(#\.){
  background:var(--suc-soft);border-color:var(--suc);color:var(--suc)}
html:not([data-mobile]) .dash-page .bwd-start-tx:not(#\.){flex:1;min-width:0}
html:not([data-mobile]) .dash-page .bwd-start-tx b:not(#\.){display:block;font-size:14px;font-weight:620;color:var(--ink)}
html:not([data-mobile]) .dash-page .bwd-start-tx span:not(#\.){display:block;font-size:12.5px;color:var(--ink-4);margin-top:2px}
html:not([data-mobile]) .dash-page .bwd-start-go:not(#\.){
  display:inline-flex;align-items:center;gap:6px;color:var(--acc-2);font-size:13px;font-weight:640;flex-shrink:0}
html:not([data-mobile]) .dash-page .bwd-start-foot:not(#\.){margin-top:12px;text-align:right}

/* ── Profil ekranı düzeni (15 Ağu 2026) ── */
.bwp-wrap:not(#\.){display:flex;flex-direction:column;gap:14px}
.bwp-id:not(#\.){display:flex;align-items:center;gap:16px;background:var(--bg-card);
  border:1px solid var(--rule);border-radius:var(--r);padding:20px 22px}
.bwp-av:not(#\.){width:56px;height:56px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;
  font-size:22px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--acc),var(--acc-2))}
.bwp-id-tx:not(#\.){flex:1;min-width:0}
.bwp-id-tx h2:not(#\.){font-size:21px;font-weight:650;letter-spacing:-.02em}
.bwp-id-sub:not(#\.){color:var(--ink-3);font-size:13.5px;margin-top:3px}
.bwp-id-tags:not(#\.){display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.bwp-pkg:not(#\.){font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:99px;
  background:var(--bg-elev);border:1px solid var(--rule-strong);color:var(--ink-2)}
.bwp-pkg--elite:not(#\.),.bwp-pkg--anahtar_teslim:not(#\.){background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.4);color:#fbbf24}
.bwp-pkg--growth:not(#\.){background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.4);color:#60a5fa}
.bwp-pkg--uyelik:not(#\.){background:rgba(13,148,136,.14);border-color:rgba(13,148,136,.4);color:#2dd4bf}
.bwp-durum:not(#\.){font-size:11.5px;font-weight:600;padding:5px 12px;border-radius:99px;
  background:var(--suc-soft);color:var(--suc)}
.bwp-grid:not(#\.){display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-radius:var(--r);overflow:hidden}
.bwp-cell:not(#\.){background:var(--bg-card);padding:15px 18px;display:flex;flex-direction:column;gap:5px}
.bwp-k:not(#\.){font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-4)}
.bwp-v:not(#\.){font-size:15px;color:var(--ink);word-break:break-word}
.bwp-v.is-empty:not(#\.){color:var(--ink-4);font-style:italic;font-size:14px}
.bwp-bio:not(#\.){background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r);padding:16px 18px}
.bwp-bio p:not(#\.){font-size:14.5px;color:var(--ink-2);line-height:1.6;margin-top:7px}
.bwp-sec:not(#\.){background:var(--bg-card);border:1px solid var(--rule);border-radius:var(--r);padding:18px 20px}
.bwp-sec-h:not(#\.){display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.bwp-sec-h b:not(#\.){font-size:15.5px;font-weight:640}
.bwp-count:not(#\.){font-size:12.5px;color:var(--ink-4);font-variant-numeric:tabular-nums}
@media (max-width:1100px){.bwp-grid:not(#\.){grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.bwp-grid:not(#\.){grid-template-columns:1fr}
  .bwp-id:not(#\.){flex-wrap:wrap}.bwp-id-tags:not(#\.){width:100%;justify-content:flex-start}}
/* rozet ızgarası: profil kartı içinde tek sütuna düşüyordu */
.bwp-sec .badges-grid:not(#\.){display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}
.bwp-sec .badge-item:not(#\.){display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;
  background:var(--bg-elev);border:1px solid var(--rule);border-radius:11px;padding:13px 8px;opacity:.42}
.bwp-sec .badge-item.earned:not(#\.){opacity:1;border-color:var(--acc);background:var(--acc-soft)}
.bwp-sec .badge-icon:not(#\.){font-size:23px;line-height:1}
.bwp-sec .badge-title:not(#\.){font-size:11.5px;color:var(--ink-3);font-weight:600;line-height:1.3}

/* ── BWT · Rehberli tur (15 Ağu 2026) ──
   Kök tıklamaları GEÇİRİR; karartma panelleri yakalar, spotlight deliği açık kalır
   (kullanıcı vurgulanan öğeyi tur açıkken gerçekten kullanabilir). Hedefi z-index ile
   yükseltmiyoruz — denendi, balonun butonlarını tıklanamaz yapıyordu. */
.bwt-root{position:fixed;inset:0;z-index:9998;pointer-events:none;
  font-family:Inter,-apple-system,system-ui,sans-serif}
.bwt-mask{position:fixed;background:rgba(4,6,12,.78);pointer-events:auto;
  transition:all .55s cubic-bezier(.4,0,.2,1)}
.bwt-ring{position:fixed;border-radius:16px;pointer-events:none;
  box-shadow:0 0 0 2px #2F6BFF,0 0 0 7px rgba(47,107,255,.22),0 0 34px rgba(47,107,255,.35);
  transition:all .55s cubic-bezier(.4,0,.2,1)}
.bwt-ring::after{content:'';position:absolute;inset:-7px;border-radius:22px;
  border:2px solid rgba(47,107,255,.55);animation:bwtPulse 2s ease-out infinite}
@keyframes bwtPulse{0%{transform:scale(1);opacity:.9}70%{transform:scale(1.06);opacity:0}100%{opacity:0}}
.bwt-pop{position:fixed;z-index:2;pointer-events:auto;width:344px;background:#11141C;
  border:1px solid #2A3040;border-radius:15px;padding:20px;color:#EDF0F7;
  box-shadow:0 26px 70px rgba(0,0,0,.6);opacity:0;transform:translateY(10px) scale(.97);
  transition:all .55s cubic-bezier(.4,0,.2,1)}
.bwt-pop.show{opacity:1;transform:none}
.bwt-pop::before{content:'';position:absolute;width:11px;height:11px;background:#11141C;
  border-left:1px solid #2A3040;border-top:1px solid #2A3040;transform:rotate(45deg)}
.bwt-pop[data-side="right"]::before{left:-6px;top:26px;transform:rotate(-45deg)}
.bwt-pop[data-side="left"]::before{right:-6px;top:26px;transform:rotate(135deg)}
.bwt-pop[data-side="bottom"]::before{top:-6px;left:30px}
.bwt-pop[data-side="top"]::before{bottom:-6px;left:30px;transform:rotate(225deg)}
.bwt-step{font-size:11px;font-weight:700;letter-spacing:.11em;color:#6E9BFF;text-transform:uppercase}
.bwt-pop h4{font-size:18px;font-weight:640;letter-spacing:-.015em;margin:9px 0 8px;color:#EDF0F7}
.bwt-pop p{font-size:14px;line-height:1.55;color:#9AA1B2}
.bwt-tip{margin-top:12px;background:rgba(224,169,75,.1);border:1px solid rgba(224,169,75,.26);
  border-radius:9px;padding:9px 11px;font-size:12.5px;color:#E0A94B;display:flex;gap:8px}
.bwt-foot{display:flex;align-items:center;gap:10px;margin-top:17px}
.bwt-dots{display:flex;gap:5px;margin-right:auto}
.bwt-dots i{width:6px;height:6px;border-radius:50%;background:#2A3040;transition:all .3s}
.bwt-dots i.on{background:#2F6BFF;width:18px;border-radius:99px}
.bwt-b{padding:9px 15px;border-radius:9px;font-size:13.5px;font-weight:600;border:1px solid #2A3040;
  background:transparent;color:#EDF0F7;cursor:pointer;font-family:inherit}
.bwt-b.bwt-pri{background:#2F6BFF;border-color:#2F6BFF;color:#fff}
.bwt-skip{position:fixed;z-index:2;pointer-events:auto;top:18px;right:18px;font-size:13px;color:#9AA1B2;
  background:rgba(17,20,28,.9);border:1px solid #2A3040;border-radius:9px;padding:8px 14px;
  cursor:pointer;font-family:inherit}
.bwd-start-sep{color:var(--ink-4);margin:0 8px}
@media (max-width:820px){.bwt-pop{width:calc(100vw - 32px);left:16px!important}.bwt-pop::before{display:none}}

/* ── BWZ · Kurulum sihirbazı animasyonları (15 Ağu 2026) ──
   Modal daha önce hiç canlanmıyordu: birden beliriyor, adım değişince içerik
   sıçrayarak yer değiştiriyordu. Artık perde soluyor, kart yaylanarak geliyor,
   adım içeriği çapraz geçiyor, sağlayıcı kartları sırayla düşüyor. */
.bwz-ov{animation:bwzFade .28s ease both}
@keyframes bwzFade{from{opacity:0}to{opacity:1}}
.bwz-card{animation:bwzPop .42s cubic-bezier(.34,1.4,.64,1) both;
  box-shadow:0 30px 90px rgba(0,0,0,.7)}
@keyframes bwzPop{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
.bwz-body{animation:bwzStep .38s cubic-bezier(.22,1,.36,1) both}
@keyframes bwzStep{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
/* sağlayıcı kartları sırayla gelsin + üzerine gelince kalksın */
.bwz-body button{transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s ease,box-shadow .22s ease}
.bwz-body button:hover{transform:translateY(-2px)}
.bwz-body div > button:nth-child(1){animation:bwzIn .34s ease both .02s}
.bwz-body div > button:nth-child(2){animation:bwzIn .34s ease both .07s}
.bwz-body div > button:nth-child(3){animation:bwzIn .34s ease both .12s}
.bwz-body div > button:nth-child(4){animation:bwzIn .34s ease both .17s}
.bwz-body div > button:nth-child(5){animation:bwzIn .34s ease both .22s}
.bwz-body div > button:nth-child(6){animation:bwzIn .34s ease both .27s}
@keyframes bwzIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* ilerleme noktaları yumuşak genişlesin */
.bwz-card [style*="border-radius: 4px"]{transition:width .35s cubic-bezier(.34,1.4,.64,1),background .35s ease}
/* sihirbaz içindeki tur düğmesi */
.bwz-tour-btn{margin-top:16px;width:100%;padding:12px 18px;border-radius:11px;cursor:pointer;
  background:rgba(47,107,255,.12);border:1px solid rgba(47,107,255,.4);color:#93c5fd;
  font-size:13.5px;font-weight:700;font-family:inherit;
  transition:background .2s ease,transform .2s ease}
.bwz-tour-btn:hover{background:rgba(47,107,255,.2);transform:translateY(-1px)}

/* 16 Ağu 2026 — Fiyat kartında "dahil DEĞİLDİR" bloğu.
   Berk: "üyeliği alan kişi tam üyelik almış gibi düşünmemeli."
   Ne alındığı kadar ne alınMADIĞI da net olsun — sonradan hayal kırıklığı
   ve iade tartışması doğurmasın. Uyarı değil, dürüst bir sınır çizgisi:
   bu yüzden kırmızı değil nötr, ama göz kaçırılamayacak kadar belirgin. */
.bwl-landing .bwl-haric{
  margin-top:14px;padding:11px 13px;border-radius:10px;
  border:1px solid rgba(148,163,184,.28);background:rgba(148,163,184,.09);
  font-size:12.5px;line-height:1.6;color:var(--ink-2,var(--ink-3))}
.bwl-landing .bwl-haric b{color:var(--ink,var(--ink));font-weight:800}
.bwl-landing .bwl-haric a{color:var(--acc,#3b82f6);text-decoration:underline;text-underline-offset:2px}
@media (max-width:640px){.bwl-landing .bwl-haric{font-size:12px;padding:10px 12px}}


/* 16 Ağu 2026 — Kanıt kartları mobil. Berk: "3 görsel dairesi çok anlamsız
   duruyor, mobile uyumlu ve daha belirgin olsun."
   Kök sorun boyut değil BİÇİMDİ: kaynak görseller ekran görüntüsü, daireye
   kırpılınca alanın ~%27'si ve tüm köşe bilgisi gidiyordu. Yuvarlatılmış kare
   aynı dosyadan çok daha fazlasını gösteriyor.
   Mobilde 3 kolon yerine dikey istif: 390px'te 3 kolon karta ~110px bırakıyor,
   o genişlikte ne görsel okunuyor ne etiket sığıyor. */
@media (max-width:640px){
  .bwl-landing .bwl-proofstrip{grid-template-columns:1fr;gap:10px;max-width:420px;padding:0 4px}
  .bwl-landing .bwl-pitem{flex-direction:row;align-items:center;text-align:left;gap:14px;padding:12px 14px}
  .bwl-landing .bwl-pitem:hover{transform:none}
  .bwl-landing .bwl-pthumb{width:76px;height:76px;border-radius:16px;flex-shrink:0;box-shadow:0 5px 14px rgba(0,0,0,.24)}
  .bwl-landing .bwl-pthumb img{border-radius:13.5px}
  .bwl-landing .bwl-pitem .bwl-pv{margin-top:0;font-size:18px;text-align:left}
  .bwl-landing .bwl-pitem .bwl-pl2{text-align:left;font-size:12.5px;margin-top:3px}
  /* <br> masaüstünde satırı dengeliyor, dar satırda gereksiz kırık yaratıyor */
  .bwl-landing .bwl-pitem .bwl-pl2 br{display:none}
}
/* Tablet ara adımı: 3 kolon sıkışmasın diye kart iç boşluğu ve görsel küçülür */
@media (min-width:641px) and (max-width:820px){
  .bwl-landing .bwl-pthumb{width:92px;height:92px}
  .bwl-landing .bwl-pitem{padding:14px 10px 13px}
  .bwl-landing .bwl-pitem .bwl-pv{font-size:17px}
  .bwl-landing .bwl-pitem .bwl-pl2{font-size:11.5px}
}

/* ══ 16 Ağu 2026 — KANIT EKRANI (bwl-stage) ══════════════════════════
   Berk: "3 görsel hiç gözükmüyor, küçük bir ekranda videoları animasyon
   gibi oynatacak şekilde tasarla, mobil uyumlu."
   Eski tasarım 3 ayrı 82px daireydi; hiçbiri okunmuyordu. Artık TEK bir
   telefon ekranı var, içinde 3 kare Instagram-story gibi sırayla oynuyor.
   Üstteki 3 çubuk hangi karede olduğumuzu gösterir — bu kalıp evrensel
   olarak "video oynuyor" diye okunur, sahte bir play düğmesine gerek yok.
   Tamamı CSS keyframes: JS yok, BwLanding state'siz kalabiliyor.
   ÖNEMLİ: kaynak PNG'lerde daire maskesi BASILI (köşeler açık gri).
   scale(1.46) ile dairenin iç karesine kırpıyoruz → gri köşeler dışarıda.
   Videolar gelince <img> yerine <video autoplay muted loop playsinline>
   koymak yeterli; kalan her şey aynen çalışır. */
.bwl-landing .bwl-stage{display:flex;flex-direction:column;align-items:center;gap:11px;margin:34px auto 0}
.bwl-landing .bwl-screen{position:relative;width:248px;aspect-ratio:4/5;border-radius:26px;overflow:hidden;
  background:#0b0f16;border:1px solid rgba(148,163,184,.22);
  box-shadow:0 22px 55px rgba(0,0,0,.5),0 0 0 5px rgba(148,163,184,.07)}
.bwl-landing .bwl-sl{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:scale(1.06);opacity:0;animation:bwlSl 18s linear infinite}
.bwl-landing .bwl-sl2{animation-delay:6s}
.bwl-landing .bwl-sl3{animation-delay:12s}
@keyframes bwlSl{0%{opacity:0}1.5%{opacity:1}31%{opacity:1}33.3%{opacity:0}100%{opacity:0}}

/* Alt yarıya karartma — beyaz metin her karede okunsun */
.bwl-landing .bwl-shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to bottom,transparent 42%,rgba(6,9,14,.72) 78%,rgba(6,9,14,.93) 100%)}

/* Story çubukları */
.bwl-landing .bwl-bars{position:absolute;top:9px;left:9px;right:9px;display:flex;gap:4px;z-index:3}
.bwl-landing .bwl-bars i{flex:1;height:2.5px;border-radius:2px;background:rgba(255,255,255,.28);overflow:hidden;position:relative}
.bwl-landing .bwl-bars i::after{content:'';position:absolute;inset:0;width:0;border-radius:2px;
  background:#fff;animation:bwlBar 18s linear infinite}
.bwl-landing .bwl-bars i:nth-child(2)::after{animation-delay:6s}
.bwl-landing .bwl-bars i:nth-child(3)::after{animation-delay:12s}
@keyframes bwlBar{0%{width:0}33.33%{width:100%}33.34%{width:100%}100%{width:100%}}

/* Alt yazı — görselle aynı ritimde */
.bwl-landing .bwl-cap{position:absolute;left:14px;right:14px;bottom:15px;z-index:2;opacity:0;
  animation:bwlCap 18s linear infinite}
.bwl-landing .bwl-cap2{animation-delay:6s}
.bwl-landing .bwl-cap3{animation-delay:12s}
.bwl-landing .bwl-cap b{display:block;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.01em;
  font-variant-numeric:tabular-nums;line-height:1.15}
.bwl-landing .bwl-cap span{display:block;margin-top:3px;font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.76)}
@keyframes bwlCap{0%{opacity:0;transform:translateY(6px)}2%{opacity:1;transform:none}
  30%{opacity:1;transform:none}33.3%{opacity:0;transform:translateY(-4px)}100%{opacity:0}}

/* Ekran altı etiket + kayıt noktası */
.bwl-landing .bwl-stagenote{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--ink-2,var(--ink-3))}
.bwl-landing .bwl-rec{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:bwlRec 1.8s ease-in-out infinite}
@keyframes bwlRec{0%,100%{opacity:1}50%{opacity:.25}}

@media (max-width:640px){
  .bwl-landing .bwl-stage{margin-top:26px}
  .bwl-landing .bwl-screen{width:min(248px,72vw);border-radius:22px}
  .bwl-landing .bwl-cap b{font-size:18px}
}
/* Hareket hassasiyeti: döngü durur, ilk kare sabit kalır */
@media (prefers-reduced-motion:reduce){
  .bwl-landing .bwl-sl,.bwl-landing .bwl-cap,
  .bwl-landing .bwl-bars i::after,.bwl-landing .bwl-rec{animation:none}
  .bwl-landing .bwl-sl1,.bwl-landing .bwl-cap1{opacity:1}
  .bwl-landing .bwl-bars i::after{width:100%}
}

/* 17 Ağu 2026 — YouTube gömülü oynatıcı (panel turu -zO0NK55HVA).
   iframe absolute; kapsayıcı .bwl-vid'e aspect-ratio verilmeseydi 0px kalırdı
   (eskiden içindeki <img> yükseklik üretiyordu). Üst bilgi katmanları
   pointer-events:none — yoksa iframe'in tıklamasını yerler. */
.bwl-landing .bwl-yt{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;border-radius:inherit}
.bwl-landing .bwl-vmeta,.bwl-landing .bwl-vlen{pointer-events:none}

/* 17 Ağu 2026 (2. tur) — ÜÇLÜ KANIT ŞERİDİ (bwl-proof3).
   Önce 3 kanıt karusel, sonra tek kare denendi. Berk: "2 video 1 görsel tam olarak
   istediğim şekilde pozisyonlanmamış — videoların yerine bu 3 görseli kullan,
   hero'nun üzerinde 3'lü görsel, altında YouTube, mobil uyumlu olsun."
   Karar: 3 sabit görsel yan yana (video yok → oynatma/poster/otoplay derdi yok).
   Görseller 1080x1440 (3:4) ÖNCEDEN kırpıldı; CSS'te aspect-ratio 3/4 + object-fit
   cover, yani kart yükseklikleri tarayıcıdan bağımsız aynı ve CLS yok
   (img'lere width/height de yazılı).
   MOBİL: 3 sütun 360px ekranda kartı ~105px'e düşürüp rakamı okunmaz yapıyordu;
   ≤640px'te yatay scroll-snap şeridine dönüyor — kartlar 72vw, parmakla kaydırılıyor.
   Şerit taşmasın diye .bwl-hero zaten overflow:hidden; negatif margin ile
   wrap padding'i iptal edilip kenardan kenara kaydırma verildi. */
.bwl-landing .bwl-proof3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;
  margin:34px auto 0;max-width:900px}
.bwl-landing .bwl-pcard{position:relative;margin:0;border-radius:18px;overflow:hidden;
  background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.20);
  box-shadow:0 16px 40px rgba(0,0,0,.34);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.bwl-landing .bwl-pcard:hover{transform:translateY(-4px);border-color:rgba(148,163,184,.38);
  box-shadow:0 22px 52px rgba(0,0,0,.42)}
.bwl-landing .bwl-pcard img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}
.bwl-landing .bwl-pcap{position:absolute;left:0;right:0;bottom:0;padding:38px 14px 13px;text-align:left;
  background:linear-gradient(180deg,rgba(6,7,12,0),rgba(6,7,12,.62) 42%,rgba(6,7,12,.9))}
.bwl-landing .bwl-pcap b{display:block;font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1;
  font-variant-numeric:tabular-nums;color:#f8fafc}
.bwl-landing .bwl-pcap span{display:block;margin-top:6px;font-size:11.5px;line-height:1.45;color:rgba(226,232,240,.80)}
@media (max-width:900px){
  .bwl-landing .bwl-proof3{gap:12px;max-width:100%}
  .bwl-landing .bwl-pcap{padding:30px 11px 11px}
  .bwl-landing .bwl-pcap b{font-size:19px}
  .bwl-landing .bwl-pcap span{font-size:10.5px}
}
@media (max-width:640px){
  .bwl-landing .bwl-proof3{display:flex;grid-template-columns:none;gap:12px;
    margin:26px -20px 0;padding:2px 20px 6px;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .bwl-landing .bwl-proof3::-webkit-scrollbar{display:none}
  .bwl-landing .bwl-pcard{flex:0 0 72vw;max-width:300px;scroll-snap-align:center}
  .bwl-landing .bwl-pcard:hover{transform:none}
  .bwl-landing .bwl-pcap{padding:34px 13px 12px}
  .bwl-landing .bwl-pcap b{font-size:21px}
  .bwl-landing .bwl-pcap span{font-size:11px}
}

/* 17 Ağu 2026 (2. tur) — 16 DK PANEL TURU VİDEOSU MASAÜSTÜNDE HİÇ GÖRÜNMÜYORDU.
   .bwl-vid'in yüksekliğini eskiden içindeki <img> üretiyordu. <img> yerine
   position:absolute bir iframe gelince kapsayıcıda yükseklik üretecek hiçbir
   şey kalmadı → masaüstünde 0px. Mobil media query'sinde (≤820px) aspect-ratio
   vardı, o yüzden telefonda çalışıyor sanılıyordu; ≥821px'te video hiç çizilmedi.
   İkinci tuzak: ::after karartma katmanı iframe'den SONRA boyanıyor ve
   pointer-events kapalı değildi → oynat tıklamasını o yiyordu. */
.bwl-landing .bwl-vid{aspect-ratio:16/9}
.bwl-landing .bwl-vid::after{pointer-events:none}
.bwl-landing .bwl-vid:has(.bwl-yt)::after{display:none}


/* ════════════════════════════════════════════════════════════════
   17 Ağu 2026 — YÜZEN PENCERELER OPAK OLMALI (Berk: "bazı pencereler
   tam olarak okunmuyor, arkaplan transparan görünüyor")
   Sebep: --bg-card bilinçli olarak CAM: rgba(255,240,220,0.025) — %2.5
   opaklık. Sayfa içi kartlarda çalışıyor çünkü arkasında opak sayfa
   zemini var. Ama overlay üstünde yüzen bir modalın arkasında sadece
   yarı saydam karartma var → sayfanın metni modalın içinden okunuyor.
   Temanın kendi yorumu da bunu söylüyor: --bg-card-solid = "glass'ı
   desteklemeyen yerlerde fallback". Yüzen yüzeyler o token'ı kullanır.
   :not(#\.) boost — tema normalizer'ı satır-içi stilleri eziyor.
   ════════════════════════════════════════════════════════════════ */
.bw-confirm-box:not(#\.){
  background: var(--bg-card-solid, #14101a) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}


/* 17 Ağu 2026 — MOBİL GERİ ŞERİDİ (okuma panelinin en üstü).
   Berk: "mobilde maili açtıktan sonra geri dönme tuşu yok, orada kalıyorsun".
   Geri dönüş araç çubuğundaki çıplak "←" ikonundaydı; o çubuk telefonda yatay
   kaydırılabilir (8 ikon) ve kaydırılınca ok gözden kayboluyordu. Bu şerit
   ayrı, yapışkan, tam genişlikte ve YAZILI. Zemin opak olmalı — altındaki
   mail metni şeridin içinden okunmasın (bkz. cam token dersi). */
html[data-mobile] .bw-mreader-back:not(#\.){
  background: var(--bg-card-solid, #161620) !important;
  position: sticky !important;
  top: -12px;
  z-index: 6;
}
html[data-mobile] .bw-mreader-back button{ min-height:44px !important; }
/* Masaüstünde bu şerit hiç görünmez — orada üç pane yan yana, liste zaten ekranda */
html:not([data-mobile]) .bw-mreader-back{ display:none !important; }


/* ════════════════════════════════════════════════════════════════
   17 Ağu 2026 — GERİ BİLDİRİM KUTUSU (yüzen buton + modal)
   Yüzen buton her ekranda sağ altta. Mobilde alt sekme çubuğunun
   (.bw-mtab, 56px) ÜSTÜNDE durmalı — altında kalırsa hiç tıklanamaz.
   Telefonda etiket gizlenip yuvarlak rozet olur; 44px dokunma hedefi
   korunur. Modal zemini --bg-card-solid (cam token DEĞİL): overlay
   üstünde yüzüyor, arkasında opak sayfa yok.
   z-index düzeni: msheet 3850 < fab 3800 < modal 3900 < mtab 3900?
   HAYIR — fab 3800 (mtab'ın altında kalmaz çünkü konumu çubuğun üstünde),
   modal 3900 her şeyin üstünde.
   ════════════════════════════════════════════════════════════════ */
.bw-fbfab:not(#\.){
  background: var(--bg-card-solid, #14101a) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.bw-fbfab:hover{ border-color: var(--acc, #f59e0b) !important; color: var(--ink, var(--ink)) !important; }
.bw-fbmodal:not(#\.){ background: var(--bg-card-solid, #14101a) !important; }
html[data-mobile] .bw-fbfab{
  padding: 0 !important; width: 48px; height: 48px; justify-content: center;
  border-radius: 999px !important;
}
html[data-mobile] .bw-fbfab .bw-fbfab-t{ display: none; }
html[data-mobile] .bw-fbmodal{ max-height: 88vh; }
@media print { .bw-fbfab{ display: none !important; } }

/* ═══════════════ 24 Eyl 2026 — AÇIK TEMA OKUNABİLİRLİK SON KATMAN ═══════════════
   Bu blok dosyanın EN SONUNDA durmalı: palet tanımları (html[data-palette="..."])
   --ink-4'ü kendi değeriyle yeniden tanımlıyor ve aynı özgüllükte sonra geldiği için
   kazanıyordu. Ölçüm: ikincil metin #a8a29e beyaz zeminde 2.52 kontrast (sınır 4.5).
   Burada, tüm paletlerden sonra, açık modda okunur tona sabitlenir. */
html[data-mode="light"]{
  --ink-4:#6b6560;
}