/* ============================================
   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) === */
/* 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"]{
  background:var(--bg-soft) !important;color:var(--ink-2) !important;
}

/* Koyu mavi/slate zeminler — KAYNAĞI: hardcoded #0f172a, #1e293b, #0a0f1c */
[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 #1e293b 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 (#94a3b8, #64748b, #475569)
   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: #d4d4d8 !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: #fafafa !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.
   ============================================================ */
.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: #fafafa !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"]) .bw-mail-center {
  /* Force dark even in day mode */
  background: #050208 !important;
  color: #fafafa !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: #fafafa !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: #fafafa !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: #fafafa !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 (#1e293b, #0f172a, #334155...)
   `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: #fafafa !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: #475569; }
.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 #cbd5e1 !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: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !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 body .bw-mail-center {
  background: #0a0d12 !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: #f1f5f9 !important;
}
html body .stage-detail-panel .stage-detail-text,
html body .stage-detail-panel .stage-detail-label {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
}
html body .stage-detail-panel .stage-detail-label {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !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: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !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: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !important;
  font-weight: 700;
}
html body .mc-hero-story {
  margin-top: 14px;
}
html body .mc-hero-story-line {
  font-size: 14px;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}
html body .mc-hero-story-line:first-child {
  font-size: 16px;
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !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: #f1f5f9 !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: #94a3b8 !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: #f1f5f9 !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: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  margin: 0 0 14px;
}
html body .mc-welcome-body p:last-child {
  margin-bottom: 0;
}
html body .mc-welcome-body strong {
  color: #f1f5f9 !important;
  -webkit-text-fill-color: #f1f5f9 !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: #94a3b8 !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: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !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: #e2e8f0 !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: #94a3b8 !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: #e2e8f0 !important;
  -webkit-text-fill-color: #e2e8f0 !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: #d4d4d8;
  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: #d4d4d8;
  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: #f1f5f9;
  margin-bottom: 3px;
}
.dash-youtube-sub {
  font-size: 12px;
  color: #94a3b8;
  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: #64748b;
  font-weight: 600;
  letter-spacing: 0.5px;
}
.nav-item.nav-finance .nav-icon {
  color: #10b981;
}