:root{
  --bg:#f7f5ff;
  --card:#ffffff;
  --purple:#5b21b6;
  --pink:#be185d;
  --indigo:#3730a3;
  --green:#10b981;
  --amber:#f59e0b;
  --red:#dc2626;
  --text:#160e3f;
  --muted:#6b5fa8;
  --faint:#a79fc4;
  --blue:#2563eb;
  --border:#e0d9f8;
  --grad-main:linear-gradient(100deg,#5b21b6 0%,#3730a3 45%,#818cf8 100%);
  --grad-btn:linear-gradient(90deg,#7c3aed,#ec4899);
  --grad-green:linear-gradient(90deg,#34d399,#059669);
  --shadow-lg:0 20px 40px -12px rgba(91,33,182,.18);
  --shadow-md:0 8px 24px -6px rgba(22,14,63,.12);
  --shadow-sm:0 2px 10px -2px rgba(22,14,63,.08);
}
/* ══════════════════════════════════════════════
   DARK THEME — tam kapsamlı override
══════════════════════════════════════════════ */
[data-theme="dark"]{
  /* Zemin merdiveni: düşük kroma nötr-koyu, DÜZ renkler */
  --bg:#0e0c14;
  --card:#16131f;
  --d-surface:#16131f;
  --d-surface-2:#1d1928;
  --d-surface-3:#241f34;
  --d-inset:#0f0c18;
  /* Metin merdiveni: 3 kademe, hepsi 7:1+ */
  --text:#f2eefb;
  --muted:#b3a8e8;
  --faint:#7d74a8;
  --d-text-2:#aaa0e2;
  --d-text-3:#a89ee0;
  /* Accent */
  --purple:#8b5cf6;
  --pink:#ec4899;
  --indigo:#a78bfa;
  --d-accent-soft:rgba(139,92,246,.14);
  --d-accent-text:#b8a4fc;
  --grad-btn:linear-gradient(90deg,#7c3aed,#ec4899);
  /* Durum */
  --green:#34d399;
  --amber:#fbbf24;
  --red:#f87171;
  /* Kenar + derinlik: renkli glow yerine border aydınlanması + siyah gölge */
  --border:#272134;
  --d-border-lume:rgba(139,92,246,.16);
  --d-border-strong:rgba(139,92,246,.38);
  --d-hair:inset 0 1px 0 rgba(255,255,255,.05);
  --d-glow:0 0 0 1px rgba(139,92,246,.12),0 14px 40px -14px rgba(0,0,0,.6);
  --d-focus:0 0 0 3px rgba(139,92,246,.22);
  --shadow-lg:0 24px 56px rgba(0,0,0,.6);
  --shadow-md:0 8px 28px rgba(0,0,0,.45);
  --shadow-sm:0 2px 12px rgba(0,0,0,.35);
}

/* ─ Body ─ */
[data-theme="dark"] body{
  background:#0e0c14;
  background-image:
    radial-gradient(ellipse 900px 560px at -5% -8%,rgba(124,58,237,.10) 0%,transparent 58%),
    radial-gradient(ellipse 720px 460px at 105% 0%,rgba(217,70,160,.07) 0%,transparent 54%),
    linear-gradient(180deg,#0f0d15 0%,#0b0910 100%);
  background-attachment:fixed;
}
/* yavaş süzülen aurora katmanı */
[data-theme="dark"] body::before{
  content:"";position:fixed;inset:-25%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(closest-side at 18% 22%,rgba(124,58,237,.14),transparent 70%),
    radial-gradient(closest-side at 84% 14%,rgba(236,72,153,.10),transparent 70%),
    radial-gradient(closest-side at 62% 92%,rgba(56,189,248,.06),transparent 72%);
  filter:blur(60px);
  animation:auroraDrift 40s ease-in-out infinite alternate;
}
@keyframes auroraDrift{
  0%  {transform:translate3d(0,0,0) scale(1)}
  50% {transform:translate3d(2.2%,1.6%,0) scale(1.07)}
  100%{transform:translate3d(-1.8%,-1.2%,0) scale(1.04)}
}
@media (prefers-reduced-motion:reduce){
  body::before,.hero::before,.ticker-track,.ticker-label,.ticker-label i,.login-blob,.login-topbar,.mc-cover,.sdot,.hdot,.tl-dot{animation:none!important}
}

/* ─ Nav ─ */
[data-theme="dark"] .topnav{
  background:linear-gradient(180deg,rgba(21,17,32,.86),rgba(13,11,24,.82))!important;
  border-bottom:1px solid var(--d-border-lume)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 8px 30px rgba(0,0,0,.55)!important;
  backdrop-filter:saturate(140%) blur(14px)!important;
  -webkit-backdrop-filter:saturate(140%) blur(14px)!important;
  animation:none!important;
}
[data-theme="dark"] .nav-btn{color:var(--d-text-2)!important;background:transparent!important;box-shadow:none!important}
[data-theme="dark"] .nav-btn:hover{color:#d4c9fe!important;background:rgba(139,92,246,.1)!important}
[data-theme="dark"] .nav-btn.active{color:#f7f4ff!important;background:rgba(139,92,246,.16)!important;box-shadow:none!important}
[data-theme="dark"] .caret{color:var(--d-text-3)}
[data-theme="dark"] .brand-name{color:#ede8ff}
[data-theme="dark"] .brand-name em{color:#a78bfa}

/* ─ Kartlar ─ */
[data-theme="dark"] .mgmt-card{
  background:var(--d-surface)!important;
  border:1px solid var(--d-border-lume)!important;
  box-shadow:var(--d-hair),0 8px 30px -10px rgba(0,0,0,.6)!important;
  position:relative;overflow:hidden;
}
[data-theme="dark"] .mgmt-card::after{
  content:"";position:absolute;top:0;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,rgba(124,58,237,.55),rgba(236,72,153,.55),transparent);
  pointer-events:none;z-index:1;
}
[data-theme="dark"] .mc-title{color:#f7f4ff!important}
[data-theme="dark"] .mc-sub{color:var(--muted)!important}
[data-theme="dark"] .mc-body{background:var(--card)}

/* ─ SEO kart ─ */
[data-theme="dark"] .dcard{
  background:var(--d-surface)!important;
  border:1px solid var(--d-border-lume)!important;
  box-shadow:var(--d-hair),0 10px 30px -10px rgba(0,0,0,.65)!important;
  transition:border-color .25s,box-shadow .25s,transform .25s;
}
[data-theme="dark"] .dcard:hover{
  border-color:var(--d-border-strong)!important;
  box-shadow:var(--d-hair),0 0 0 1px rgba(167,139,250,.2),0 18px 44px -12px rgba(0,0,0,.7)!important;
  transform:translateY(-2px);
}
[data-theme="dark"] .dcover{opacity:1;filter:drop-shadow(0 2px 10px rgba(0,0,0,.4))}
[data-theme="dark"] .ring-fg{filter:none}
[data-theme="dark"] .ring-bg{stroke:#231d38!important}

/* ─ Filter bar ─ */
[data-theme="dark"] .filterbar{
  background:linear-gradient(180deg,rgba(23,18,36,.92),rgba(14,11,24,.92))!important;
  border-bottom:1px solid rgba(139,92,246,.18)!important;
  border-radius:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 6px 24px -10px rgba(0,0,0,.6)!important;
}
[data-theme="dark"] .brand-logo{box-shadow:0 0 10px rgba(139,92,246,.25)!important}
[data-theme="dark"] .mgmt-card .mc-cover{animation:none}
[data-theme="dark"] .ftab{color:var(--d-text-2)!important;background:transparent!important;border:none!important}
[data-theme="dark"] .ftab:hover{color:#b8a4fc!important}
[data-theme="dark"] .ftab.active{color:#f7f4ff!important}
[data-theme="dark"] .ftab .cnt{background:#1e1a30!important;color:#b8a4fc!important}
[data-theme="dark"] .ftab.active .cnt{background:#5b21b6!important;color:#f7f4ff!important}
[data-theme="dark"] .ftab-underline{background:linear-gradient(90deg,#7c3aed,#ec4899)!important}

/* ─ Sort & density ─ */
[data-theme="dark"] .sort-select,
[data-theme="dark"] .user-filter-sel{
  background:#14111f!important;color:#a78bfa!important;border:1px solid #2a2040!important;
}
[data-theme="dark"] .sort-select:focus,[data-theme="dark"] .user-filter-sel:focus{
  border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.15)!important;outline:none!important;
}
[data-theme="dark"] .density{background:#1e1a30!important}
[data-theme="dark"] .density button{background:transparent!important;color:var(--d-text-2)!important;border:none!important}
[data-theme="dark"] .density button.active{background:#5b21b6!important;color:#f7f4ff!important;box-shadow:none!important}
[data-theme="dark"] .density button:hover{color:#b8a4fc!important}

/* ─ Dropdown ─ */
[data-theme="dark"] .dropdown{
  background:#14111f!important;
  border:1px solid #2a2040!important;
  box-shadow:0 20px 48px rgba(0,0,0,.7)!important;
}
[data-theme="dark"] .dd-item{color:var(--muted)!important}
[data-theme="dark"] .dd-item:hover{background:#1e1a30!important;color:#f7f4ff!important}
[data-theme="dark"] .dd-head{color:var(--d-text-3)!important}

/* ─ Genel arka planları override et ─ */
[data-theme="dark"] *{color-scheme:dark}
/* Her hardcode açık arka planı karartma */
[data-theme="dark"] .sfield input,
[data-theme="dark"] .sfield select,
[data-theme="dark"] .sfield textarea,
[data-theme="dark"] .field input,
[data-theme="dark"] .field select{
  background:#0d0b18!important;
  border:1px solid #2a2040!important;
  color:#f7f4ff!important;
}
[data-theme="dark"] .sfield input::placeholder,
[data-theme="dark"] .field input::placeholder,
[data-theme="dark"] .sfield textarea::placeholder{color:var(--d-text-3)!important}
[data-theme="dark"] .sfield input:focus,
[data-theme="dark"] .sfield select:focus,
[data-theme="dark"] .sfield textarea:focus,
[data-theme="dark"] .field input:focus{
  border-color:#7c3aed!important;
  box-shadow:0 0 0 3px rgba(124,58,237,.15)!important;
  background:#14111f!important;
  outline:none!important;
}
[data-theme="dark"] label{color:#b3a8e3!important}
[data-theme="dark"] .sfield label{color:#b3a8e3!important}

/* ─ List items (sitem) ─ */
[data-theme="dark"] .sitem{
  background:var(--d-surface-2)!important;
  border:1px solid var(--d-border-lume)!important;
  box-shadow:var(--d-hair)!important;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
[data-theme="dark"] .sitem:hover{background:var(--d-surface-3)!important;border-color:rgba(139,92,246,.35)!important;box-shadow:var(--d-hair),0 8px 22px -10px rgba(0,0,0,.55)!important;transform:translateY(-1px)}
[data-theme="dark"] .sitem-title{color:#f7f4ff!important}
[data-theme="dark"] .sitem-meta{color:var(--muted)!important}
[data-theme="dark"] .s-empty{
  background:#1a1628!important;border:1px dashed #2a2040!important;color:var(--d-text-2)!important;
}
[data-theme="dark"] .s-err{color:#fca5a5!important;background:transparent!important}

/* bölüm başlıkları — prestijli, hafif ışıltılı */
[data-theme="dark"] .m-section h3{color:#b6abe4!important;text-shadow:none;font-weight:600;font-size:11px;letter-spacing:.1em}
/* ─ Ticker ─ */
[data-theme="dark"] .ticker{background:#16131f!important;border:1px solid var(--d-border-lume)!important;box-shadow:var(--d-hair)!important}
[data-theme="dark"] .ticker-track{animation-duration:120s}
[data-theme="dark"] .ticker-label{background:var(--grad-btn)!important;color:#fff!important;animation:none!important;background-size:100% 100%!important}
[data-theme="dark"] .ticker-label i{animation:none}
[data-theme="dark"] .ticker-view::before{background:linear-gradient(90deg,#16131f,transparent)!important}
[data-theme="dark"] .ticker-view::after{background:linear-gradient(-90deg,#16131f,transparent)!important}
[data-theme="dark"] .tk-item{color:var(--muted)!important}
[data-theme="dark"] .tk-sep{color:#6a5da0!important}

/* ─ Badges ─ */
[data-theme="dark"] .s-badge.on{background:rgba(52,211,153,.10)!important;color:#4ade80!important;border:1px solid rgba(52,211,153,.30)!important;box-shadow:var(--d-hair)!important}
[data-theme="dark"] .s-badge.off{background:#1e1a30!important;color:#a78bfa!important;border:1px solid #2a2040!important}
[data-theme="dark"] .s-badge.star{background:#1c1400!important;color:#f59e0b!important;border:1px solid #78350f!important}
[data-theme="dark"] .pill{background:linear-gradient(180deg,rgba(91,33,182,.28),rgba(30,23,52,.6))!important;color:#d4c9fe!important;border:1px solid rgba(139,92,246,.4)!important;box-shadow:var(--d-hair)!important}

/* ─ Buttons ─ */
[data-theme="dark"] .btn.btn-ghost{
  background:#1e1a30!important;color:#d4c9fe!important;
  border:1px solid #3d3270!important;box-shadow:none!important;
}
[data-theme="dark"] .btn.btn-ghost:hover{background:#2a2040!important;color:#f7f4ff!important}
[data-theme="dark"] .s-btn{background:#1a1628!important;color:var(--muted)!important;border:1px solid #2a2040!important;box-shadow:none!important}
[data-theme="dark"] .s-btn:hover{background:#1e1a30!important;color:#f7f4ff!important;border-color:#3d3270!important}
[data-theme="dark"] .s-btn.act{background:#052e16!important;color:#34d399!important;border:1px solid #14532d!important}
[data-theme="dark"] .s-btn.act:hover{background:#0a4a28!important}
[data-theme="dark"] .s-btn.warn{background:#1c0a0a!important;color:#f87171!important;border:1px solid #450a0a!important;box-shadow:none!important}
[data-theme="dark"] .s-btn.warn:hover{background:#2d0f0f!important}
[data-theme="dark"] .s-btn.ghost{background:#1e1a30!important;color:var(--muted)!important;border:1px solid #2a2040!important}
[data-theme="dark"] .s-btn.ghost:hover{background:#2a2040!important;color:#f7f4ff!important}
/* birincil gradient butonlara karanlık parıltı */
[data-theme="dark"] .btn-grad{box-shadow:0 8px 20px -8px rgba(124,58,237,.45),inset 0 1px 0 rgba(255,255,255,.14)!important}
[data-theme="dark"] .btn-grad:hover{box-shadow:0 10px 26px -8px rgba(124,58,237,.6),inset 0 1px 0 rgba(255,255,255,.18)!important}

/* ─ Modal ─ */
[data-theme="dark"] .modal-inner{
  background:#1a1530!important;
  border:1px solid var(--d-border-lume)!important;
  box-shadow:var(--d-hair),0 0 0 1px rgba(139,92,246,.10),0 40px 90px -20px rgba(0,0,0,.9)!important;
}
[data-theme="dark"] .modal-inner input,
[data-theme="dark"] .modal-inner select{
  background:#0d0b18!important;border:1px solid #2a2040!important;color:#f7f4ff!important;
}
[data-theme="dark"] .modal-inner input:focus,
[data-theme="dark"] .modal-inner select:focus{border-color:#7c3aed!important;outline:none!important}
[data-theme="dark"] .modal-close{color:var(--d-text-2)!important}
[data-theme="dark"] .modal-close:hover{color:#f7f4ff!important;background:#1e1a30!important}

/* ─ Login ─ */
[data-theme="dark"] #loginScreen{
  background:#0d0b18;
  background-image:
    radial-gradient(700px 500px at 10% -5%,rgba(109,40,217,.22),transparent 55%),
    radial-gradient(600px 450px at 100% 5%,rgba(190,24,93,.16),transparent 50%);
}
[data-theme="dark"] .login-card{
  background:#16131f!important;
  border:1px solid var(--d-border-lume)!important;
  box-shadow:var(--d-hair),0 40px 80px -18px rgba(0,0,0,.8)!important;
}
[data-theme="dark"] .field input{background:#0d0b18!important;border-color:#2a2040!important;color:#f7f4ff!important}
[data-theme="dark"] .field input:focus{background:#14111f!important;border-color:#7c3aed!important}
[data-theme="dark"] .login-logo h1 span{color:#a78bfa;background:none;-webkit-background-clip:unset;background-clip:unset}
[data-theme="dark"] .login-sub{color:var(--muted)!important}
[data-theme="dark"] .login-foot{color:var(--d-text-2)!important}

/* ─ Settings tabs ─ */
[data-theme="dark"] .sa-tabs{border-color:#2a2040!important;background:transparent!important}
[data-theme="dark"] .sa-tab{color:var(--d-text-2)!important;border-color:transparent!important;background:transparent!important}
[data-theme="dark"] .sa-tab:hover{color:#b8a4fc!important}
[data-theme="dark"] .sa-tab.active{color:#b8a4fc!important;border-color:#8b5cf6!important}
[data-theme="dark"] .sa-pane{background:transparent!important}

/* ─ Domain list ─ */
[data-theme="dark"] .dym2-th{
  background:#0f0d1c!important;border-bottom:2px solid #2a2040!important;color:var(--d-text-3)!important;
}
[data-theme="dark"] .dym2-row{
  background:transparent!important;border-bottom:1px solid #1a1628!important;color:#f7f4ff!important;
}
[data-theme="dark"] .dym2-row:hover{background:#1a1628!important}
[data-theme="dark"] .dym2-row.selected{background:#1e1a30!important;border-color:#5b21b6!important}
[data-theme="dark"] .dym2-domain-name{color:#f7f4ff!important}
[data-theme="dark"] .dym2-domain-date{color:var(--d-text-3)!important}
[data-theme="dark"] .dym2-ns-val{color:#b8a4fc!important}
[data-theme="dark"] .dym2-exp-date{color:var(--d-text-3)!important}
[data-theme="dark"] .dym2-abtn{background:#1e1a30!important;color:#d4c9fe!important;border:1px solid #3d3270!important}
[data-theme="dark"] .dym2-abtn:hover{background:#3d1d95!important;border-color:#6d28d9!important}
[data-theme="dark"] .cf-ok{background:#052e16!important;color:#34d399!important;border:1px solid #14532d!important}
[data-theme="dark"] .dym2-badge{border-color:#2a2040!important}
[data-theme="dark"] .dym2-stat-box{background:#14111f!important;border:1px solid #2a2040!important}
[data-theme="dark"] .dym2-stat-val{color:#f7f4ff!important}
[data-theme="dark"] .dym2-stat-lbl{color:var(--muted)!important}
[data-theme="dark"] .dym2-res{background:#1a1628!important;border:1px solid #2a2040!important;color:#f7f4ff!important}
[data-theme="dark"] .dym2-res:hover{border-color:#5b21b6!important}

/* ─ Card elements ─ */
[data-theme="dark"] .dstage{color:var(--muted)!important}
[data-theme="dark"] .stg-txt{color:#f7f4ff!important}
[data-theme="dark"] .dstage.st-done .stg-txt{color:#34d399!important}
[data-theme="dark"] .dstage.st-err .stg-txt{color:#f87171!important}
[data-theme="dark"] .dstage.st-run .stg-txt{color:#b8a4fc!important}
[data-theme="dark"] .ring-track{stroke:#1e1a30!important}
[data-theme="dark"] .ddate{color:var(--d-text-3)!important}
[data-theme="dark"] .dcanonical{background:#1a1628!important;border:1px solid #2a2040!important}
[data-theme="dark"] .dcanonical-val{color:#cbbdff!important}
[data-theme="dark"] .ns-chip{background:linear-gradient(180deg,rgba(45,35,72,.9),rgba(30,23,52,.9))!important;border:1px solid rgba(139,92,246,.28)!important;color:#d4c9fe!important;box-shadow:var(--d-hair)!important;transition:.2s}
[data-theme="dark"] .ns-chip:hover{background:linear-gradient(180deg,#6d28d9,#5b21b6)!important;border-color:rgba(167,139,250,.6)!important;color:#fff!important;box-shadow:0 4px 12px -4px rgba(124,58,237,.3)!important}
[data-theme="dark"] .act-btn{background:#1e1a30!important;color:var(--muted)!important}
[data-theme="dark"] .act-btn:hover{background:#5b21b6!important;color:#fff!important}
[data-theme="dark"] .dactions{background:#0d0b18!important}
[data-theme="dark"] .dcard.shielded .act-btn.a-shield{background:#1c1400!important;color:#f59e0b!important}
[data-theme="dark"] .dp-panel{background:#14111f!important;border:1px solid #2a2040!important}
[data-theme="dark"] .dp-no{background:#1e1a30!important;color:#f7f4ff!important;border:none!important}

/* ─ Avatar ─ */
[data-theme="dark"] .avatar-menu{background:#14111f!important;border:1px solid #2a2040!important;box-shadow:0 20px 48px rgba(0,0,0,.7)!important}
[data-theme="dark"] .avatar-menu-user{border-color:#2a2040!important;color:var(--d-text-3)!important}
[data-theme="dark"] .avatar-menu-user span{color:#f7f4ff!important}
[data-theme="dark"] .avatar-menu-item{color:var(--muted)!important}
[data-theme="dark"] .avatar-menu-item:hover{background:#1e1a30!important;color:#f7f4ff!important}
[data-theme="dark"] .avatar-menu-item.danger{color:#f87171!important}
[data-theme="dark"] .avatar-menu-item.danger:hover{background:#1c0a0a!important}

/* ─ Hero ─ */
[data-theme="dark"] .hero{
  background:
    radial-gradient(ellipse 900px 420px at 12% -30%,rgba(124,58,237,.35) 0%,transparent 60%),
    radial-gradient(ellipse 700px 380px at 88% -20%,rgba(236,72,153,.22) 0%,transparent 58%),
    radial-gradient(ellipse 500px 300px at 55% 120%,rgba(99,102,241,.18) 0%,transparent 60%),
    linear-gradient(175deg,#171129 0%,#0e0a1c 70%,#0a0812 100%)!important;
  animation:none!important;
  box-shadow:inset 0 -1px 0 rgba(139,92,246,.25)!important;
}
[data-theme="dark"] .hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    radial-gradient(1.5px 1.5px at 12% 30%,rgba(255,255,255,.7),transparent 100%),
    radial-gradient(1px 1px at 28% 62%,rgba(196,181,253,.8),transparent 100%),
    radial-gradient(1.5px 1.5px at 44% 22%,rgba(255,255,255,.5),transparent 100%),
    radial-gradient(1px 1px at 58% 48%,rgba(244,114,182,.7),transparent 100%),
    radial-gradient(1.5px 1.5px at 71% 28%,rgba(255,255,255,.6),transparent 100%),
    radial-gradient(1px 1px at 83% 55%,rgba(196,181,253,.7),transparent 100%),
    radial-gradient(1.5px 1.5px at 93% 20%,rgba(255,255,255,.5),transparent 100%),
    radial-gradient(1px 1px at 6% 70%,rgba(244,114,182,.5),transparent 100%);
  opacity:.6;
}
@keyframes starTwinkle{from{opacity:.45}to{opacity:1}}
[data-theme="dark"] .hero-deco{background:rgba(139,92,246,.08)!important;box-shadow:inset 0 0 0 1px rgba(139,92,246,.12)}
[data-theme="dark"] .hero::after{background:var(--bg)!important;box-shadow:0 -1px 18px rgba(124,58,237,.14)}
[data-theme="dark"] .hero-crumb{color:rgba(214,203,255,.55)!important}
[data-theme="dark"] .hero-title{text-shadow:none}
[data-theme="dark"] .hero-sub{color:rgba(214,203,255,.62)!important}
[data-theme="dark"] #heroBackBtn{background:rgba(139,92,246,.18)!important;border-color:rgba(139,92,246,.35)!important}

/* ─ Quick add ─ */
[data-theme="dark"] .quick-add-row{background:#0f0d1c!important;border:1px solid #2a2040!important}
[data-theme="dark"] .qa-kw{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}
[data-theme="dark"] .qa-kw input{color:#f7f4ff!important}
[data-theme="dark"] .qa-kw input::placeholder{color:rgba(255,255,255,.3)!important}

/* ─ Fav / FM ─ */
[data-theme="dark"] .fav-item{background:#1a1628!important;border:1px solid #2a2040!important}
[data-theme="dark"] .fav-item:hover{background:#1e1a30!important;border-color:#3d3270!important;box-shadow:none!important}
[data-theme="dark"] .fm-row{background:#1a1628!important;border:1px solid #2a2040!important;color:#f7f4ff!important}
[data-theme="dark"] .fm-row:hover{background:#1e1a30!important;border-color:#3d3270!important}
[data-theme="dark"] .fm-pick,[data-theme="dark"] .dd-favc{background:#1a1628!important;border:1px solid #2a2040!important}
[data-theme="dark"] .fm-pick:hover,[data-theme="dark"] .dd-favc:hover{background:#1e1a30!important;border-color:#5b21b6!important}
[data-theme="dark"] .dd-favc img{background:#f4f0ff!important}

/* ─ Misc ─ */
[data-theme="dark"] .grid-empty{color:var(--d-text-3)!important}
[data-theme="dark"] .hcell{background:#1a1628!important;border-color:#2a2040!important}
[data-theme="dark"] .hdot{background:#3d3270!important}
[data-theme="dark"] pre{background:#0d0b18!important;border:1px solid #2a2040!important;color:#b8a4fc!important}
[data-theme="dark"] .u-role-sel{background:#0d0b18!important;border:1px solid #2a2040!important;color:#f7f4ff!important}
[data-theme="dark"] #hdrWallet{background:#1e1a30!important;border:1px solid #3d3270!important}
[data-theme="dark"] #hdrWalletBal{color:#d4c9fe!important}
[data-theme="dark"] #themeToggleBtn{border-color:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.9)!important;background:rgba(255,255,255,.08)!important}
[data-theme="dark"] input[type="checkbox"]{accent-color:#8b5cf6}
[data-theme="dark"] .cfitem,[data-theme="dark"] .regitem{background:#1a1628!important;border-color:#2a2040!important;color:#f7f4ff!important}
/* ─ Scrollbar ─ */
[data-theme="dark"] *::-webkit-scrollbar{width:5px;height:5px}
[data-theme="dark"] *::-webkit-scrollbar-track{background:transparent}
[data-theme="dark"] *::-webkit-scrollbar-thumb{background:#2a2040;border-radius:3px}
[data-theme="dark"] *::-webkit-scrollbar-thumb:hover{background:#5b21b6}

*{margin:0;padding:0;box-sizing:border-box}
html{overflow-x:clip}
html,body{height:100%}
body{
  font-family:'Inter',system-ui,sans-serif;
  background-color:var(--bg);
  background-image:
    radial-gradient(circle,rgba(91,33,182,.05) 1px,transparent 1px),
    radial-gradient(ellipse 900px 600px at -8% -6%,rgba(91,33,182,.07) 0%,transparent 55%),
    radial-gradient(ellipse 700px 500px at 108% 6%,rgba(55,48,163,.05) 0%,transparent 52%),
    radial-gradient(ellipse 500px 350px at 50% 108%,rgba(190,24,93,.04) 0%,transparent 50%);
  background-size:28px 28px,auto,auto,auto;
  background-attachment:local,fixed,fixed,fixed;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
::selection{background:#5b21b6;color:#fff}

/* ============ ANIMATIONS ============ */
@keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}
@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pulseDot{0%,100%{box-shadow:0 0 0 0 rgba(55,48,163,.55)}50%{box-shadow:0 0 0 6px rgba(55,48,163,0)}}
@keyframes pulseDotG{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.55)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes celebrate{
  0%{transform:scale(1)}
  30%{transform:scale(1.045);box-shadow:0 26px 52px -14px rgba(16,185,129,.45)}
  60%{transform:scale(.99)}
  100%{transform:scale(1)}
}
@keyframes shrinkOut{
  0%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(.7);max-height:0;margin:0;padding:0}
}
@keyframes shieldPop{0%{transform:scale(0) rotate(-30deg)}70%{transform:scale(1.25) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@keyframes stripeMove{0%{background-position:0 0}100%{background-position:44px 0}}

/* ============ LOGIN ============ */
#loginScreen{
  position:fixed;inset:0;z-index:100;
  display:flex;align-items:center;justify-content:center;
  background:
    radial-gradient(900px 500px at 8% -10%,rgba(91,33,182,.20),transparent 60%),
    radial-gradient(800px 500px at 100% 0%,rgba(55,48,163,.18),transparent 55%),
    radial-gradient(700px 500px at 50% 115%,rgba(190,24,93,.16),transparent 55%),
    var(--bg);
  transition:opacity .5s ease,visibility .5s;
}
#loginScreen.hidden{opacity:0;visibility:hidden;pointer-events:none}
.login-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.4;animation:floaty 7s ease-in-out infinite}
.blob-1{width:340px;height:340px;background:#c4b5fd;top:-90px;left:-70px}
.blob-2{width:300px;height:300px;background:#c4b5fd;bottom:-80px;right:-60px;animation-delay:-2.5s}
.blob-3{width:220px;height:220px;background:#f9a8d4;top:55%;left:12%;animation-delay:-4s}
.login-card{
  position:relative;width:min(420px,92vw);
  background:var(--card);border-radius:22px;
  box-shadow:var(--shadow-lg),0 2px 8px rgba(22,14,63,.06);
  overflow:hidden;animation:popIn .55s cubic-bezier(.2,.9,.3,1.2) both;
}
.login-topbar{height:7px;background:var(--grad-btn);background-size:200% 100%;animation:gradShift 5s ease infinite}
.login-inner{padding:38px 36px 34px}
.login-logo{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.logo-mark{
  width:46px;height:46px;border-radius:13px;flex:0 0 auto;
  background:var(--grad-main);display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:800;font-size:19px;box-shadow:0 8px 18px -6px rgba(55,48,163,.6);
}
.login-logo h1{font-size:22px;font-weight:800;letter-spacing:-.5px}
.login-logo h1 span{background:var(--grad-btn);-webkit-background-clip:text;background-clip:text;color:transparent}
.login-sub{color:var(--muted);font-size:13.5px;margin-bottom:26px}
.field{margin-bottom:16px}
.field label{display:block;font-size:12.5px;font-weight:600;color:#6b5fa8;margin-bottom:7px}
.field input{
  width:100%;padding:13px 15px;border-radius:12px;border:1.5px solid var(--border);
  font:inherit;font-size:14px;background:#f7f5ff;transition:.25s;color:var(--text);
}
.field input:focus{outline:none;border-color:var(--purple);background:#fff;box-shadow:0 0 0 4px rgba(91,33,182,.14)}
.btn-login{
  width:100%;margin-top:8px;padding:14px;border:none;border-radius:12px;cursor:pointer;
  font:inherit;font-weight:700;font-size:15px;color:#fff;
  background:var(--grad-btn);background-size:200% 100%;
  box-shadow:0 12px 24px -8px rgba(190,24,93,.5);
  transition:transform .2s,box-shadow .2s,background-position .4s;
}
.btn-login:hover{transform:translateY(-2px);background-position:100% 0;box-shadow:0 16px 30px -8px rgba(91,33,182,.55)}
.btn-login:active{transform:translateY(0)}
.login-foot{text-align:center;margin-top:20px;font-size:12px;color:#7b6fa8}
.login-foot b{color:var(--indigo)}

/* ============ APP SHELL ============ */
#app{display:none;min-height:100vh}
#app.visible{display:block;animation:fadeIn .5s ease both}

/* ---- Top navigation ---- */
.topnav{
  position:sticky;top:0;z-index:50;
  background:var(--grad-main);background-size:220% 220%;
  animation:gradShift 14s ease infinite;
  box-shadow:0 8px 24px -10px rgba(55,48,163,.45);
}
.topnav-inner{
  max-width:1320px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;gap:8px;height:62px;
}
.brand{display:flex;align-items:center;gap:10px;margin-right:22px;cursor:pointer}
.brand .logo-mark{width:36px;height:36px;border-radius:10px;font-size:15px;background:rgba(255,255,255,.18);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.28);box-shadow:none}
.brand-name{color:#fff;font-weight:800;font-size:16.5px;letter-spacing:-.3px;white-space:nowrap}
.brand-name em{font-style:normal;opacity:.75;font-weight:600}
.nav-links{display:flex;align-items:center;gap:4px;flex:1}
.nav-item{position:relative}
.nav-btn{
  display:flex;align-items:center;gap:7px;padding:9px 15px;border:none;border-radius:10px;
  background:transparent;color:rgba(255,255,255,.85);font:inherit;font-size:13.5px;font-weight:600;
  cursor:pointer;transition:.22s;white-space:nowrap;
}
.nav-btn:hover{background:rgba(255,255,255,.14);color:#fff}
.nav-btn.active{background:rgba(255,255,255,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.nav-btn .caret{font-size:9px;transition:transform .25s;opacity:.8}
.nav-item.open .nav-btn .caret{transform:rotate(180deg)}
.dropdown{
  position:absolute;top:calc(100% + 10px);left:0;min-width:232px;
  background:#fff;border-radius:14px;padding:8px;
  box-shadow:0 24px 48px -14px rgba(22,14,63,.28),0 0 0 1px rgba(22,14,63,.05);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);
  transition:.22s cubic-bezier(.2,.8,.3,1.1);
}
.nav-item.open .dropdown{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.dropdown::before{
  content:"";position:absolute;top:-5px;left:26px;width:11px;height:11px;
  background:#fff;transform:rotate(45deg);border-radius:2px;
}
.dd-head{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:8px 12px 6px;color:#7b6fa8}
.dd-item{
  display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border:none;border-radius:10px;
  background:transparent;font:inherit;font-size:13.5px;font-weight:600;color:#4c3a8f;cursor:pointer;
  transition:.18s;text-align:left;
}
.dd-item:hover{background:#ede9fe;transform:translateX(2px)}
.dd-ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto;color:#fff}
.dd-seo .dd-ico{background:linear-gradient(135deg,#a78bfa,#5b21b6)}
.dd-dom .dd-ico{background:linear-gradient(135deg,#818cf8,#3730a3)}
.dd-mgmt .dd-ico{background:linear-gradient(135deg,#fbcfe8,#be185d)}
.nav-right{display:flex;align-items:center;gap:12px}
.avatar-wrap{position:relative}
.avatar{
  width:36px;height:36px;border-radius:50%;cursor:pointer;
  background:linear-gradient(135deg,#fbcfe8,#be185d);color:#fff;font-weight:800;font-size:13px;
  display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.6);
  transition:.2s;
}
.avatar:hover{transform:scale(1.06)}
.avatar-menu{
  position:absolute;top:calc(100% + 10px);right:0;min-width:180px;
  background:#fff;border:1px solid var(--border);border-radius:14px;
  box-shadow:var(--shadow-md);padding:8px;z-index:9000;
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.96);
  transition:opacity .18s,transform .18s,visibility .18s;
}
.avatar-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.avatar-menu-user{
  padding:10px 12px 8px;font-size:12px;font-weight:700;color:var(--muted);
  text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);margin-bottom:6px;
}
.avatar-menu-user span{display:block;font-size:14px;font-weight:800;color:var(--text);text-transform:none;letter-spacing:0}
.avatar-menu-item{
  display:flex;align-items:center;gap:9px;width:100%;padding:9px 12px;border:none;
  border-radius:10px;background:transparent;font:inherit;font-size:13.5px;font-weight:600;
  color:#4c3a8f;cursor:pointer;transition:.15s;text-align:left;
}
.avatar-menu-item:hover{background:#ede9fe}
.avatar-menu-item.danger{color:var(--red)}
.avatar-menu-item.danger:hover{background:rgba(239,68,68,.08)}

/* ---- Hero strip ---- */
.hero{
  background:var(--grad-main);background-size:220% 220%;animation:gradShift 14s ease infinite;
  padding:8px 0 82px;position:relative;overflow:hidden;
}
.hero::after{content:"";position:absolute;inset:auto 0 -1px;height:44px;background:var(--bg);border-radius:32px 32px 0 0}
.hero-deco{position:absolute;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}
.hd1{width:280px;height:280px;top:-150px;right:6%}
.hd2{width:160px;height:160px;top:20px;right:22%;background:rgba(255,255,255,.07)}
.hd3{width:120px;height:120px;top:-40px;left:32%;background:rgba(255,255,255,.08)}
.hero-inner{max-width:1320px;margin:0 auto;padding:18px 24px 0;position:relative;z-index:1}
.hero-crumb{font-size:12px;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:6px}
.hero-title{color:#fff;font-size:27px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;gap:12px}
.hero-title .pill{
  font-size:11px;font-weight:700;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);letter-spacing:.04em;
}
.hero-sub{color:rgba(255,255,255,.82);font-size:13.5px;margin-top:6px;max-width:640px}

/* ---- Hero inline quick-add ---- */
.quickadd{display:none;margin-top:20px;max-width:860px}
.quickadd.visible{display:block;animation:fadeUp .5s ease both}
.qa-row{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.qa-domain{
  flex:2 1 260px;display:flex;align-items:center;gap:10px;
  background:rgba(255,255,255,.96);border-radius:999px;padding:6px 8px 6px 20px;
  box-shadow:0 14px 32px -10px rgba(22,14,63,.35);
}
.qa-domain .qa-ico{font-size:17px}
.qa-domain input{
  flex:1;border:none;outline:none;font:inherit;font-size:15px;font-weight:600;color:var(--text);
  background:transparent;min-width:120px;padding:9px 0;
}
.qa-domain input::placeholder{color:#7b6fa8;font-weight:500}
.qa-kw{
  flex:1 1 180px;display:flex;align-items:center;gap:9px;
  background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);border-radius:999px;
  padding:6px 18px;backdrop-filter:blur(6px);
}
.qa-kw input{
  flex:1;border:none;outline:none;font:inherit;font-size:13.5px;font-weight:600;color:#fff;
  background:transparent;min-width:100px;
}
.qa-kw input::placeholder{color:rgba(255,255,255,.65);font-weight:500}
.qa-btn{
  flex:0 0 auto;padding:0 30px;border:none;border-radius:999px;cursor:pointer;
  font:inherit;font-size:14.5px;font-weight:800;color:#fff;letter-spacing:.02em;
  background:var(--grad-btn);background-size:200% 100%;
  box-shadow:0 14px 28px -8px rgba(190,24,93,.55);
  transition:transform .2s,background-position .35s,box-shadow .2s;
}
.qa-btn:hover:not(:disabled){transform:translateY(-2px);background-position:100% 0}
.qa-btn:disabled{opacity:.55;cursor:not-allowed}
.qa-bulk{
  flex:0 0 auto;padding:0 20px;border-radius:999px;cursor:pointer;font:inherit;font-size:13px;font-weight:700;
  color:#fff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);transition:.2s;
}
.qa-bulk:hover{background:rgba(255,255,255,.28)}
.qa-feedback{
  margin-top:12px;min-height:26px;display:flex;align-items:center;gap:9px;
  font-size:13px;font-weight:700;color:#fff;
}
.qa-feedback .spin{
  width:15px;height:15px;border-radius:50%;flex:0 0 auto;
  border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite;
}
.qa-feedback .ok-pill,.qa-feedback .no-pill{
  display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;
  animation:popIn .35s cubic-bezier(.2,.9,.3,1.25) both;
}
.qa-feedback .ok-pill{background:rgba(16,185,129,.92);box-shadow:0 8px 20px -6px rgba(16,185,129,.6)}
.qa-feedback .no-pill{background:rgba(190,24,93,.9);box-shadow:0 8px 20px -6px rgba(190,24,93,.55)}
.qa-feedback .price{background:rgba(255,255,255,.25);padding:2px 9px;border-radius:999px;font-size:12px}

/* ---- Content ---- */
.content{max-width:1320px;margin:-40px auto 0;padding:0 24px 60px;position:relative;z-index:2}
.page{display:none}
.page.active{display:block;animation:fadeUp .45s ease both}

/* ---- Filter bar ---- */
.filterbar{
  background:var(--card);border-radius:16px;box-shadow:var(--shadow-sm);
  padding:6px 14px 0;margin-bottom:14px;
  display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;
}
.ftabs{display:flex;gap:2px;position:relative;flex:1;min-width:340px}
.ftab{
  padding:14px 16px 16px;border:none;background:transparent;cursor:pointer;font:inherit;
  font-size:13.5px;font-weight:600;color:var(--muted);transition:color .2s;white-space:nowrap;
  display:flex;align-items:center;gap:7px;
}
.ftab:hover{color:var(--text)}
.ftab.active{color:var(--text)}
.ftab .cnt{
  font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#ede9fe;color:#6b5fa8;transition:.2s;
}
.ftab.active .cnt{background:linear-gradient(90deg,rgba(91,33,182,.16),rgba(190,24,93,.14));color:var(--indigo)}
.ftab-underline{
  position:absolute;bottom:0;height:3.5px;border-radius:3px 3px 0 0;
  background:var(--grad-btn);
  transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);
}
.fright{display:flex;align-items:center;gap:10px;padding-bottom:9px}
.sort-select{
  padding:9px 32px 9px 13px;border-radius:10px;border:1.5px solid var(--border);
  font:inherit;font-size:12.5px;font-weight:600;color:#6b5fa8;background:#f7f5ff;cursor:pointer;
  appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2364748b' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;
}
.sort-select:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,33,182,.13)}
.density{display:flex;background:#ede9fe;border-radius:10px;padding:3px;gap:2px}
.density button{
  border:none;background:transparent;cursor:pointer;font-size:14px;padding:6px 11px;border-radius:8px;
  color:#7b6fa8;transition:.2s;line-height:1;
}
.density button.active{background:#fff;color:var(--indigo);box-shadow:0 3px 8px -2px rgba(22,14,63,.12)}

/* ---- Activity ticker ---- */
.ticker{
  background:var(--card);border-radius:12px;box-shadow:var(--shadow-sm);
  overflow:hidden;margin-bottom:22px;display:flex;align-items:center;height:40px;
}
.ticker-label{
  flex:0 0 auto;display:flex;align-items:center;gap:8px;height:100%;padding:0 16px;
  font-size:11px;font-weight:800;letter-spacing:.08em;color:#fff;
  background:var(--grad-btn);background-size:200% 100%;animation:gradShift 6s ease infinite;
  border-radius:12px 0 0 12px;z-index:2;
}
.ticker-label i{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulseDotG 1.8s infinite}
.ticker-view{flex:1;overflow:hidden;position:relative;height:100%}
.ticker-view::before,.ticker-view::after{
  content:"";position:absolute;top:0;bottom:0;width:36px;z-index:1;pointer-events:none;
}
.ticker-view::before{left:0;background:linear-gradient(90deg,#fff,transparent)}
.ticker-view::after{right:0;background:linear-gradient(-90deg,#fff,transparent)}
.ticker-track{
  display:flex;align-items:center;height:100%;white-space:nowrap;width:max-content;
  animation:tickerScroll 80s linear infinite;
}
.ticker-track:hover{animation-play-state:paused}
.tk-item{font-size:12.5px;font-weight:600;color:#6b5fa8;padding:0 8px}
.tk-item b{color:var(--text)}
.tk-sep{color:#d0c8f0;padding:0 6px;font-weight:700}

/* ---- Domain card grid ---- */
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dgrid.list{grid-template-columns:1fr;gap:12px}
@media(max-width:1080px){.dgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.dgrid{grid-template-columns:1fr}}

.dcard{
  background:var(--card);border-radius:18px;box-shadow:var(--shadow-md);overflow:hidden;
  cursor:pointer;position:relative;
  transition:transform .25s,box-shadow .25s;
  animation:popIn .45s cubic-bezier(.2,.9,.3,1.15) both;
}
.dcard:hover{transform:translateY(-5px);box-shadow:0 24px 48px -14px rgba(22,14,63,.22)}
.dcard.celebrating{animation:celebrate .9s cubic-bezier(.3,.8,.3,1) both}
.dcard.removing{animation:shrinkOut .45s ease forwards;pointer-events:none}
.dcover{height:9px;transition:background .6s;background-size:200% 100%}
.dcover.st-building{background:linear-gradient(90deg,#a78bfa,#6d28d9,#6d28d9);animation:gradShift 3s linear infinite}
.dcover.st-done{background:var(--grad-green)}
.dcover.st-error{background:linear-gradient(90deg,#f87171,#ef4444)}
.dcover.st-queued{
  background:repeating-linear-gradient(45deg,#fbbf24 0 11px,#f59e0b 11px 22px);
  animation:stripeMove 1.4s linear infinite;
}
.dshield{
  position:absolute;top:16px;right:14px;z-index:3;
  width:28px;height:28px;border-radius:9px;font-size:14px;
  display:none;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#be185d,#f59e0b);color:#fff;
  box-shadow:0 6px 14px -4px rgba(245,158,11,.6);
  animation:shieldPop .45s cubic-bezier(.2,.9,.3,1.3) both;
}
.dcard.shielded .dshield{display:flex}
.dbody{padding:18px 20px 14px;display:flex;gap:16px;align-items:flex-start}
.dinfo{flex:1;min-width:0}
.dname{font-size:16px;font-weight:800;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dkw{
  display:inline-flex;align-items:center;gap:6px;margin-top:7px;
  font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;
  background:#f7f5ff;color:#5b21b6;max-width:100%;
}
.dkw span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dstage{display:flex;align-items:center;gap:8px;margin-top:13px;font-size:12px;font-weight:700;color:#6b5fa8}
.dstage .sdot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}
.dstage.s-building .sdot{background:var(--indigo);animation:pulseDot 1.6s infinite}
.dstage.s-done .sdot{background:var(--green);animation:pulseDotG 2.2s infinite}
.dstage.s-error .sdot{background:var(--red)}
.dstage.s-queued .sdot{background:var(--amber)}
.dstage.s-error{color:#dc2626}
.dstage.s-done{color:#059669}
.card-retry-slot:empty{display:none}
.card-retry{
  margin-top:11px;display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border:none;border-radius:10px;cursor:pointer;
  font:inherit;font-size:12px;font-weight:800;color:#fff;letter-spacing:.01em;
  background:linear-gradient(90deg,#f59e0b,#f97316);box-shadow:0 8px 18px -6px rgba(249,115,22,.55);
  transition:transform .18s,box-shadow .18s;
}
.card-retry:hover{transform:translateY(-2px);box-shadow:0 12px 22px -6px rgba(249,115,22,.6)}
.card-retry:active{transform:translateY(0)}
.card-retry:disabled{opacity:.6;cursor:not-allowed}
.dns{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.ns-chip{
  font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:999px;cursor:copy;
  background:#ede8ff;color:#6d28d9;border:1px solid #ddd5f8;transition:.18s;white-space:nowrap;
}
.ns-chip:hover{background:#5b21b6;color:#fff;transform:translateY(-1px)}
/* Ring */
.ring-wrap{flex:0 0 auto;position:relative;width:66px;height:66px}
.ring-wrap svg{transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:#ede9fe;stroke-width:6}
.ring-fg{
  fill:none;stroke-width:6;stroke-linecap:round;
  transition:stroke-dashoffset 1s cubic-bezier(.3,.8,.3,1),stroke .5s;
}
.ring-fg.st-building{stroke:url(#gradIndigo)}
.ring-fg.st-done{stroke:url(#gradGreen)}
.ring-fg.st-error{stroke:url(#gradRed)}
.ring-fg.st-queued{stroke:url(#gradAmber)}
.ring-center{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;letter-spacing:-.5px;
}
.ring-center.st-done{color:#059669;font-size:20px}
.ring-center.st-error{color:#dc2626;font-size:19px}
.ring-center.st-queued{color:#d97706;font-size:16px}
/* Footer + actions */
.dfoot{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 20px;border-top:1px solid #ede9fe;min-height:48px;position:relative;
}
.ddate{font-size:11.5px;font-weight:600;color:#7b6fa8}
.dactions{display:flex;gap:6px;opacity:0;transform:translateX(8px);transition:.25s}
.dcard:hover .dactions,.dgrid.list .dactions{opacity:1;transform:translateX(0)}
.act-btn{
  width:30px;height:30px;border:none;border-radius:9px;cursor:pointer;font-size:13px;
  display:flex;align-items:center;justify-content:center;background:#ede9fe;color:#6b5fa8;transition:.18s;
}
.act-btn:hover{transform:translateY(-2px);color:#fff}
.act-btn.a-html:hover{background:var(--green)}
.act-btn.a-manage:hover{background:var(--indigo)}
.act-btn.a-301:hover{background:var(--blue)}
.act-btn.a-shield:hover{background:var(--amber)}
.act-btn.a-del:hover{background:var(--red)}
.dcard.shielded .act-btn.a-shield{background:#fef3c7;color:#d97706}
/* delete popover */
.del-pop{
  position:absolute;bottom:calc(100% + 8px);right:10px;z-index:5;
  background:#160e3f;color:#fff;border-radius:12px;padding:12px 14px;width:200px;
  box-shadow:0 18px 38px -10px rgba(22,14,63,.55);
  animation:popIn .25s cubic-bezier(.2,.9,.3,1.2) both;
}
.del-pop::after{content:"";position:absolute;top:100%;right:22px;border:6px solid transparent;border-top-color:#160e3f}
.del-pop p{font-size:12px;font-weight:600;margin-bottom:10px;line-height:1.45}
.del-pop .dp-row{display:flex;gap:8px}
.del-pop button{
  flex:1;padding:7px 0;border:none;border-radius:8px;cursor:pointer;font:inherit;font-size:11.5px;font-weight:700;transition:.18s;
}
.dp-yes{background:var(--red);color:#fff}
.dp-yes:hover{background:#dc2626}
.dp-no{background:rgba(255,255,255,.14);color:#fff}
.dp-no:hover{background:rgba(255,255,255,.24)}
/* list density */
.dgrid.list .dcard{display:flex;align-items:stretch}
.dgrid.list .dcover{width:9px;height:auto;flex:0 0 auto}
.dgrid.list .dbody{flex:1;align-items:center;padding:14px 20px}
.dgrid.list .dns{margin-top:8px}
.dgrid.list .dfoot{border-top:none;border-left:1px solid #ede9fe;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;min-width:190px}
.dgrid.list .ring-wrap{width:54px;height:54px}
.dgrid.list .ring-wrap svg{width:54px;height:54px}
.dgrid.list .ring-center{font-size:12px}
@media(max-width:640px){.dgrid.list .dcard{flex-direction:column}.dgrid.list .dcover{width:auto;height:9px}.dgrid.list .dfoot{border-left:none;border-top:1px solid #ede9fe;flex-direction:row;align-items:center;min-width:0}}
.grid-empty{
  grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted);font-size:13.5px;font-weight:600;
  background:var(--card);border-radius:18px;box-shadow:var(--shadow-sm);
}

/* ---- Modals ---- */
.overlay{
  position:fixed;inset:0;z-index:90;background:rgba(22,14,63,.55);backdrop-filter:blur(5px);
  display:none;align-items:flex-start;justify-content:center;padding:3vh 18px;overflow-y:auto;
}
.overlay.open{display:flex;animation:fadeIn .25s ease both}
.modal{
  background:#fff;border-radius:16px;width:min(620px,100%);overflow:hidden;
  box-shadow:0 24px 56px -16px rgba(22,14,63,.45);
  animation:popIn .4s cubic-bezier(.2,.9,.3,1.15) both;
  max-height:94vh;display:flex;flex-direction:column;
}
#detailOverlay .modal{width:min(820px,100%)}
/* domain detay: genel + dosya yöneticisi */
.dd-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}
.dd-info .kv{background:#f7f5ff;border:1px solid var(--border);border-radius:9px;padding:7px 10px}
.dd-info .kv .k{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#7b6fa8}
.dd-info .kv .v{font-size:12px;font-weight:600;margin-top:2px;word-break:break-word}
.hgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px;margin-top:8px}
.hcell{display:flex;align-items:center;gap:8px;background:#f7f5ff;border:1px solid var(--border);border-radius:9px;padding:7px 10px}
.hdot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#d0c8f0}
.hdot.ok{background:var(--green)} .hdot.warn{background:var(--amber)} .hdot.bad{background:var(--red)} .hdot.pending{background:#d0c8f0;animation:pulseDot 1.4s infinite}
.hcell .ht{font-size:11px;font-weight:700;color:#6b5fa8} .hcell .hv{font-size:11px;color:var(--muted);margin-top:1px}
.fm-toolbar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.fm-crumb{font-size:12px;font-weight:700;color:var(--indigo);cursor:pointer;padding:2px 4px;border-radius:5px}
.fm-crumb.last{color:var(--text);cursor:default}
.fm-sep{color:#d0c8f0;font-weight:700;padding:0 2px}
.fm-row{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:9px;border:1px solid var(--border);background:#f7f5ff;margin-bottom:6px;cursor:pointer;font-size:12.5px}
.fm-row:hover{background:#fff;border-color:#d0c8f0}
.fm-row .fi{font-size:15px;flex:0 0 auto}
.fm-row .fn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.fm-row .fs{font-size:11px;color:var(--muted);flex:0 0 auto}
.fm-row .fa{display:flex;gap:4px;flex:0 0 auto}
.fm-a{border:none;background:#ede9fe;color:var(--indigo);border-radius:6px;width:24px;height:24px;cursor:pointer;font-size:12px}
.fm-a.danger{background:#fff5f7;color:#dc2626}
.fm-chk{flex:0 0 auto;width:15px;height:15px;cursor:pointer;accent-color:var(--indigo,#7c5cff);margin:0}
.fm-pick{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border);border-radius:11px;background:#f7f5ff;margin-bottom:8px;cursor:pointer;width:100%;text-align:left;font:inherit}
.fm-pick:hover{background:#fff;border-color:var(--purple)}
.fm-pick.disabled{opacity:.5;cursor:not-allowed}
.dd-favg{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-top:10px}
.dd-favc{background:#f7f5ff;border:1px solid var(--border);border-radius:11px;padding:12px 8px;text-align:center;cursor:pointer;transition:.15s}
.dd-favc:hover{border-color:var(--purple);background:#fff}
.dd-favc.busy{opacity:.5}
.dd-favc img{width:40px;height:40px;object-fit:contain;border-radius:8px;background:#fff!important;padding:4px}
.dd-favc .fnm{font-size:10.5px;font-weight:700;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.modal-cover{height:4px;background-size:200% 100%}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px 0;gap:12px}
.mh-left h2{font-size:17px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mh-left .dkw{margin-top:5px}
.modal-x{
  width:28px;height:28px;border:none;border-radius:8px;cursor:pointer;font-size:13px;flex:0 0 auto;
  background:#ede9fe;color:#6b5fa8;transition:.2s;
}
.modal-x:hover{background:#e0d9f8;color:var(--text)}
.modal-body{padding:12px 18px 18px;overflow-y:auto;flex:1;min-height:0}
.m-section{margin-top:12px}
.m-section:first-child{margin-top:0}
.m-section h3{
  font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#7b6fa8;margin-bottom:8px;
}
/* Timeline — kompakt */
.timeline{position:relative}
.tl-step{display:flex;align-items:flex-start;gap:10px;position:relative;padding-bottom:0}
.tl-step+.tl-step{margin-top:2px}
.tl-step::before{
  content:"";position:absolute;left:11px;top:26px;bottom:-2px;width:1.5px;border-radius:2px;background:var(--border);
}
.tl-step:last-child::before{display:none}
.tl-step.done::before{background:linear-gradient(180deg,#34d399,#a7f3d0)}
.tl-dot{
  width:24px;height:24px;border-radius:50%;flex:0 0 auto;font-size:10px;font-weight:800;z-index:1;
  display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border);background:var(--card);color:var(--muted);
  transition:.25s;margin-top:8px;
}
.tl-step.done .tl-dot{background:linear-gradient(135deg,#34d399,#059669);border-color:transparent;color:#fff;box-shadow:0 3px 8px -2px rgba(16,185,129,.45)}
.tl-step.current .tl-dot{border-color:var(--indigo);color:var(--indigo);animation:pulseDot 1.6s infinite}
.tl-step.error .tl-dot{background:linear-gradient(135deg,#f87171,#dc2626);border-color:transparent;color:#fff;box-shadow:0 3px 8px -2px rgba(239,68,68,.45)}
.tl-body{flex:1;min-width:0;border-radius:10px;padding:7px 11px;background:var(--bg);border:1px solid var(--border);margin-bottom:6px}
.tl-step.done .tl-body{border-color:rgba(52,211,153,.2);background:rgba(52,211,153,.04)}
.tl-step.error .tl-body{border-color:rgba(248,113,113,.2);background:rgba(248,113,113,.04)}
.tl-step.current .tl-body{border-color:rgba(99,102,241,.25);background:rgba(99,102,241,.04)}
.tl-title{font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:8px}
.tl-time{font-size:10.5px;font-weight:500;color:var(--muted);white-space:nowrap;flex-shrink:0}
.tl-log{
  margin-top:5px;font-size:10.5px;font-weight:500;color:var(--muted);line-height:1.6;
  font-family:ui-monospace,'SF Mono',Menlo,monospace;border-top:1px solid var(--border);padding-top:5px;
}
.tl-log .ok{color:#059669;font-weight:700}
.tl-log .err{color:#dc2626;font-weight:700}
.btn-retry{
  margin-top:7px;padding:5px 13px;border:none;border-radius:7px;cursor:pointer;font:inherit;
  font-size:11.5px;font-weight:700;color:#fff;
  background:linear-gradient(90deg,#f59e0b,#f97316);box-shadow:0 4px 10px -3px rgba(249,115,22,.5);transition:.2s;
}
.btn-retry:hover{transform:translateY(-1px)}
.tl-pending{color:var(--muted)}
.tl-step.pending .tl-title{color:var(--muted)}
/* danger zone */
.danger-zone{
  border:1.5px dashed #fce7f3;border-radius:12px;padding:10px 14px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff7f7;
}
.danger-zone p{font-size:11.5px;font-weight:600;color:#b91c1c;line-height:1.4;margin:0}
.btn-danger{
  padding:7px 14px;border:none;border-radius:9px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;
  background:var(--red);color:#fff;transition:.2s;white-space:nowrap;
}
.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}
/* bulk modal */
.bulk-ta{
  width:100%;min-height:150px;resize:vertical;padding:14px 16px;border-radius:13px;
  border:1.5px solid var(--border);font-family:ui-monospace,'SF Mono',Menlo,monospace;font-size:13px;
  background:#f7f5ff;color:var(--text);transition:.25s;line-height:1.8;
}
.bulk-ta:focus{outline:none;border-color:var(--purple);background:#fff;box-shadow:0 0 0 4px rgba(91,33,182,.13)}
.bulk-hint{font-size:12px;color:var(--muted);font-weight:500;margin:10px 0 18px;line-height:1.6}
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:none;border-radius:11px;
  font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;transition:.22s;
}
.btn-grad{background:var(--grad-btn);background-size:200% 100%;color:#fff;box-shadow:0 10px 20px -7px rgba(190,24,93,.45)}
.btn-grad:hover{transform:translateY(-2px);background-position:100% 0}
.btn-ghost{background:#ede9fe;color:#6b5fa8}
.btn-ghost:hover{background:#e0d9f8}

/* ---- Placeholder pages ---- */
.placeholder{
  background:var(--card);border-radius:18px;box-shadow:var(--shadow-md);
  padding:64px 24px;text-align:center;border-top:3px solid var(--purple);
}
.placeholder .ph-ico{
  width:72px;height:72px;border-radius:22px;margin:0 auto 18px;font-size:32px;color:#fff;
  display:flex;align-items:center;justify-content:center;
  background:var(--grad-main);animation:floaty 4s ease-in-out infinite;
  box-shadow:0 16px 32px -10px rgba(55,48,163,.5);
}
.placeholder h2{font-size:19px;font-weight:800;letter-spacing:-.4px;margin-bottom:8px}
.placeholder p{font-size:13.5px;color:var(--muted);max-width:440px;margin:0 auto 22px;line-height:1.6}

/* ---- Toast ---- */
#toast{
  position:fixed;bottom:26px;right:26px;z-index:200;
  background:#160e3f;color:#fff;padding:14px 20px;border-radius:13px;
  font-size:13.5px;font-weight:600;box-shadow:0 16px 34px -10px rgba(22,14,63,.5);
  display:flex;align-items:center;gap:10px;max-width:340px;
  transform:translateY(90px);opacity:0;transition:.4s cubic-bezier(.3,.8,.3,1.15);
}
#toast.show{transform:translateY(0);opacity:1}
#toast .t-dot{width:9px;height:9px;border-radius:50%;background:var(--grad-btn);flex:0 0 auto}

/* ---- Ops Card (sağ alt devam eden işlemler) ---- */
#opsCard{
  position:fixed;bottom:80px;right:26px;z-index:190;width:290px;
  background:rgba(22,14,63,.96);backdrop-filter:blur(18px);
  border:1px solid rgba(139,92,246,.25);border-radius:14px;
  box-shadow:0 16px 40px -10px rgba(0,0,0,.6);
  padding:12px 14px;transform:translateY(120px);opacity:0;
  transition:.4s cubic-bezier(.3,.8,.3,1.15);pointer-events:none;
}
#opsCard.show{transform:translateY(0);opacity:1;pointer-events:auto}
#opsCard .ops-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
#opsCard .ops-title{font-size:11.5px;font-weight:700;color:#c4b5fd;letter-spacing:.04em;text-transform:uppercase}
#opsCard .ops-close{cursor:pointer;color:#7b6fa8;font-size:15px;line-height:1;padding:0 2px}
#opsCard .ops-close:hover{color:#c4b5fd}
#opsCard .ops-list{display:flex;flex-direction:column;gap:6px;max-height:180px;overflow-y:auto}
.ops-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.12)}
.ops-item .ops-spinner{width:14px;height:14px;border:2px solid rgba(139,92,246,.3);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}
.ops-item .ops-done{width:14px;height:14px;background:#22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px}
.ops-item .ops-err{width:14px;height:14px;background:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:9px}
.ops-item .ops-lbl{font-size:12px;color:#e2d9f3;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.ops-item .ops-sub{font-size:10px;color:#7b6fa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}

/* ---- Footer ---- */
.footer{
  max-width:1320px;margin:0 auto;padding:0 24px 30px;
  display:flex;justify-content:space-between;font-size:12px;color:#7b6fa8;font-weight:500;
}
.footer b{background:var(--grad-btn);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:1100px){
  /* Topnav: kaydırma değil sarmalama — dropdown'lar kırpılmasın.
     Satır 1: marka + sağ aksiyonlar | Satır 2: nav menü (sarar) */
  .topnav-inner{padding:8px 12px;gap:8px 6px;height:auto;flex-wrap:wrap;align-items:center}
  .brand{margin-right:auto}
  .brand-name{font-size:15px}
  .nav-right{order:2;gap:8px;flex:0 0 auto}
  .nav-links{order:3;flex-basis:100%;min-width:0;flex-wrap:wrap;gap:4px;overflow:visible;position:relative}
  .nav-item{flex:0 0 auto;position:static}
  .nav-btn{padding:8px 11px;font-size:13px}
  #hdrProBtn{display:none!important}
  .logout-txt{display:none}
  /* Dropdown: nav satırının altında tam genişlik aç (dar kalmasın) */
  .dropdown{left:12px;right:12px;width:auto;min-width:0;max-width:none}
  .filterbar{padding-left:14px;padding-right:14px}
  .ftabs{min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
  .ftabs::-webkit-scrollbar{display:none}
  .ftab{padding:12px 12px 14px;font-size:13px}
  .dym2-tabs{max-width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
  .dym2-tabs::-webkit-scrollbar{display:none}
  .dym2-tab{flex:0 0 auto}
}

/* ============ CF SELECT (quick-add) ============ */
.qa-cf{
  flex:1 1 190px;min-width:150px;max-width:230px;
  border:1px solid rgba(255,255,255,.32);border-radius:999px;
  background:rgba(255,255,255,.18);color:#fff;font:inherit;font-size:13px;font-weight:600;
  padding:11px 16px;cursor:pointer;backdrop-filter:blur(6px);appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23ffffff' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
}
.qa-cf option{color:#160e3f}

/* ============ MANAGEMENT PAGES ============ */
.mgmt-grid{display:grid;grid-template-columns:1fr;gap:20px}
.mgmt-card{background:var(--card);border-radius:18px;box-shadow:var(--shadow-md);overflow:hidden;transition:box-shadow .2s,transform .2s;position:relative}
.mgmt-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.mgmt-card .mc-cover{height:7px;background:var(--grad-btn);background-size:200% 100%;animation:gradShift 6s ease infinite}
.mgmt-card .mc-body{padding:22px 24px 24px}
.mc-title{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}
.mc-title .mc-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;background:var(--grad-main)}
.mc-sub{font-size:12.5px;color:var(--muted);margin-bottom:18px;line-height:1.5}
.sform{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px}
.sfield{display:flex;flex-direction:column;gap:6px;flex:1 1 160px;min-width:130px}
.sfield.wide{flex:2 1 240px}
.sfield label{font-size:11.5px;font-weight:700;color:#6b5fa8}
.sfield input,.sfield select,.sfield textarea{
  padding:11px 13px;border-radius:11px;border:1.5px solid var(--border);font:inherit;font-size:13.5px;
  background:#ede9fe;color:var(--text);transition:.2s;width:100%;
}
.sfield input:focus,.sfield select:focus,.sfield textarea:focus{outline:none;border-color:var(--purple);background:#fff;box-shadow:0 0 0 4px rgba(91,33,182,.13)}
.slist{display:flex;flex-direction:column;gap:9px}
.sitem{
  display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:13px;
  background:#f7f5ff;border:1px solid var(--border);transition:.18s;
}
.sitem:hover{border-color:#d0c8f0;background:#fff;box-shadow:var(--shadow-sm)}
.sitem-ico{width:38px;height:38px;border-radius:11px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}
.sitem-main{flex:1;min-width:0}
.sitem-title{font-size:13.5px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.sitem-meta{font-size:11.5px;color:var(--muted);margin-top:2px}
.s-badge{font-size:10px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.03em;white-space:nowrap}
.s-badge.on{background:linear-gradient(90deg,rgba(16,185,129,.16),rgba(5,150,105,.14));color:#059669}
.s-badge.off{background:#ede9fe;color:#7b6fa8}
.s-badge.star{background:linear-gradient(90deg,rgba(245,158,11,.18),rgba(217,119,6,.14));color:#d97706}
.sitem-acts{display:flex;gap:6px;flex:0 0 auto}
.s-btn{border:none;border-radius:9px;cursor:pointer;font:inherit;font-size:11.5px;font-weight:700;padding:7px 12px;transition:.16s;white-space:nowrap}
.s-btn.mini{padding:7px 9px}
.phish-tog{border:none;border-radius:8px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;padding:5px 11px;transition:.15s;white-space:nowrap;min-width:82px}
.phish-tog.pton{background:rgba(99,102,241,.12);color:#6366f1;border:1px solid rgba(99,102,241,.3)}
.phish-tog.pton:hover{background:rgba(99,102,241,.22);border-color:rgba(99,102,241,.5)}
.phish-tog.ptoff{background:var(--bg,#f5f5f7);color:var(--muted);border:1px solid var(--border)}
.phish-tog.ptoff:hover{background:rgba(99,102,241,.07);color:#6366f1;border-color:rgba(99,102,241,.25)}
[data-theme="dark"] .phish-tog.pton{background:rgba(99,102,241,.18)!important;color:#a5b4fc!important;border-color:rgba(99,102,241,.35)!important}
[data-theme="dark"] .phish-tog.ptoff{background:#1a1628!important;color:var(--muted)!important;border-color:#2a2040!important}
.s-btn.act{background:#ede9fe;color:var(--indigo)}
.s-btn.act:hover{background:var(--indigo);color:#fff}
.s-btn.warn{background:#fff;color:#dc2626;box-shadow:inset 0 0 0 1px #fce7f3}
.s-btn.warn:hover{background:var(--red);color:#fff}
.s-btn.ghost{background:#ede9fe;color:#6b5fa8}
.s-btn.ghost:hover{background:#e0d9f8}
.s-btn.it-f{background:var(--bg);border:1px solid var(--border);color:var(--muted);font-weight:600}
.s-btn.it-f.active{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.s-btn.it-f:hover:not(.active){background:var(--card);color:var(--text)}
.s-empty{padding:28px;text-align:center;color:var(--muted);font-size:13px;font-weight:600;background:#f7f5ff;border-radius:13px;border:1px dashed var(--border)}
.s-err{color:#dc2626;font-size:12.5px;font-weight:600;margin-top:6px;display:none}
/* favicon grid */
.fav-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.fav-search{flex:1 1 220px;min-width:160px}
.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px}
.fav-item{position:relative;background:#f7f5ff;border:1px solid var(--border);border-radius:14px;padding:16px 12px 12px;text-align:center;transition:.18s}
.fav-item:hover{border-color:#d0c8f0;box-shadow:var(--shadow-sm);background:#fff}
.fav-item img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:#fff;box-shadow:var(--shadow-sm);margin-bottom:9px}
.fav-name{font-size:12px;font-weight:700;outline:none;border-radius:6px;padding:2px 4px;word-break:break-word}
.fav-name:focus{background:#fff;box-shadow:0 0 0 2px rgba(91,33,182,.25)}
.fav-kw{font-size:10.5px;color:#5b21b6;font-weight:700;outline:none;border-radius:6px;padding:2px 4px;margin-top:3px;min-height:16px}
.fav-kw.empty::before{content:attr(data-ph);color:#d0c8f0;font-weight:500}
.fav-kw:focus{background:#fff;box-shadow:0 0 0 2px rgba(91,33,182,.25)}
.fav-ext{font-size:9.5px;color:#7b6fa8;font-weight:700;margin-top:5px;text-transform:uppercase}
.fav-del{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;border-radius:8px;cursor:pointer;background:#fff;color:#dc2626;box-shadow:var(--shadow-sm);font-size:14px;opacity:0;transition:.18s;display:flex;align-items:center;justify-content:center}
.fav-item:hover .fav-del{opacity:1}
.fav-del:hover{background:var(--red);color:#fff}
/* users table */
.utable{width:100%;border-collapse:collapse}
.utable th{text-align:left;padding:10px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7b6fa8;border-bottom:1px solid var(--border)}
.utable td{padding:12px;font-size:13.5px;border-bottom:1px solid #ede9fe;vertical-align:middle}
.utable tr:last-child td{border-bottom:none}
.urole{font-size:10px;font-weight:800;padding:3px 10px;border-radius:999px}
.urole.admin{background:linear-gradient(90deg,rgba(91,33,182,.16),rgba(190,24,93,.14));color:#5b21b6}
.urole.user{background:#ede9fe;color:#6b5fa8}
/* detail domain tools */
.dd-tabs{display:flex;gap:3px;background:#ede9fe;border-radius:10px;padding:3px;margin-bottom:12px;flex-wrap:wrap}
.dd-tab{flex:1;border:none;background:transparent;cursor:pointer;font:inherit;font-size:12px;font-weight:700;color:#6b5fa8;padding:7px 8px;border-radius:8px;transition:.16s;white-space:nowrap}
.dd-tab.active{background:#fff;color:var(--indigo);box-shadow:var(--shadow-sm)}
.dd-pane{display:none}
.dd-pane.active{display:block;animation:fadeIn .3s ease both}
.rec-row{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:11px;background:#f7f5ff;border:1px solid var(--border);margin-bottom:8px;font-size:12.5px}
.rec-type{font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;background:#ede9fe;color:var(--indigo);flex:0 0 auto}
.rec-name{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-content{color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:11.5px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec-proxied{font-size:14px}
.rec-del{border:none;background:#ede9fe;color:#dc2626;border-radius:7px;width:26px;height:26px;cursor:pointer;flex:0 0 auto}
.rec-del:hover{background:var(--red);color:#fff}
.tool-form{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}
.tool-form .sfield{flex:1 1 120px}

/* ═══════════════════════ DYM2 – Domain Yönetim ═══════════════════════ */
.dym2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.dym2-stat{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px 18px;position:relative;overflow:hidden;transition:box-shadow .15s,transform .15s;cursor:default}
.dym2-stat:hover{box-shadow:0 8px 24px rgba(55,48,163,.1);transform:translateY(-1px)}
.dym2-stat-ico{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px}
.dym2-stat-val{font-size:28px;font-weight:800;line-height:1;color:var(--text);margin-bottom:3px}
.dym2-stat-lbl{font-size:11.5px;color:var(--muted);font-weight:500}

.dym2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.dym2-tabs{display:flex;gap:3px;background:#ede9fe;border-radius:10px;padding:3px}
.dym2-tab{padding:6px 12px;border:none;background:transparent;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:5px;white-space:nowrap}
.dym2-tab.active{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1);font-weight:700}
.dym2-tab:hover:not(.active){color:var(--text)}
.dym2-cnt{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:99px;background:rgba(55,48,163,.1);color:var(--indigo);min-width:18px;text-align:center}
.dym2-cnt.warn{background:rgba(245,158,11,.12);color:var(--amber)}
.dym2-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dym2-searchbox{position:relative;display:flex;align-items:center}
.dym2-searchbox svg{position:absolute;left:10px;color:var(--muted);flex-shrink:0}
.dym2-searchbox input{padding:8px 12px 8px 32px;border:1px solid var(--border);border-radius:9px;background:var(--card);font-size:13px;color:var(--text);font-family:inherit;width:200px;transition:border-color .12s,box-shadow .12s}
.dym2-searchbox input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px rgba(55,48,163,.12)}
.dym2-buy-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,#5b21b6,#6d28d9);border:none;border-radius:9px;color:#fff;font-size:12.5px;font-weight:600;cursor:pointer;transition:opacity .12s;white-space:nowrap}
.dym2-buy-btn:hover{opacity:.88}
.dym2-icon-btn{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .12s;flex-shrink:0}
.dym2-icon-btn:hover{border-color:var(--indigo);color:var(--indigo)}
.dym2-buy-panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:14px;display:none;animation:fadeUp .18s ease;flex-direction:column;gap:12px}
.dym2-buy-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.dym2-sel{padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:var(--card);font-family:inherit;font-size:13px;color:var(--text)}
.dym2-buy-results{display:flex;flex-direction:column;gap:6px}
.dym2-res{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;transition:border-color .12s}
.dym2-res.avail{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.03)}
.dym2-res-name{font-size:13.5px;font-weight:700;flex:1;font-family:ui-monospace,Menlo,monospace;color:var(--text)}
.dym2-res-price{font-size:13px;font-weight:700;color:var(--green)}
.dym2-res-taken{font-size:12px;color:var(--muted);font-style:italic}
.dym2-res-buy{padding:6px 14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:12px;font-weight:700;cursor:pointer;transition:opacity .12s;font-family:inherit}
.dym2-res-buy:hover{opacity:.85}
.dym2-bulk{display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(55,48,163,.07);border:1px solid rgba(55,48,163,.2);border-radius:12px;margin-bottom:10px;font-size:13px;font-weight:600;color:var(--indigo)}
.dym2-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.dym2-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
/* Grid: chk | domain | CF | Kaynak | Bitiş | NS | actions */
.dym2-th,.dym2-row{display:grid;grid-template-columns:28px 1fr 46px 72px 90px 140px 200px;align-items:center;gap:0;min-width:700px}
.dym2-th{padding:9px 16px;border-bottom:2px solid var(--border);background:var(--bg)}
.dym2-tc{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:0 7px}
.dym2-tc:first-child{padding:0 4px}
.dym2-row{padding:11px 16px;border-bottom:1px solid var(--border);transition:background .1s;cursor:pointer}
.dym2-row:last-child{border-bottom:none}
.dym2-row:hover{background:#fafbff}
.dym2-row.selected{background:rgba(55,48,163,.04)}
.dym2-col{padding:0 7px;min-width:0;overflow:hidden}
.dym2-col:first-child{padding:0 4px}
.dym2-domain-name{font-size:13px;font-weight:700;color:var(--text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;text-decoration:none;line-height:1.4}
.dym2-domain-name:hover{color:var(--indigo)}
.dym2-domain-date{font-size:11px;color:var(--muted);margin-top:2px}
.dym2-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center}
.dym2-badge.cf-ok{background:rgba(16,185,129,.1);color:#059669}
.dym2-badge.cf-no{background:rgba(239,68,68,.08);color:#dc2626}
/* ── Kalkan (Anti-DDoS) durum rozeti — modern pill, tıkla→canlı doğrula ── */
.dym2-shield{font-size:10.5px;font-weight:700;padding:2px 8px 2px 6px;border-radius:99px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;cursor:pointer;margin-top:3px;border:1px solid transparent;transition:all .15s ease;user-select:none;line-height:1.4}
.dym2-shield svg{flex-shrink:0}
.dym2-shield.sh-on{background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(5,150,105,.10));color:#059669;border-color:rgba(16,185,129,.35);box-shadow:0 0 0 0 rgba(16,185,129,.5);animation:shGlow 2.4s ease-in-out infinite}
.dym2-shield.sh-on:hover{background:linear-gradient(135deg,rgba(16,185,129,.28),rgba(5,150,105,.18));transform:translateY(-1px)}
.dym2-shield.sh-off{background:rgba(148,163,184,.10);color:#94a3b8;border-color:rgba(148,163,184,.25)}
.dym2-shield.sh-off:hover{background:rgba(148,163,184,.18);color:#64748b;transform:translateY(-1px)}
.dym2-shield.sh-loading{background:rgba(124,92,255,.10);color:#7c5cff;border-color:rgba(124,92,255,.3);cursor:progress}
@keyframes shGlow{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.0)}50%{box-shadow:0 0 8px 1px rgba(16,185,129,.35)}}
.sh-spin{width:9px;height:9px;border:1.6px solid rgba(124,92,255,.3);border-top-color:#7c5cff;border-radius:50%;display:inline-block;animation:shSpin .6s linear infinite}
@keyframes shSpin{to{transform:rotate(360deg)}}
[data-theme="dark"] .dym2-shield.sh-on{color:#34d399;border-color:rgba(52,211,153,.4)}
[data-theme="dark"] .dym2-shield.sh-off{color:#94a3b8;background:rgba(148,163,184,.08)}
.dym2-src{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;white-space:nowrap;display:inline-block;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.dym2-src.tam{background:rgba(16,185,129,.1);color:#059669}
.dym2-src.yari{background:rgba(55,48,163,.1);color:#6d28d9}
.dym2-src.manuel{background:rgba(245,158,11,.1);color:#92400e}
.dym2-src.dynadot{background:rgba(55,48,163,.1);color:#6d28d9}
.dym2-exp-ok{font-size:11.5px;color:var(--muted)}
.dym2-exp-warn{font-size:11.5px;color:var(--amber);font-weight:700}
.dym2-exp-danger{font-size:11.5px;color:var(--red);font-weight:700}
.dym2-exp-date{font-size:11px;color:var(--muted);display:block;margin-top:2px}
.dym2-ns-val{font-size:11px;color:var(--muted);font-family:ui-monospace,Menlo,monospace;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dym2-actions{display:flex;gap:4px;align-items:center}
.dym2-abtn{padding:5px 12px;font-size:12px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-family:inherit;transition:all .1s;white-space:nowrap;font-weight:600}
.dym2-abtn:hover{border-color:var(--indigo);color:var(--indigo);background:rgba(55,48,163,.05)}
.dym2-abtn.primary{background:linear-gradient(135deg,#5b21b6,#6d28d9);border:none;color:#fff;font-weight:700;padding:5px 13px}
.dym2-abtn.primary:hover{opacity:.88}
.dym2-empty{padding:56px 24px;text-align:center;color:var(--muted);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px}
.dym2-modal-bg{position:fixed;inset:0;background:rgba(22,14,63,.55);backdrop-filter:blur(6px);z-index:6000;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}
.dym2-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:min(480px,94vw);overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.18);animation:popIn .2s ease}
.dym2-modal-head{background:linear-gradient(120deg,#3730a3 0%,#5b21b6 60%,#a78bfa 100%);padding:20px 22px 16px;display:flex;align-items:flex-start;justify-content:space-between}
.dym2-modal-title{font-size:16px;font-weight:800;color:#fff}
.dym2-modal-sub{font-size:11.5px;color:rgba(255,255,255,.7);margin-top:3px;font-family:ui-monospace,Menlo,monospace}
.dym2-modal-close{width:28px;height:28px;border-radius:7px;border:none;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:.15s;flex-shrink:0}
.dym2-modal-close:hover{background:rgba(255,255,255,.28)}
.dym2-modal-body{padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.dym2-modal-foot{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px;background:var(--bg)}
.dym2-modal-warn{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.25);border-radius:9px;padding:9px 12px;font-size:12px;color:#92400e}
@media(max-width:700px){
  .dym2-stats{grid-template-columns:repeat(2,1fr)}
}
/* dd-ov — Genel sekmesi overview */
.dd-ov{display:flex;flex-direction:column;gap:12px;padding:14px;background:#f7f5ff;border:1px solid var(--border);border-radius:13px}
.dd-ov-domain{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dd-ov-name{font-size:15px;font-weight:700;color:var(--text);font-family:ui-monospace,Menlo,monospace}
.dd-ov-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px}
.dd-ov-badge.ok{background:rgba(16,185,129,.1);color:#059669}
.dd-ov-badge.warn{background:rgba(245,158,11,.1);color:#92400e}
.dd-ov-ns-wrap{display:flex;flex-direction:column;gap:5px}
.dd-ov-lbl{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7b6fa8}
.dd-ov-ns{display:flex;flex-wrap:wrap;gap:5px}
.dd-ns-chip{font-size:11.5px;font-weight:500;font-family:ui-monospace,Menlo,monospace;padding:3px 9px;background:#fff;border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;transition:all .12s;user-select:none}
.dd-ns-chip:hover{border-color:var(--indigo);color:var(--indigo);background:#ede9fe}
.dd-ov-row{display:flex;flex-direction:column;gap:4px}
.dd-ov-mono{font-size:12px;font-family:ui-monospace,Menlo,monospace;color:var(--indigo);font-weight:500}
.dd-ov-copy{cursor:pointer;transition:opacity .12s}
.dd-ov-copy:hover{opacity:.7}
/* canonical chip */
.dcanonical{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:4px 9px 4px 8px;background:rgba(55,48,163,.07);border:1px solid rgba(55,48,163,.16);border-radius:8px;cursor:pointer;max-width:100%;overflow:hidden;transition:all .15s;user-select:none}
.dcanonical:hover{background:rgba(55,48,163,.14);border-color:rgba(55,48,163,.32);transform:translateY(-1px)}
.dcanonical:active{transform:translateY(0)}
.dcanonical-val{font-size:11px;color:var(--indigo);font-family:ui-monospace,Menlo,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-weight:500}
.dcanonical-copy{font-size:11px;flex-shrink:0;opacity:.5;transition:opacity .12s}
.dcanonical:hover .dcanonical-copy{opacity:1}
.act-btn.a-html:hover{background:var(--green)}
/* ── Login Kayıt Ol ── */
.login-register-link{background:none;border:none;cursor:pointer;font-size:13px;color:#7b6fa8;margin-top:10px;font-family:inherit;padding:4px;display:block;width:100%;text-align:center}
.login-register-link:hover{color:#5b21b6}
.login-register-link b{color:#5b21b6}
/* ── Ayarlar Tab Sistemi ── */
.sa-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:16px;background:#ede9fe;padding:5px;border-radius:14px}
.sa-tab{padding:8px 14px;border:none;background:transparent;border-radius:10px;font-size:12.5px;font-weight:600;color:#6b5fa8;cursor:pointer;transition:.15s;white-space:nowrap;font-family:inherit}
.sa-tab.active{background:#fff;color:var(--indigo);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.sa-tab:hover:not(.active){color:var(--text)}
.sa-pane{display:none}
.sa-pane.active{display:block;animation:fadeUp .18s ease}
/* ── Pro Lock ── */
#proLockOverlay{align-items:center;justify-content:center}

[data-theme="dark"] .modal-overlay{background:rgba(9,7,22,.8)}
[data-theme="dark"] .hdrProBtn,[data-theme="dark"] #hdrProBtn{background:rgba(139,92,246,.15)!important;border-color:rgba(139,92,246,.3)!important}

/* ── Kalan dark overrides ── */
/* Timeline */
[data-theme="dark"] .tl-step::before{background:#2a2040!important}
[data-theme="dark"] .tl-step.done::before{background:#2a2040!important}
[data-theme="dark"] .tl-body{background:rgba(28,23,45,.55)!important;border-color:var(--d-border-lume)!important;box-shadow:var(--d-hair)!important}
[data-theme="dark"] .tl-step.done .tl-body{background:rgba(28,23,45,.55)!important;border-color:var(--d-border-lume)!important}
[data-theme="dark"] .tl-step.done .tl-dot{box-shadow:none!important}
[data-theme="dark"] .tl-step.error .tl-body{background:rgba(248,113,113,.06)!important;border-color:rgba(248,113,113,.18)!important}
[data-theme="dark"] .tl-step.current .tl-body{background:rgba(99,102,241,.06)!important;border-color:rgba(99,102,241,.22)!important}
[data-theme="dark"] .tl-log{color:#c3b9e6!important;border-top:none!important;margin-top:6px;font-size:11.5px;line-height:1.65}
[data-theme="dark"] .tl-log .ok{color:#34d399!important}
[data-theme="dark"] .tl-log .err{color:#fca5a5!important}
[data-theme="dark"] .tl-dot{border-color:#2a2040!important;color:var(--d-text-2)!important;background:#14111f!important}
[data-theme="dark"] .tl-title{color:#f7f4ff!important}
[data-theme="dark"] .tl-time{color:var(--d-text-3)!important;font-size:11px}
[data-theme="dark"] .tl-step.pending .tl-title{color:var(--d-text-2)!important}

/* Danger zone */
[data-theme="dark"] .danger-zone{background:rgba(248,113,113,.05)!important;border-color:rgba(248,113,113,.18)!important}
[data-theme="dark"] .danger-zone p{color:#fca5a5!important}
[data-theme="dark"] .btn-danger{background:transparent!important;border:1px solid rgba(248,113,113,.4)!important;color:#f87171!important;box-shadow:none!important}
[data-theme="dark"] .btn-danger:hover{background:rgba(248,113,113,.12)!important;border-color:rgba(248,113,113,.6)!important}

/* Bulk textarea */
[data-theme="dark"] .bulk-ta{background:#0d0b18!important;border-color:#2a2040!important;color:#f7f4ff!important}
[data-theme="dark"] .bulk-ta:focus{background:#14111f!important;border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.15)!important}

/* Domain detay sekmeleri (dd-tabs) */
[data-theme="dark"] .dd-tabs{background:#0f0d1c!important}
[data-theme="dark"] .dd-tab{color:var(--d-text-2)!important;background:transparent!important}
[data-theme="dark"] .dd-tab:hover{color:#b8a4fc!important}
[data-theme="dark"] .dd-tab.active{background:linear-gradient(180deg,rgba(91,33,182,.4),rgba(45,35,72,.5))!important;color:#f3edff!important;box-shadow:inset 0 0 0 1px rgba(139,92,246,.35),var(--d-hair)!important}

/* Dym2 tabs */
[data-theme="dark"] .dym2-tabs{background:#0f0d1c!important}
[data-theme="dark"] .dym2-tab{color:var(--d-text-2)!important}
[data-theme="dark"] .dym2-tab.active{background:linear-gradient(180deg,rgba(91,33,182,.4),rgba(45,35,72,.5))!important;color:#f3edff!important;box-shadow:inset 0 0 0 1px rgba(139,92,246,.35),var(--d-hair)!important}

/* Dym2 row hover */
[data-theme="dark"] .dym2-row:hover{background:#1a1628!important}

/* Domain info kv */
[data-theme="dark"] .dd-info .kv{background:#1a1628!important;border-color:#2a2040!important}
[data-theme="dark"] .dd-ov{background:#1a1628!important;border-color:#2a2040!important}
[data-theme="dark"] .dd-ns-chip{background:linear-gradient(180deg,rgba(45,35,72,.9),rgba(30,23,52,.9))!important;border:1px solid rgba(139,92,246,.3)!important;color:#d4c9fe!important;box-shadow:var(--d-hair)!important}
[data-theme="dark"] .dd-ns-chip:hover{background:linear-gradient(180deg,#6d28d9,#5b21b6)!important;border-color:rgba(167,139,250,.6)!important;color:#fff!important}

/* rec row / rec-type / rec-del */
[data-theme="dark"] .rec-row{background:#1a1628!important;border-color:#2a2040!important}
[data-theme="dark"] .rec-type{background:#1e1a30!important;color:#b8a4fc!important}
[data-theme="dark"] .rec-del{background:#1c0a0a!important;color:#f87171!important}

/* Settings tabs (sa-tabs) */
[data-theme="dark"] .sa-tab.active{background:#1e1a30!important;color:#f7f4ff!important;box-shadow:none!important}

/* Dropdown arrow */
[data-theme="dark"] .dropdown::before{background:#14111f!important;border-color:#2a2040!important}

/* User table */
[data-theme="dark"] .utable td{border-color:#1e1a30!important}
[data-theme="dark"] .urole.user{background:#1e1a30!important;color:var(--muted)!important}

/* Btn ghost */
[data-theme="dark"] .btn-ghost{background:#1e1a30!important;color:#a78bfa!important;border:1px solid #2a2040!important}
[data-theme="dark"] .btn-ghost:hover{background:#2a2040!important}

/* FM action buttons */
[data-theme="dark"] .fm-a{background:#1e1a30!important;color:#b8a4fc!important}
[data-theme="dark"] .fm-a:hover{background:#5b21b6!important;color:#f7f4ff!important}
[data-theme="dark"] .fm-a.danger{color:#f87171!important}

/* Sort select, ring-bg */
[data-theme="dark"] .ring-bg{stroke:#2a2040!important}

/* ftab cnt */
[data-theme="dark"] .cnt{background:var(--d-surface-2)!important;color:#b8a4fc!important}
[data-theme="dark"] .ftab.active .cnt{background:#3d1d95!important;color:#d4c9fe!important}

/* modal kutu arkaplanı */
/* ═ 10-ajan denetim revizyonu: login + form + durum ═ */
[data-theme="dark"] .login-blob{opacity:.10!important;filter:blur(90px)!important;animation:none!important}
[data-theme="dark"] .blob-1,[data-theme="dark"] .blob-2{background:#6d28d9!important}
[data-theme="dark"] .blob-3{display:none}
[data-theme="dark"] .login-topbar{height:4px;opacity:.85;animation:none}
[data-theme="dark"] .field label{color:#c4bbe8!important;letter-spacing:.2px}
[data-theme="dark"] .login-register-link{color:var(--muted)}
[data-theme="dark"] .login-register-link b,[data-theme="dark"] .login-foot b{color:#a78bfa!important}
[data-theme="dark"] .login-register-link:hover b{color:#c4b5fd!important}
[data-theme="dark"] .sfield input:focus,
[data-theme="dark"] .sfield select:focus,
[data-theme="dark"] .sfield textarea:focus,
[data-theme="dark"] .field input:focus,
[data-theme="dark"] .modal-inner input:focus,
[data-theme="dark"] .modal-inner select:focus{border-color:#8b5cf6!important;box-shadow:var(--d-focus)!important}
[data-theme="dark"] .dstage.s-done .sdot{animation:none;box-shadow:0 0 6px rgba(52,211,153,.45)}
[data-theme="dark"] .dd-ov-mono{color:#cbbdff}

[data-theme="dark"] .modal{
  background:#1a1530!important;
  border:1px solid var(--d-border-lume)!important;
  box-shadow:var(--d-hair),0 0 0 1px rgba(139,92,246,.10),0 40px 90px -20px rgba(0,0,0,.9)!important;
}

/* Subdomain Aç butonu */
[data-theme="dark"] a[style*="f0ebff"],
[data-theme="dark"] button[style*="f0ebff"]{background:#1e1a30!important;color:#b8a4fc!important}

/* gscInspResult pre */
[data-theme="dark"] #gscInspResult{background:#0d0b18!important;border-color:#2a2040!important;color:var(--muted)!important}


/* ── theme-override ── */
/* ════════════════════════════════════════
   demo-a  ·  Clean / Minimal override
   Yapı ve işlevler korunur; sadece görünüm.
   ════════════════════════════════════════ */

/* ── 1. TOKEN PALETİ ── */
:root {
  --bg:#ffffff !important; --bg2:#f9fafb !important;
  --card:#ffffff !important; --border:#e5e7eb !important; --border2:#d1d5db !important;
  --text:#111827 !important; --muted:#6b7280 !important; --faint:#9ca3af !important;
  --indigo:#6366f1 !important; --purple:#6366f1 !important; --pink:#6366f1 !important; --blue:#6366f1 !important;
  --grad-main:#6366f1 !important; --grad-btn:linear-gradient(135deg,#6366f1,#4f46e5) !important;
  --grad-green:linear-gradient(135deg,#10b981,#059669) !important;
  --shadow-sm:0 1px 3px rgba(0,0,0,0.07),0 1px 2px rgba(0,0,0,0.04) !important;
  --shadow-md:0 4px 12px rgba(0,0,0,0.08) !important;
  --shadow-lg:0 8px 24px rgba(0,0,0,0.1) !important;
  --d-surface:#ffffff !important; --d-surface-2:#f9fafb !important;
  --d-surface-3:#f3f4f6 !important; --d-inset:#f9fafb !important;
  --d-border:#e5e7eb !important; --d-border-lume:#e5e7eb !important;
}
[data-theme="dark"] {
  --bg:#09090b !important; --bg2:#111113 !important;
  --card:#18181b !important; --border:#27272a !important; --border2:#3f3f46 !important;
  --text:#f9fafb !important; --muted:#a1a1aa !important; --faint:#71717a !important;
  --indigo:#818cf8 !important; --purple:#818cf8 !important; --pink:#818cf8 !important;
  --d-surface:#18181b !important; --d-surface-2:#1f1f23 !important;
  --d-surface-3:#27272a !important; --d-inset:#09090b !important;
  --d-border:#27272a !important; --d-border-lume:#3f3f46 !important;
  --shadow-sm:0 1px 3px rgba(0,0,0,0.4) !important;
  --shadow-md:0 4px 12px rgba(0,0,0,0.45) !important;
  --shadow-lg:0 8px 24px rgba(0,0,0,0.55) !important;
}

/* ── 2. BODY / ZEMİN ── */
html, body { background:var(--bg) !important; }
body::before, body::after { display:none !important; }
@keyframes gradShift { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }
/* Yalnızca dekoratif arka plan animasyonlarını kapat, spinner/loader canlı kalsın */
body::before, body::after,
.login-blob, [class*="blob"],
.ticker-track, .ticker-label, .ticker-label i,
.login-topbar, .mc-cover,
.hero::before { animation:none !important; }

/* ── 3. LOGIN ── */
#loginScreen { background:#f9fafb !important; }
.login-blob,[class*="blob"] { display:none !important; }
.login-card {
  background:#ffffff !important; border:1px solid #e5e7eb !important;
  box-shadow:0 4px 24px rgba(0,0,0,0.07) !important;
}
[data-theme="dark"] #loginScreen { background:#09090b !important; }
[data-theme="dark"] .login-card { background:#18181b !important; border-color:#27272a !important; box-shadow:0 4px 24px rgba(0,0,0,0.4) !important; }
.login-topbar { background:#6366f1 !important; background-image:none !important; height:3px !important; }
.login-logo .logo-mark { background:#6366f1 !important; background-image:none !important; box-shadow:none !important; }
.btn-login { background:#6366f1 !important; background-image:none !important; box-shadow:none !important; }
.btn-login:hover { background:#4f46e5 !important; }

/* ── 4. TOP NAV ── */
.topnav {
  background:#ffffff !important; background-image:none !important;
  animation:none !important; border-bottom:1px solid #e5e7eb !important; box-shadow:none !important;
}
.topnav-inner { height:56px !important; }
[data-theme="dark"] .topnav { background:#09090b !important; border-bottom-color:#27272a !important; }
.brand .logo-mark { display:none !important; }
.brand { gap:0 !important; margin-right:16px !important; }
.brand-name { color:#111827 !important; font-size:15px !important; font-weight:700 !important; letter-spacing:-.02em !important; }
.brand-name em { color:#6366f1 !important; opacity:1 !important; font-style:normal !important; }
[data-theme="dark"] .brand-name { color:#f9fafb !important; }
[data-theme="dark"] .brand-name em { color:#818cf8 !important; }
.nav-btn { color:#6b7280 !important; background:transparent !important; font-size:13px !important; font-weight:500 !important; padding:6px 10px !important; border-radius:6px !important; }
.nav-btn:hover { background:#f9fafb !important; color:#111827 !important; box-shadow:none !important; }
.nav-btn.active { background:rgba(99,102,241,.07) !important; color:#6366f1 !important; box-shadow:none !important; }
[data-theme="dark"] .nav-btn { color:#a1a1aa !important; }
[data-theme="dark"] .nav-btn:hover { background:#18181b !important; color:#f9fafb !important; }
[data-theme="dark"] .nav-btn.active { background:rgba(129,140,248,.1) !important; color:#818cf8 !important; }
.avatar { width:32px !important; height:32px !important; border-radius:6px !important; background:#f9fafb !important; background-image:none !important; color:#6b7280 !important; border:1px solid #e5e7eb !important; box-shadow:none !important; font-size:12px !important; }
.avatar:hover { transform:none !important; background:#f3f4f6 !important; }
[data-theme="dark"] .avatar { background:#18181b !important; border-color:#27272a !important; color:#a1a1aa !important; }
.avatar-menu { background:#ffffff !important; border:1px solid #e5e7eb !important; border-radius:10px !important; box-shadow:0 4px 16px rgba(0,0,0,0.08) !important; }
[data-theme="dark"] .avatar-menu { background:#18181b !important; border-color:#27272a !important; }
.avatar-menu-user { color:#9ca3af !important; border-bottom-color:#e5e7eb !important; }
.avatar-menu-user span { color:#111827 !important; }
.avatar-menu-item { color:#374151 !important; }
.avatar-menu-item:hover { background:#f9fafb !important; }
[data-theme="dark"] .avatar-menu-item { color:#a1a1aa !important; }
[data-theme="dark"] .avatar-menu-item:hover { background:#27272a !important; }
.dropdown { background:#ffffff !important; border:1px solid #e5e7eb !important; border-radius:10px !important; box-shadow:0 4px 16px rgba(0,0,0,0.08) !important; }
.dropdown::before { background:#ffffff !important; border:1px solid #e5e7eb !important; }
[data-theme="dark"] .dropdown { background:#18181b !important; border-color:#27272a !important; }
[data-theme="dark"] .dropdown::before { background:#18181b !important; border-color:#27272a !important; }
.dd-head { color:#9ca3af !important; }
.dd-item { color:#374151 !important; font-size:13px !important; }
.dd-item:hover { background:#f9fafb !important; transform:none !important; color:#111827 !important; }
[data-theme="dark"] .dd-item { color:#a1a1aa !important; }
[data-theme="dark"] .dd-item:hover { background:#27272a !important; }
.dd-ico { background:#6366f1 !important; background-image:none !important; }
.dd-seo .dd-ico,.dd-dom .dd-ico,.dd-mgmt .dd-ico { background:#6366f1 !important; }
.wallet-chip,.wallet-disp,.nav-wallet { background:transparent !important; border:1px solid #e5e7eb !important; color:#374151 !important; box-shadow:none !important; }
[data-theme="dark"] .wallet-chip,[data-theme="dark"] .wallet-disp { border-color:#27272a !important; color:#f9fafb !important; }
.icon-btn { background:#f9fafb !important; border:1px solid #e5e7eb !important; color:#6b7280 !important; box-shadow:none !important; }
[data-theme="dark"] .icon-btn { background:#18181b !important; border-color:#27272a !important; color:#a1a1aa !important; }
.pro-btn,[class*="pro-badge"],.upgrade-btn { background:#6366f1 !important; background-image:none !important; box-shadow:none !important; }
.dd-panel,.nav-dd-panel,.drop-menu,.nav-dropdown { background:#ffffff !important; border:1px solid #e5e7eb !important; box-shadow:0 4px 16px rgba(0,0,0,0.08) !important; }
[data-theme="dark"] .dd-panel,[data-theme="dark"] .nav-dd-panel { background:#18181b !important; border-color:#27272a !important; }

/* ── 5. HERO — KALDIR ── */
.hero { display:none !important; }
.content { margin-top:0 !important; }

/* ── 6. TICKER — KALDIR ── */
.ticker,.ticker-wrap,.activity-ticker,#tickerWrap,#activityTicker,[id*="ticker"],[class*="ticker"] { display:none !important; }

/* ── 7. PAGE / SIDEBAR ── */
#app,.app-wrap,main,.main-wrap,.page-wrap { background:var(--bg) !important; }

/* ── 8. KARTLAR (demo-a bire bir) ── */
.dcard { background:var(--card) !important; border:1px solid var(--border) !important; border-radius:12px !important; overflow:hidden !important; box-shadow:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.04) !important; transition:.18s !important; }
.dcard:hover { box-shadow:0 4px 12px rgba(0,0,0,0.1) !important; transform:translateY(-1px) !important; }
[data-theme="dark"] .dcard { box-shadow:0 1px 3px rgba(0,0,0,0.4) !important; }
[data-theme="dark"] .dcard:hover { box-shadow:0 4px 12px rgba(0,0,0,0.5) !important; }
.dcover { height:9px !important; }
.dcover.st-building { background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1) !important; background-size:200% !important; animation:gradShift 2s linear infinite !important; }
.dcover.st-done { background:#10b981 !important; }
.dcover.st-error { background:#ef4444 !important; }
.dcover.st-queued { background:repeating-linear-gradient(90deg,#f59e0b 0,#f59e0b 8px,transparent 8px,transparent 16px) !important; }
.mc-cover { height:3px !important; border-radius:0 !important; }
.dbody { padding:16px !important; display:block !important; }
.dtop { display:flex !important; align-items:flex-start !important; gap:12px !important; margin-bottom:12px !important; }
.dring { flex-shrink:0 !important; position:relative !important; width:62px !important; height:62px !important; }
.dring svg { position:absolute !important; inset:0 !important; transform:rotate(-90deg) !important; }
.rt { fill:none !important; stroke:var(--border2) !important; stroke-width:3 !important; }
.rp { fill:none !important; stroke-width:3 !important; stroke-linecap:round !important; transition:stroke-dashoffset .6s !important; }
.rc { position:absolute !important; inset:0 !important; display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important; }
.rpct { font-size:13px !important; font-weight:700 !important; line-height:1 !important; color:var(--text) !important; }
.rlbl { font-size:9px !important; color:var(--faint) !important; text-transform:uppercase !important; letter-spacing:.04em !important; margin-top:1px !important; }
.dmeta { flex:1 !important; min-width:0 !important; }
.dkw { display:inline-block !important; border:1px solid var(--indigo) !important; color:var(--indigo) !important; background:transparent !important; font-size:10px !important; font-weight:600 !important; padding:2px 8px !important; border-radius:20px !important; margin-bottom:6px !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; box-shadow:none !important; }
.ddomain { font-size:14px !important; font-weight:700 !important; margin-bottom:5px !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; letter-spacing:-.01em !important; color:var(--text) !important; }
.dstatus { display:flex !important; align-items:center !important; gap:5px !important; font-size:12px !important; font-weight:500 !important; }
.sdot { width:6px !important; height:6px !important; border-radius:50% !important; flex-shrink:0 !important; }
.sdot.building { background:#818cf8 !important; } .sdot.done { background:#10b981 !important; } .sdot.error { background:#ef4444 !important; } .sdot.queued { background:#f59e0b !important; }
.s-building { color:#6366f1 !important; } .s-done { color:#059669 !important; } .s-error { color:#dc2626 !important; } .s-queued { color:#d97706 !important; }
[data-theme="dark"] .s-building { color:#a5b4fc !important; } [data-theme="dark"] .s-done { color:#34d399 !important; } [data-theme="dark"] .s-error { color:#f87171 !important; } [data-theme="dark"] .s-queued { color:#fbbf24 !important; }
.dns-row { display:flex !important; flex-wrap:wrap !important; gap:4px !important; margin-bottom:10px !important; }
.ns-chip { background:var(--bg2) !important; border:1px solid var(--border) !important; color:var(--muted) !important; border-radius:5px !important; font-size:10px !important; padding:2px 7px !important; font-family:ui-monospace,monospace !important; transform:none !important; box-shadow:none !important; }
.ns-chip:hover { border-color:var(--indigo) !important; color:var(--indigo) !important; transform:none !important; }
.dcanonical { display:flex !important; align-items:center !important; gap:5px !important; background:var(--bg2) !important; border:1px solid var(--border) !important; border-radius:5px !important; padding:4px 8px !important; margin-top:8px !important; cursor:pointer !important; overflow:hidden !important; transition:.12s !important; }
.dcanonical:hover { border-color:var(--indigo) !important; }
.dcan-lbl { font-size:10px !important; font-weight:700 !important; color:var(--muted) !important; flex-shrink:0 !important; }
.dcanonical-val { flex:1 !important; min-width:0 !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; font-size:10px !important; font-family:ui-monospace,monospace !important; color:var(--muted) !important; }
.dcanonical:hover .dcanonical-val { color:var(--indigo) !important; }
.dcanonical-copy { flex-shrink:0 !important; opacity:0 !important; transition:.12s !important; color:var(--faint) !important; display:flex !important; }
.dcanonical:hover .dcanonical-copy { opacity:1 !important; color:var(--indigo) !important; }
.dfoot { display:flex !important; align-items:center !important; justify-content:space-between !important; font-size:11px !important; color:var(--faint) !important; margin-top:10px !important; padding:0 !important; border-top:none !important; min-height:auto !important; }
.ddate { color:var(--faint) !important; font-size:11px !important; }
.duser-badge { display:inline-flex !important; align-items:center !important; gap:3px !important; background:var(--bg2) !important; border:1px solid var(--border) !important; border-radius:6px !important; padding:1px 6px !important; font-size:10px !important; font-weight:600 !important; color:var(--muted) !important; white-space:nowrap !important; max-width:90px !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.dactions { display:flex !important; gap:3px !important; }
.da { width:26px !important; height:26px !important; border-radius:5px !important; border:1px solid var(--border) !important; background:none !important; color:var(--faint) !important; display:flex !important; align-items:center !important; justify-content:center !important; cursor:pointer !important; transition:.1s !important; box-shadow:none !important; }
.da:hover { background:var(--bg2) !important; color:var(--text) !important; border-color:var(--border2) !important; transform:none !important; }
.da.a-del:hover { background:#fef2f2 !important; border-color:#fecaca !important; color:#dc2626 !important; }
[data-theme="dark"] .da.a-del:hover { background:rgba(239,68,68,.1) !important; border-color:rgba(239,68,68,.3) !important; color:#f87171 !important; }
.dshield { background:var(--indigo) !important; box-shadow:none !important; }
.retry { display:flex !important; align-items:center !important; gap:5px !important; background:#fffbeb !important; background-image:none !important; border:1px solid #fde68a !important; color:#92400e !important; font-size:11px !important; font-weight:600 !important; padding:5px 10px !important; border-radius:7px !important; cursor:pointer !important; margin-top:8px !important; width:100% !important; justify-content:center !important; font-family:inherit !important; box-shadow:none !important; }
.retry:hover { background:#fef3c7 !important; transform:none !important; }
[data-theme="dark"] .retry { background:rgba(245,158,11,.1) !important; border-color:rgba(245,158,11,.3) !important; color:#fbbf24 !important; }
[data-theme="dark"] .retry:hover { background:rgba(245,158,11,.2) !important; }
.del-pop { background:#1f2937 !important; border-radius:10px !important; box-shadow:0 8px 24px rgba(0,0,0,0.2) !important; }
.del-pop::after { border-top-color:#1f2937 !important; }
.dp-no { background:rgba(255,255,255,.1) !important; } .dp-no:hover { background:rgba(255,255,255,.18) !important; }
.card-retry { background:#fffbeb !important; background-image:none !important; border:1px solid #fde68a !important; color:#92400e !important; box-shadow:none !important; font-weight:600 !important; }
.card-retry:hover { transform:none !important; box-shadow:none !important; background:#fef3c7 !important; }
[data-theme="dark"] .card-retry { background:rgba(245,158,11,.08) !important; border-color:rgba(245,158,11,.25) !important; color:#fbbf24 !important; }

/* ══ LİSTE GÖRÜNÜMÜ — tam yeniden tasarım ══
   .dbody'ye display:grid atarak flex !important çatışmasını bypass ediyoruz.
   Grid container'da flex-direction geçersiz → theme-override !important'ları etkisiz. */
.dgrid.list { gap:6px !important; }
.dgrid.list .dcard { display:flex !important; flex-direction:row !important; align-items:stretch !important; transform:none !important; transition:box-shadow .15s,background .15s !important; }
.dgrid.list .dcard:hover { transform:none !important; box-shadow:0 2px 12px rgba(0,0,0,.09) !important; }
.dgrid.list .dcover { width:9px !important; height:auto !important; flex:0 0 9px !important; border-radius:0 !important; }

/* dbody → CSS Grid (2 sütun: bilgi | aksiyonlar) */
.dgrid.list .dbody {
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  flex:1 !important;
  padding:0 !important;
  gap:0 !important;
  min-width:0 !important;
}
/* Bilgi sütunu: dtop, dns-row, canonical, retry → column 1 */
.dgrid.list .dtop { grid-column:1; padding:10px 16px 0 !important; margin-bottom:0 !important; align-items:center !important; }
.dgrid.list .dns-row { grid-column:1; padding:5px 16px 0 !important; margin-bottom:0 !important; }
.dgrid.list .dcanonical { grid-column:1; margin:5px 16px 0 !important; }
.dgrid.list .retry { grid-column:1; margin:6px 16px 8px !important; width:calc(100% - 32px) !important; }
/* Boş öğe sonrası padding-bottom boşluğu */
.dgrid.list .dtop:last-child,
.dgrid.list .dns-row:last-child,
.dgrid.list .dcanonical:last-child { padding-bottom:10px !important; }

/* Ring → SVG gizle, sade % metni göster */
.dgrid.list .dring { position:static !important; width:auto !important; height:auto !important; background:#f3f4f6 !important; border-radius:7px !important; padding:4px 8px !important; flex-shrink:0 !important; }
[data-theme="dark"] .dgrid.list .dring { background:#27272a !important; }
.dgrid.list .dring svg { display:none !important; }
.dgrid.list .rc { position:static !important; flex-direction:row !important; gap:3px !important; align-items:baseline !important; }
.dgrid.list .rpct { font-size:12px !important; font-weight:700 !important; line-height:1 !important; }
.dgrid.list .rlbl { font-size:9px !important; margin-top:0 !important; }

/* dmeta: keyword + domain + status yatayda düzenli */
.dgrid.list .dmeta { display:flex !important; flex-direction:row !important; align-items:center !important; gap:8px !important; min-width:0 !important; flex:1 !important; flex-wrap:wrap !important; }
.dgrid.list .ddomain { font-size:13.5px !important; margin-bottom:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.dgrid.list .dkw { margin-bottom:0 !important; flex-shrink:0 !important; }
.dgrid.list .dstatus { flex-shrink:0 !important; }
.dgrid.list .stg-txt { display:none !important; }

/* Aksiyonlar sütunu: dfoot → column 2, tüm satırları kapla */
.dgrid.list .dfoot {
  grid-column:2; grid-row:1/10 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:6px !important;
  padding:10px 14px !important;
  border-left:1px solid #e5e7eb !important;
  border-top:none !important;
  margin:0 !important;
  min-width:0 !important;
  width:auto !important;
}
[data-theme="dark"] .dgrid.list .dfoot { border-left-color:#27272a !important; }
/* Tarih + kullanıcı yan yana */
.dgrid.list .dfoot > div:first-child { flex-direction:row !important; gap:5px !important; }
/* Aksiyonlar daima görünür */
.dgrid.list .dactions { opacity:1 !important; transform:none !important; flex-direction:row !important; }
/* Tarih metni kısalt */
.dgrid.list .ddate { font-size:10px !important; white-space:nowrap !important; }

@media(max-width:640px){
  .dgrid.list .dcard { flex-direction:column !important; }
  .dgrid.list .dcover { width:auto !important; height:9px !important; flex:0 0 9px !important; }
  .dgrid.list .dbody { grid-template-columns:1fr !important; }
  .dgrid.list .dfoot { grid-column:1 !important; grid-row:auto !important; border-left:none !important; border-top:1px solid #e5e7eb !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; padding:8px 16px !important; }
}

/* ── 9. FİLTRE / SEKME ── */
.filter-bar,.seg,.tab-strip,.filter-strip,.seg-bar { background:#f9fafb !important; border:1px solid #e5e7eb !important; box-shadow:none !important; }
[data-theme="dark"] .filter-bar,[data-theme="dark"] .seg { background:#111113 !important; border-color:#27272a !important; }
.filter-tab,.f-tab,.seg-btn,.tab-btn { color:#6b7280 !important; background:transparent !important; }
.filter-tab.active,.f-tab.active,.seg-btn.active,.tab-btn.active { background:#ffffff !important; color:#111827 !important; box-shadow:0 1px 3px rgba(0,0,0,0.08) !important; }
[data-theme="dark"] .filter-tab.active,[data-theme="dark"] .seg-btn.active { background:#18181b !important; color:#f9fafb !important; }

/* ── 10. BUTONLAR ── */
.btn-grad,.btn-primary,.btn-login,.s-btn.grad { background:#6366f1 !important; background-image:none !important; box-shadow:none !important; }
.btn-grad:hover,.btn-primary:hover { background:#4f46e5 !important; transform:none !important; }
.btn-ghost,.s-btn.ghost,.btn-sec,.btn-outline { background:#ffffff !important; border:1px solid #e5e7eb !important; color:#111827 !important; box-shadow:none !important; }
.btn-ghost:hover,.s-btn.ghost:hover { background:#f9fafb !important; }
[data-theme="dark"] .btn-ghost,[data-theme="dark"] .s-btn.ghost { background:#18181b !important; border-color:#27272a !important; color:#f9fafb !important; }
.s-btn.act { background:rgba(99,102,241,.08) !important; color:#6366f1 !important; border:1px solid rgba(99,102,241,.2) !important; }
.s-btn.act:hover { background:#6366f1 !important; color:#fff !important; }
[data-theme="dark"] .s-btn.act { background:rgba(129,140,248,.1) !important; color:#818cf8 !important; border-color:rgba(129,140,248,.25) !important; }
.s-btn.mini { padding:5px 9px !important; font-size:11px !important; }

/* ── 11. MODAL ── */
.overlay { background:rgba(0,0,0,0.45) !important; backdrop-filter:none !important; }
[data-theme="dark"] .overlay { background:rgba(0,0,0,0.65) !important; }
.modal { background:#ffffff !important; border:1px solid #e5e7eb !important; border-radius:14px !important; box-shadow:0 8px 32px rgba(0,0,0,0.12) !important; }
[data-theme="dark"] .modal { background:#18181b !important; border-color:#27272a !important; box-shadow:0 8px 32px rgba(0,0,0,0.55) !important; }
.modal-cover { height:3px !important; }
.modal-head { border-bottom:1px solid #e5e7eb !important; padding-bottom:14px !important; }
[data-theme="dark"] .modal-head { border-bottom-color:#27272a !important; }
#mDomain { color:#111827 !important; font-size:15px !important; font-weight:700 !important; }
[data-theme="dark"] #mDomain { color:#f9fafb !important; }
.modal-x { background:transparent !important; border:1px solid #e5e7eb !important; color:#9ca3af !important; border-radius:6px !important; box-shadow:none !important; }
.modal-x:hover { background:#f9fafb !important; color:#374151 !important; border-color:#d1d5db !important; }
[data-theme="dark"] .modal-x { border-color:#27272a !important; color:#71717a !important; }
[data-theme="dark"] .modal-x:hover { background:#27272a !important; color:#f9fafb !important; }
.m-section h3 { color:#9ca3af !important; font-size:10.5px !important; font-weight:600 !important; text-transform:uppercase !important; letter-spacing:.08em !important; margin-bottom:8px !important; }
[data-theme="dark"] .m-section h3 { color:#71717a !important; }
.hcell { background:#f9fafb !important; border:1px solid #e5e7eb !important; border-radius:8px !important; }
[data-theme="dark"] .hcell { background:#111113 !important; border-color:#27272a !important; }
.hcell .ht { color:#6b7280 !important; } .hcell .hv { color:#9ca3af !important; }
.hdot { background:#e5e7eb !important; } .hdot.ok { background:#10b981 !important; } .hdot.warn { background:#f59e0b !important; } .hdot.bad { background:#ef4444 !important; } .hdot.pending { background:#d1d5db !important; }
#mTimelineSection .hgrid { border-top:1px solid var(--border) !important; padding-top:10px !important; margin-top:8px !important; }
.dd-tabs { background:#f3f4f6 !important; border-radius:8px !important; padding:3px !important; }
[data-theme="dark"] .dd-tabs { background:#111113 !important; }
.dd-tab { color:#6b7280 !important; font-weight:500 !important; border-radius:6px !important; }
.dd-tab.active { background:#ffffff !important; color:#111827 !important; box-shadow:0 1px 3px rgba(0,0,0,0.08) !important; }
[data-theme="dark"] .dd-tab { color:#a1a1aa !important; }
[data-theme="dark"] .dd-tab.active { background:#18181b !important; color:#f9fafb !important; }
/* ── Timeline minimal ── */
.timeline { display:flex !important; flex-direction:column !important; gap:0 !important; }
.tl-step { gap:8px !important; padding-bottom:0 !important; align-items:center !important; }
.tl-step + .tl-step { margin-top:0 !important; border-top:1px solid var(--border) !important; }
.tl-step::before { display:none !important; }
.tl-dot { width:20px !important; height:20px !important; font-size:9px !important; margin-top:0 !important; flex-shrink:0 !important; border:1.5px solid var(--border) !important; background:var(--bg2) !important; color:var(--faint) !important; box-shadow:none !important; }
.tl-step.done .tl-dot { background:#10b981 !important; border-color:#10b981 !important; color:#fff !important; box-shadow:none !important; }
.tl-step.current .tl-dot { background:var(--bg2) !important; border-color:#6366f1 !important; color:#6366f1 !important; }
[data-theme="dark"] .tl-step.current .tl-dot { background:var(--bg2) !important; border-color:#818cf8 !important; color:#818cf8 !important; }
.tl-step.error .tl-dot { background:#ef4444 !important; border-color:#ef4444 !important; color:#fff !important; box-shadow:none !important; }
.tl-body { background:transparent !important; border:none !important; border-radius:0 !important; padding:9px 4px !important; margin-bottom:0 !important; }
.tl-title { font-size:12px !important; font-weight:600 !important; color:var(--text) !important; }
.tl-step.pending .tl-title { color:var(--faint) !important; font-weight:500 !important; }
.tl-step.done .tl-title { color:var(--text) !important; }
.tl-step.error .tl-title { color:#dc2626 !important; } [data-theme="dark"] .tl-step.error .tl-title { color:#f87171 !important; }
.tl-step.current .tl-title { color:#4f46e5 !important; } [data-theme="dark"] .tl-step.current .tl-title { color:#818cf8 !important; }
.tl-time { color:var(--faint) !important; font-size:10px !important; }
.tl-log { display:none !important; }
.dym2-modal-head { background:linear-gradient(135deg,#1f2937,#374151) !important; }
.dym2-modal { border-radius:12px !important; }
#mDelBtn { background:#fef2f2 !important; border:1px solid #fecaca !important; color:#dc2626 !important; box-shadow:none !important; }
#mDelBtn:hover { background:#fee2e2 !important; }

/* ── 12. NAVBAR SAĞ BÖLÜM ── */
/* dd-ico ikonları gizle */
.dd-ico { display:none !important; }
.dd-item { padding-left:10px !important; }

/* Pro butonu */
#hdrProBtn {
  background:#6366f1 !important; color:#fff !important;
  border:none !important; border-radius:20px !important;
  padding:5px 12px !important; font-size:12px !important; font-weight:600 !important;
  gap:4px !important; box-shadow:none !important;
  white-space:nowrap !important;
}
#hdrProBtn:hover { background:#4f46e5 !important; }
[data-theme="dark"] #hdrProBtn { background:#6366f1 !important; }

/* Wallet */
#hdrWallet {
  background:transparent !important;
  border:1px solid #e5e7eb !important; border-radius:6px !important;
  padding:5px 10px !important; gap:4px !important;
  color:#374151 !important; font-size:13px !important; font-weight:600 !important;
  box-shadow:none !important;
}
#hdrWallet svg { color:#6b7280 !important; stroke:#6b7280 !important; }
#hdrWallet:hover { background:#f9fafb !important; }
#hdrWalletBal { font-size:13px !important; font-weight:600 !important; color:#374151 !important; }
/* + işareti gizle */
#hdrWallet > span:last-child { display:none !important; }
[data-theme="dark"] #hdrWallet { border-color:#27272a !important; color:#f9fafb !important; }
[data-theme="dark"] #hdrWallet svg { stroke:#a1a1aa !important; color:#a1a1aa !important; }
[data-theme="dark"] #hdrWalletBal { color:#f9fafb !important; }

/* Tema toggle düğmesi */
#themeToggleBtn {
  width:32px !important; height:32px !important; border-radius:6px !important;
  border:1px solid #e5e7eb !important; background:#f9fafb !important;
  color:#6b7280 !important; box-shadow:none !important; font-size:14px !important;
}
#themeToggleBtn svg { stroke:#6b7280 !important; }
#themeToggleBtn:hover { background:#f3f4f6 !important; color:#111827 !important; border-color:#d1d5db !important; }
[data-theme="dark"] #themeToggleBtn { background:#18181b !important; border-color:#27272a !important; color:#a1a1aa !important; }
[data-theme="dark"] #themeToggleBtn svg { stroke:#a1a1aa !important; }

/* Çıkış butonu → icon-btn stili */
.topnav-inner > .nav-right > button:last-child,
nav .nav-right > button[onclick="logout()"] {
  width:32px !important; height:32px !important; border-radius:6px !important;
  border:1px solid #e5e7eb !important; background:#f9fafb !important;
  color:#6b7280 !important; padding:0 !important; font-size:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  gap:0 !important; box-shadow:none !important; letter-spacing:0 !important;
}
nav .nav-right > button[onclick="logout()"] svg { stroke:#6b7280 !important; flex-shrink:0 !important; }
nav .nav-right > button[onclick="logout()"]:hover { background:#fef2f2 !important; border-color:#fecaca !important; color:#dc2626 !important; }
nav .nav-right > button[onclick="logout()"]:hover svg { stroke:#dc2626 !important; }
[data-theme="dark"] nav .nav-right > button[onclick="logout()"] { background:#18181b !important; border-color:#27272a !important; color:#a1a1aa !important; }
[data-theme="dark"] nav .nav-right > button[onclick="logout()"]:hover { background:rgba(239,68,68,.1) !important; border-color:rgba(239,68,68,.3) !important; }
[data-theme="dark"] nav .nav-right > button[onclick="logout()"]:hover svg { stroke:#f87171 !important; }
.logout-txt { display:none !important; }

/* nav-right gap */
.nav-right { gap:6px !important; }

/* ── 14. GENEL TEMİZLİK ── */
[class*="glass"],[class*="blur"],[class*="frosted"] { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; background:var(--card) !important; }
[class*="glow"],[class*="shimmer"],[class*="aurora"],[class*="orb"],[class*="neon"] { display:none !important; }