/* hesaplasam.com — Modern Nova tema (fontlar HTML'de async yüklenir) */

:root {
  --font: "DM Sans", system-ui, sans-serif;
  --font-display: "Outfit", system-ui, sans-serif;
  --brand: #003d7a;
  --brand-2: #00a896;
  --brand-3: #00c4b0;
  --brand-hover: #002a54;
  --brand-soft: rgba(0, 61, 122, 0.07);
  --brand-glow: rgba(0, 168, 150, 0.32);
  --corp-navy: #001f3f;
  --corp-navy-mid: #003060;
  --header-bg: rgba(255, 255, 255, 0.98);
  --bg: #f6f8fb;
  --bg-elevated: #ffffff;
  --surface: #ffffff;
  --text: #002a54;
  --text-secondary: #3a5670;
  --text-muted: #6b849c;
  --border: rgba(0, 61, 122, 0.11);
  --border-focus: #00a896;
  --danger: #ef4444;
  --danger-soft: #fef2f2;
  --success: #00a88e;
  --success-soft: #e6faf6;
  --warn-soft: #fffbeb;
  --warn-border: #fcd34d;
  --radius: 22px;
  --radius-sm: 14px;
  --radius-xs: 9px;
  --shadow-sm: 0 2px 16px rgba(11, 16, 32, 0.06);
  --shadow: 0 16px 48px rgba(11, 16, 32, 0.1);
  --shadow-lg: 0 28px 72px rgba(11, 16, 32, 0.16);
  --shadow-md: 0 8px 28px rgba(11, 16, 32, 0.08);
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --cat-color: #004080;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  font-size: 15px;
  color: var(--text);
  line-height: 1.65;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: var(--bg);
  position: relative;
  overflow-x: hidden;
}

.bg-mesh {
  position: fixed;
  inset: 0;
  z-index: -3;
  background:
    radial-gradient(ellipse 90% 70% at 0% 0%, rgba(0, 64, 128, 0.07), transparent 55%),
    radial-gradient(ellipse 80% 60% at 100% 10%, rgba(0, 176, 160, 0.06), transparent 50%),
    linear-gradient(180deg, #fbfdff 0%, var(--bg) 45%, #eef5f8 100%);
  pointer-events: none;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  background: transparent;
  pointer-events: none;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  opacity: 0.35;
  background-image:
    linear-gradient(rgba(0, 64, 128, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 64, 128, 0.035) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: radial-gradient(ellipse 80% 70% at 50% 30%, black 20%, transparent 75%);
  pointer-events: none;
}

.bg-orb {
  position: fixed;
  border-radius: 50%;
  filter: blur(80px);
  pointer-events: none;
  z-index: -1;
  animation: orbFloat 18s ease-in-out infinite;
}
.bg-orb--1 {
  width: 480px; height: 480px;
  top: -140px; right: -100px;
  background: rgba(0, 64, 128, 0.1);
}
.bg-orb--2 {
  width: 380px; height: 380px;
  bottom: 8%; left: -120px;
  background: rgba(0, 176, 160, 0.09);
  animation-delay: -6s;
}
.bg-orb--3 {
  width: 300px; height: 300px;
  top: 42%; right: 6%;
  background: rgba(0, 200, 180, 0.07);
  animation-delay: -12s;
}
@keyframes orbFloat {
  0%, 100% { transform: translate(0, 0) scale(1); }
  33% { transform: translate(-20px, 24px) scale(1.05); }
  66% { transform: translate(16px, -18px) scale(0.96); }
}

a { color: var(--brand); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--brand-hover); }

/* Sunucu uyarısı */
.server-banner {
  background: #fef3c7;
  border-bottom: 2px solid #f59e0b;
  color: #92400e;
  padding: 12px 24px;
  font-size: 0.9rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
}
.server-banner code {
  background: rgba(0,0,0,0.06);
  padding: 2px 8px;
  border-radius: 6px;
}
.server-banner a { color: #b45309; font-weight: 800; }
html[data-theme="dark"] .server-banner {
  background: #422006;
  border-color: #f59e0b;
  color: #fcd34d;
}

/* ── Üst bar (menü) ── */
.site-top {
  position: sticky;
  top: 0;
  z-index: 400;
  background: color-mix(in srgb, var(--header-bg) 88%, transparent);
  backdrop-filter: blur(20px) saturate(1.4);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65) inset;
}
.site-header {
  background: transparent;
  border-bottom: none;
  box-shadow: none;
}
.site-header-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
.brand {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  line-height: 0;
  min-width: 0;
}
.brand:hover { text-decoration: none; opacity: 0.9; }
.site-logo {
  display: block;
  height: 40px;
  width: auto;
  max-width: min(230px, 52vw);
  object-fit: contain;
  object-position: left center;
}
.site-logo--night { display: none; }
html[data-theme="dark"] .site-logo--day { display: none; }
html[data-theme="dark"] .site-logo--night {
  display: block;
  filter: none;
}
.brand--footer .site-logo {
  display: block;
  height: 40px;
  max-width: min(190px, 72vw);
  filter: none;
}
.site-nav {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.site-nav a {
  color: rgba(0, 48, 96, 0.78);
  font-size: 0.88rem;
  font-weight: 600;
  padding: 9px 15px;
  border-radius: 999px;
  white-space: nowrap;
  transition: background var(--transition), color var(--transition), box-shadow var(--transition);
}
.site-nav a:hover {
  color: var(--brand);
  background: var(--brand-soft);
  text-decoration: none;
}
.nav-link.is-active {
  color: var(--brand) !important;
  background: var(--brand-soft);
  box-shadow: inset 0 0 0 1px rgba(0, 176, 160, 0.25);
}
.nav-item--tools { position: relative; }
.nav-link--tools {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  cursor: pointer;
  font: inherit;
  background: transparent;
  color: rgba(0, 48, 96, 0.78);
  font-size: 0.88rem;
  font-weight: 600;
  padding: 9px 15px;
  border-radius: 999px;
  white-space: nowrap;
  transition: background var(--transition), color var(--transition), box-shadow var(--transition);
}
.nav-link--tools:hover,
.nav-item--tools.is-open .nav-link--tools {
  color: var(--brand);
  background: var(--brand-soft);
}
.nav-item--tools.is-active .nav-link--tools {
  color: var(--brand) !important;
  background: var(--brand-soft);
  box-shadow: inset 0 0 0 1px rgba(0, 176, 160, 0.25);
}
.nav-chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.2s ease;
  opacity: 0.7;
}
.nav-item--tools.is-open .nav-chevron,
.mobile-tools-trigger.is-open .nav-chevron { transform: rotate(-135deg) translateY(1px); }

/* Araçlar mega menü */
body.tools-mega-open { overflow: hidden; }
.tools-mega {
  position: fixed;
  inset: 0;
  z-index: 450;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 72px 12px 24px;
  background: rgba(4, 12, 28, 0.42);
  backdrop-filter: blur(5px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}
.tools-mega.is-visible { opacity: 1; pointer-events: auto; }
.tools-mega[hidden] { display: none !important; }
.tools-mega-panel {
  position: relative;
  width: min(920px, 100%);
  max-height: min(78vh, 680px);
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  background: linear-gradient(155deg, color-mix(in srgb, var(--brand) 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, var(--brand) 14%, var(--border));
  box-shadow: 0 28px 80px rgba(0, 32, 72, 0.22);
  opacity: 0;
  transform: translateY(-10px) scale(0.985);
  transition:
    opacity 0.32s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
.tools-mega.is-visible .tools-mega-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.tools-mega-glow {
  position: absolute;
  inset: -1px;
  pointer-events: none;
  background: radial-gradient(ellipse at 12% 0%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 58%);
}
.tools-mega-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 18px 12px;
  border-bottom: 1px solid var(--border);
  position: relative;
}
.tools-mega-search-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface-2);
}
.tools-mega-search-wrap--mobile { margin-bottom: 10px; }
.tools-mega-search-icon { color: var(--text-muted); font-size: 0.95rem; }
.tools-mega-search {
  flex: 1;
  border: none;
  background: transparent;
  padding: 10px 0;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text);
  outline: none;
}
.tools-mega-stat {
  flex-shrink: 0;
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-muted);
  padding: 6px 10px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--brand) 6%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--brand) 12%, var(--border));
}
.tools-mega-body {
  display: grid;
  grid-template-columns: 220px 1fr;
  min-height: 0;
  flex: 1;
  position: relative;
}
.tools-mega-cats {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 10px;
  border-right: 1px solid var(--border);
  overflow-y: auto;
  background: color-mix(in srgb, var(--brand) 3%, var(--surface));
}
.tools-mega-cat {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 12px;
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background 0.22s ease, border-color 0.22s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.tools-mega-cat:hover { background: var(--surface-2); transform: translateX(2px); }
.tools-mega-cat.is-active {
  background: color-mix(in srgb, var(--cat-color, var(--brand)) 10%, var(--surface));
  border-color: color-mix(in srgb, var(--cat-color, var(--brand)) 22%, var(--border));
  transform: translateX(3px);
}
.tools-mega-cat-icon { flex-shrink: 0; }
.tools-mega-cat-text { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.tools-mega-cat-text strong {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text);
  line-height: 1.25;
}
.tools-mega-cat-text small { font-size: 0.68rem; color: var(--text-muted); }
.tools-mega-main {
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding: 12px 14px;
  overflow-y: auto;
}
.tools-mega-popular {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  max-height: 80px;
  opacity: 1;
  overflow: hidden;
  transition: max-height 0.28s ease, opacity 0.22s ease, margin 0.28s ease;
}
.tools-mega-popular.is-hidden {
  max-height: 0;
  opacity: 0;
  margin-bottom: 0;
  pointer-events: none;
}
.tools-mega-grid-wrap {
  transition: opacity 0.14s cubic-bezier(0.22, 1, 0.36, 1), transform 0.18s cubic-bezier(0.22, 1, 0.36, 1);
  min-height: 120px;
}
.tools-mega-grid-wrap.is-swapping {
  opacity: 0;
  transform: translateY(5px) scale(0.995);
}
.tools-mega-grid-wrap.is-ready .tools-mega-tool {
  animation: toolsMegaIn 0.28s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--i, 0) * 16ms);
}
@keyframes toolsMegaIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}
.tools-mega-cats .tools-mega-cat.is-active {
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.24s cubic-bezier(0.22, 1, 0.36, 1);
}
.tools-mega-popular-label {
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
}
.tools-mega-popular-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.tools-mega-chip {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.74rem;
  font-weight: 700;
  color: var(--brand);
  background: color-mix(in srgb, var(--brand) 8%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--brand) 16%, var(--border));
  text-decoration: none;
}
.tools-mega-chip:hover { text-decoration: none; background: color-mix(in srgb, var(--brand) 14%, var(--surface)); }
.tools-mega-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.tools-mega-tool {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface);
  text-decoration: none;
  transition: border-color 0.2s ease, transform 0.24s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease;
}
.tools-mega-tool:hover {
  text-decoration: none;
  border-color: color-mix(in srgb, var(--cat-color, var(--brand)) 30%, var(--border));
  box-shadow: 0 8px 20px color-mix(in srgb, var(--cat-color, var(--brand)) 8%, transparent);
  transform: translateY(-1px);
}
.tools-mega-tool-icon { flex-shrink: 0; }
.tools-mega-tool-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.tools-mega-tool-body strong {
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tools-mega-tool-body small {
  font-size: 0.7rem;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tools-mega-tool-arrow { color: var(--text-muted); font-size: 0.9rem; flex-shrink: 0; }
.tools-mega-empty {
  margin: 0;
  padding: 24px 12px;
  text-align: center;
  font-size: 0.88rem;
  color: var(--text-muted);
}
.tools-mega-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 18px;
  border-top: 1px solid var(--border);
  background: color-mix(in srgb, var(--brand) 3%, var(--surface));
}
.tools-mega-foot-link {
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--brand);
  text-decoration: none;
}
.tools-mega-foot-link--ghost { color: var(--text-muted); font-weight: 600; }
.tools-mega-foot-link:hover { text-decoration: underline; }

.mobile-tools-nav-mount { width: 100%; }
.mobile-tools-panel { width: 100%; }
.mobile-tools-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  padding: 13px 16px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text);
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
}
.mobile-tools-trigger:hover,
.mobile-tools-trigger.is-open {
  color: var(--brand);
  background: var(--brand-soft);
  border-color: rgba(0, 64, 128, 0.1);
}
.mobile-tools-trigger-meta {
  margin-left: auto;
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--text-muted);
}
.mobile-tools-body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.36s cubic-bezier(0.22, 1, 0.36, 1);
  border-bottom: 1px solid transparent;
  margin-bottom: 4px;
}
.mobile-tools-body.is-open {
  grid-template-rows: 1fr;
  border-bottom-color: var(--border);
}
.mobile-tools-body-inner {
  min-height: 0;
  overflow: hidden;
  padding: 0 8px 12px;
}
.mobile-tools-body .tools-mega-grid { grid-template-columns: 1fr; }
.mobile-tools-cats {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 4px 0 10px;
  margin-bottom: 8px;
  scrollbar-width: none;
}
.mobile-tools-cats::-webkit-scrollbar { display: none; }
.mobile-tools-cats .tools-mega-cat {
  flex: 0 0 auto;
  width: auto;
  min-width: 132px;
}
.mobile-tools-all {
  display: block;
  margin-top: 10px;
  padding: 10px 12px;
  text-align: center;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--brand);
  text-decoration: none;
  border-radius: 10px;
  background: var(--brand-soft);
}
.nav-toggle {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 1px solid rgba(0, 64, 128, 0.14);
  border-radius: 12px;
  background: rgba(0, 64, 128, 0.05);
  cursor: pointer;
}
.nav-toggle-bar {
  display: block;
  height: 2px;
  background: var(--text);
  border-radius: 2px;
  transition: transform var(--transition), opacity var(--transition);
}
body.nav-open { overflow: hidden; }
body.nav-open .site-top { z-index: 10052; }
body.nav-open .nav-toggle {
  position: relative;
  z-index: 2;
  border-color: rgba(0, 64, 128, 0.22);
  background: var(--surface);
  box-shadow: 0 4px 16px rgba(0, 32, 72, 0.12);
}
body.nav-open .nav-toggle-bar:nth-child(1) { transform: translateY(7px) rotate(45deg); }
body.nav-open .nav-toggle-bar:nth-child(2) { opacity: 0; }
body.nav-open .nav-toggle-bar:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 10050;
  pointer-events: none;
}
.mobile-drawer.is-open { pointer-events: auto; }
.mobile-drawer-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 6, 16, 0.55);
  opacity: 0;
  transition: opacity 0.28s ease;
  backdrop-filter: blur(6px);
}
.mobile-drawer.is-open .mobile-drawer-backdrop { opacity: 1; }
.mobile-drawer-panel {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-height: 100dvh;
  padding: 0;
  background: linear-gradient(165deg, color-mix(in srgb, var(--brand) 4%, var(--surface)) 0%, var(--surface) 42%);
  border: none;
  opacity: 0;
  transform: translateY(12px) scale(0.985);
  transition:
    opacity 0.3s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: none;
}
.mobile-drawer.is-open .mobile-drawer-panel {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.mobile-drawer-glow {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(ellipse 80% 50% at 15% -5%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 58%),
    radial-gradient(ellipse 60% 40% at 90% 100%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 55%);
}
.mobile-drawer-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: max(18px, env(safe-area-inset-top)) 20px 16px;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, rgba(0, 64, 128, 0.05) 0%, transparent 100%);
  flex-shrink: 0;
}
.mobile-drawer-brand {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.mobile-drawer-tagline {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  letter-spacing: 0.01em;
}
.mobile-drawer-close {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  color: var(--text-secondary);
  font-size: 1.15rem;
  cursor: pointer;
  transition: background var(--transition), color var(--transition), border-color var(--transition), transform var(--transition);
}
.mobile-drawer-close:hover {
  background: var(--brand-soft);
  color: var(--brand);
  border-color: rgba(0, 64, 128, 0.18);
  transform: scale(1.04);
}
.mobile-drawer-scroll {
  position: relative;
  z-index: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: flex;
  flex-direction: column;
}
.mobile-nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 16px 12px;
}
.mobile-drawer-foot {
  margin-top: auto;
  padding: 8px 16px max(24px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  gap: 14px;
  flex-shrink: 0;
}
.mobile-drawer-theme {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--surface-2);
  cursor: pointer;
  font-family: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--text);
  transition: background var(--transition), border-color var(--transition), color var(--transition);
}
.mobile-drawer-theme:hover {
  background: var(--brand-soft);
  border-color: rgba(0, 64, 128, 0.14);
  color: var(--brand);
}
.mobile-drawer-theme-icon { font-size: 1.15rem; line-height: 1; }
.mobile-drawer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.mobile-drawer-panel .mobile-nav a {
  color: var(--text);
  font-size: 1rem;
  font-weight: 600;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid transparent;
  transition: background var(--transition), color var(--transition), border-color var(--transition);
}
.mobile-drawer-panel .mobile-nav a:hover {
  color: var(--brand);
  background: var(--brand-soft);
  border-color: rgba(0, 64, 128, 0.1);
  text-decoration: none;
}
.mobile-drawer-panel .mobile-nav .nav-link.is-active {
  color: var(--brand) !important;
  background: var(--brand-soft);
  border-color: rgba(0, 176, 160, 0.22);
  box-shadow: none;
}
.mobile-drawer-panel--tools .mobile-drawer-head {
  padding-bottom: 14px;
}
.mobile-drawer-eyebrow {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
}
.mobile-drawer-scroll--tools {
  padding: 12px 14px max(16px, env(safe-area-inset-bottom));
}
.mobile-tools-drawer {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
}
.mobile-tools-drawer .tools-mega-search-wrap--mobile {
  flex-shrink: 0;
}
.mobile-tools-drawer .mobile-tools-cats {
  flex-shrink: 0;
  margin-bottom: 4px;
}
.mobile-tools-grid-wrap {
  flex: 1;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0 -2px;
  padding: 2px;
}
.mobile-tools-drawer .tools-mega-grid {
  grid-template-columns: 1fr;
}
.mobile-tools-drawer .mobile-tools-all {
  flex-shrink: 0;
  margin-top: 4px;
}
#footer-mobile-nav-mount {
  display: none !important;
}
/* ── Layout ── */
.page { flex: 1; animation: pageIn 0.5s ease; }
@keyframes pageIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.page-inner {
  max-width: 820px;
  margin: 0 auto;
  padding: 40px 28px 80px;
}
.tool-page .page-inner { max-width: 1120px; padding-left: 28px; padding-right: 28px; }
.home-page .page-inner,
.home-page-main .page-inner { max-width: 1200px; padding-top: 20px; }
.home-page .page-inner--search {
  max-width: 680px;
  padding: 0 24px 48px;
  width: 100%;
}
.home-page .home-page-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
body.home-page .bg-orb { display: none; }
body.home-page .bg-mesh {
  background:
    radial-gradient(ellipse 55% 42% at 50% 38%, rgba(0, 168, 150, 0.07), transparent 70%),
    radial-gradient(ellipse 40% 30% at 80% 20%, rgba(0, 61, 122, 0.05), transparent 65%),
    var(--bg);
}
body.home-page::after { opacity: 0.12; }
.content-page-main .page-inner { max-width: 960px; padding-top: 28px; }

.breadcrumb {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 28px;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(8px);
  border: 1px solid var(--border);
  border-radius: 999px;
  box-shadow: var(--shadow-sm);
}
.breadcrumb a { color: var(--text-secondary); }
.breadcrumb a:hover { color: var(--brand); }
.breadcrumb .sep { opacity: 0.35; font-size: 0.7rem; }
.breadcrumb span:last-child { color: var(--text); font-weight: 700; }

/* ── Tool head ── */
.tool-head {
  margin-bottom: 32px;
  padding: 32px 36px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}
.tool-head::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--cat-color), var(--brand-2), var(--brand-3));
}
.tool-head::after {
  content: "";
  position: absolute;
  top: -60px; right: -60px;
  width: 200px; height: 200px;
  background: radial-gradient(circle, color-mix(in srgb, var(--cat-color) 15%, transparent), transparent 70%);
  pointer-events: none;
}
.tool-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.74rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--cat-color);
  background: color-mix(in srgb, var(--cat-color) 10%, white);
  padding: 6px 14px 6px 8px;
  border-radius: 999px;
  margin-bottom: 16px;
  border: 1px solid color-mix(in srgb, var(--cat-color) 22%, transparent);
}
.tool-badge-icon {
  width: 26px;
  height: 26px;
  border-radius: 7px;
}
.tool-badge-icon svg {
  width: 14px;
  height: 14px;
}
.tool-head h1 {
  font-size: 2.15rem;
  font-weight: 800;
  letter-spacing: -0.04em;
  line-height: 1.12;
  margin-bottom: 12px;
  color: var(--text);
  position: relative;
  overflow-wrap: break-word;
  word-break: break-word;
}
.tool-lead {
  color: var(--text-secondary);
  font-size: 1.02rem;
  max-width: none;
  line-height: 1.75;
  position: relative;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ── Calc card ── */
.calc-card {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(16px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
  position: relative;
}
.calc-card:has(.option-group--stack) {
  overflow: visible;
}
.calc-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(13, 148, 136, 0.25), rgba(99, 102, 241, 0.15), transparent 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.calc-card-inner {
  padding: 36px 44px 40px;
  display: flex;
  flex-direction: column;
}
.calc-form.hn-form { width: 100%; }

.form-loading {
  display: flex;
  align-items: center;
  gap: 16px;
  color: var(--text-muted);
  font-size: 0.92rem;
  font-weight: 600;
  padding: 36px 0;
}
.form-loading[hidden] { display: none !important; }

.spinner {
  width: 28px;
  height: 28px;
  border: 3px solid var(--border);
  border-top-color: var(--brand);
  border-right-color: var(--brand-2);
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.form-hint {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 26px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #f8fafc, #f1f5f9);
  border-radius: var(--radius-sm);
  border-left: 4px solid var(--brand);
}
.form-hint span, .req { color: var(--danger); font-weight: 800; }

/* ── HN form ── */
.calc-form.hn-form.hn-form--classic .field-index { display: none; }
.calc-form.hn-form.hn-form--classic .field-item {
  padding: 14px 0;
  gap: 14px;
  border-bottom: none;
}
.calc-form.hn-form.hn-form--classic .field-item:hover { background: none; }
.calc-form.hn-form.hn-form--classic .field-body--split > .field-label {
  flex: 0 0 132px;
  max-width: 38%;
  padding-top: 4px;
  font-size: 0.9rem;
}
.calc-form.hn-form.hn-form--classic .form-hint {
  margin-bottom: 16px;
  padding: 8px 12px;
  font-size: 0.78rem;
}

.calc-form.hn-form > fieldset { border: none; padding: 0; margin: 0; }
.calc-form.hn-form ol { list-style: none; padding: 0; margin: 0; }

.calc-form.hn-form .field-item {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 24px 0;
  border-bottom: 1px solid var(--border);
  transition: background var(--transition);
}
.calc-form.hn-form .field-item:hover {
  background: linear-gradient(90deg, color-mix(in srgb, var(--cat-color) 4%, transparent), transparent);
  border-radius: var(--radius-sm);
}
.calc-form.hn-form .field-item:last-child { border-bottom: none; padding-bottom: 0; }
.calc-form.hn-form .field-item--hidden { display: none !important; }
.calc-form.hn-form .field-item--heading {
  display: block;
  padding: 22px 0 12px;
  border-bottom: none;
}
.calc-form.hn-form .field-item--heading:hover { background: none; margin: 0; padding-left: 0; padding-right: 0; }
.calc-form.hn-form .field-heading {
  font-weight: 800;
  font-size: 0.96rem;
  color: var(--text);
  padding: 12px 18px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--cat-color) 10%, white), transparent);
  border-radius: var(--radius-sm);
  border-left: 4px solid var(--cat-color);
}

.calc-form.hn-form .field-index {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--cat-color), var(--brand-2));
  color: #fff;
  font-size: 0.82rem;
  font-weight: 800;
  border-radius: 11px;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--cat-color) 38%, transparent);
  margin-top: 2px;
}

.calc-form.hn-form .field-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
.calc-form.hn-form .field-body--split {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px 18px;
}
.calc-form.hn-form .field-body--split > .field-label {
  flex: 0 0 148px;
  max-width: 34%;
  min-width: 108px;
  padding-top: 10px;
  margin: 0;
}
.calc-form.hn-form .field-body--split > .field-control {
  flex: 1 1 260px;
  min-width: 0;
}

.calc-form.hn-form .field-label {
  font-weight: 700;
  font-size: 0.94rem;
  color: var(--text);
  line-height: 1.45;
  overflow-wrap: break-word;
  word-break: break-word;
}
.calc-form.hn-form .field-label em { color: var(--danger); font-style: normal; }

.calc-form.hn-form .field-control {
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: 100%;
}
.calc-form.hn-form .field-control--split {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
}
.calc-form.hn-form .field-control--split .field-input {
  width: auto;
  flex: 0 1 160px;
  min-width: 0;
  max-width: 100%;
}
.calc-form.hn-form .field-control--split .field-input--short {
  flex: 0 0 76px;
  max-width: 90px;
}
.calc-form.hn-form .field-control--inline {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}
.calc-form.hn-form .field-control--inline > .field-input,
.calc-form.hn-form .field-control--inline > .field-input--amount {
  flex: 0 1 220px;
  width: auto;
  max-width: 280px;
  min-width: 140px;
}

.calc-form.hn-form .option-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: none;
  padding: 0;
  margin: 0;
}
.calc-form.hn-form .option-group--grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}
.calc-form.hn-form .option-group--rates {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  width: 100%;
  line-height: 1.6;
}
.calc-form.hn-form .option-group--rates > label,
.calc-form.hn-form .option-group--rates > .rate-other {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: auto;
  min-width: 0;
  min-height: 0;
  padding: 2px 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  white-space: nowrap;
  cursor: pointer;
  font-weight: 500;
  color: var(--text);
}
.calc-form.hn-form .option-group--rates > label:hover,
.calc-form.hn-form .option-group--rates > .rate-other:hover {
  background: transparent;
  box-shadow: none;
}
.calc-form.hn-form .option-group--rates > label:has(input:checked),
.calc-form.hn-form .option-group--rates > .rate-other:has(input:checked) {
  background: transparent;
  box-shadow: none;
  font-weight: 700;
}
.calc-form.hn-form .option-group--rates input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
  accent-color: #2563eb;
  cursor: pointer;
  -webkit-appearance: auto;
  appearance: auto;
}
.calc-form.hn-form .rate-other-choice {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-weight: 500;
}
.calc-form.hn-form .rate-other-field {
  display: inline-flex;
  align-items: center;
}
.calc-form.hn-form .rate-other-field .field-input {
  width: 64px;
  min-width: 64px;
  height: 32px;
  padding: 4px 8px;
  text-align: center;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: #fff;
}
.calc-form.hn-form .option-group--plain {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.calc-form.hn-form .option-group--plain > label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  padding: 6px 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  min-height: 0;
  line-height: 1.55;
}
.calc-form.hn-form .option-group--plain > label input[type="radio"],
.calc-form.hn-form .option-group--plain > label input[type="checkbox"] {
  margin-top: 3px;
}
.calc-form.hn-form .option-group--plain > label:hover {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
}
.calc-form.hn-form .option-group--plain > label:has(input:checked) {
  background: transparent;
  box-shadow: none;
  border-color: transparent;
  color: var(--text);
  font-weight: 600;
}
.calc-form.hn-form .option-group--stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.calc-form.hn-form .option-group--stack > label,
.calc-form.hn-form .option-group--stack > span {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  width: 100%;
  max-width: 100%;
  padding: 14px 16px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  background: #fafbfc;
  box-sizing: border-box;
}
.calc-form.hn-form .option-group--stack > span {
  cursor: default;
}
.calc-form.hn-form .option-group--stack label {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  width: 100%;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.calc-form.hn-form .option-group--stack label .field-input,
.calc-form.hn-form .option-group--stack label input[type="number"],
.calc-form.hn-form .option-group--stack label input[type="text"] {
  width: 72px;
  max-width: 88px;
  flex-shrink: 0;
  justify-self: start;
}
.calc-form.hn-form .option-group--stack > label,
.calc-form.hn-form .option-group--grid > label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 0.88rem;
  font-weight: 500;
  color: var(--text-secondary);
  line-height: 1.5;
  background: #fafbfc;
  transition: all var(--transition);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.calc-form.hn-form .option-group--stack > label:hover,
.calc-form.hn-form .option-group--grid > label:hover {
  border-color: var(--border-focus);
  background: var(--brand-soft);
  box-shadow: var(--shadow-sm);
}
.calc-form.hn-form .option-group--stack > label:has(input:checked),
.calc-form.hn-form .option-group--grid > label:has(input:checked) {
  border-color: var(--brand);
  background: var(--brand-soft);
  color: var(--text);
  box-shadow: 0 0 0 3px var(--brand-glow), 0 6px 16px rgba(13, 148, 136, 0.14);
}
.calc-form.hn-form .option-group--plain > label {
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--text);
}
.calc-form.hn-form .option-group--plain input[type="radio"],
.calc-form.hn-form .option-group--plain input[type="checkbox"],
.calc-form.hn-form .option-group--stack > label input[type="radio"],
.calc-form.hn-form .option-group--grid > label input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #2563eb;
  flex-shrink: 0;
  cursor: pointer;
  -webkit-appearance: auto;
  appearance: auto;
}
.calc-form.hn-form .option-group--stack > label input[type="radio"],
.calc-form.hn-form .option-group--stack > label input[type="checkbox"],
.calc-form.hn-form .option-group--grid > label input[type="radio"],
.calc-form.hn-form .option-group--grid > label input[type="checkbox"] {
  margin-top: 3px;
}
.calc-form.hn-form .option-group--stack > span:not(.rate-other),
.calc-form.hn-form .option-group--grid > span:not(.rate-other) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  grid-column: 1 / -1;
  padding: 14px 16px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  background: #fafbfc;
}
.calc-form.hn-form .option-group--stack > span:not(.rate-other):has(input:checked),
.calc-form.hn-form .option-group--grid > span:not(.rate-other):has(input:checked) {
  border-color: var(--brand);
  background: var(--brand-soft);
  box-shadow: 0 0 0 3px var(--brand-glow);
}
.calc-form.hn-form .option-group--stack > span:not(.rate-other) label,
.calc-form.hn-form .option-group--grid > span:not(.rate-other) label {
  border: none;
  padding: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.calc-form.hn-form .option-group--rates > .rate-other {
  flex-wrap: nowrap;
  padding: 2px 0;
  border: none;
  background: transparent;
  box-shadow: none;
}
.calc-form.hn-form .option-group--stack > span:has(input:checked),
.calc-form.hn-form .option-group--stack > label:has(input:checked) {
  border-color: var(--brand);
  background: var(--brand-soft);
  box-shadow: 0 0 0 3px var(--brand-glow);
}
.calc-form.hn-form .field-control:has(.option-group--stack) {
  overflow: visible;
}

.field-input,
.calc-form.hn-form input[type="number"],
.calc-form.hn-form input[type="text"],
.calc-form.hn-form input[type="date"],
.calc-form.hn-form select,
.calc-form.hn-form textarea {
  width: 100%;
  padding: 13px 17px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.96rem;
  font-family: inherit;
  font-weight: 500;
  color: var(--text);
  background: #fafbfc;
  transition: all var(--transition);
}
.calc-form.hn-form .field-control:not(.field-control--split) > .field-input,
.calc-form.hn-form .field-control:not(.field-control--split) > select,
.calc-form.hn-form .field-control:not(.field-control--split) > textarea {
  max-width: 100%;
}
.field-input:focus,
.calc-form.hn-form input:focus,
.calc-form.hn-form select:focus,
.calc-form.hn-form textarea:focus {
  outline: none;
  border-color: var(--brand);
  background: #fff;
  box-shadow: 0 0 0 4px var(--brand-glow);
}
.calc-form.hn-form textarea { min-height: 110px; resize: vertical; }
.calc-form.hn-form .field-hint, .calc-form.hn-form .orn {
  font-size: 0.78rem;
  color: var(--text-muted);
  font-weight: 500;
}

/* Native form */
.calc-form--native .native-field {
  padding: 22px 0;
  border-bottom: 1px solid var(--border);
  transition: background var(--transition);
}
.calc-form--native .native-field:hover {
  background: linear-gradient(90deg, color-mix(in srgb, var(--cat-color) 4%, transparent), transparent);
  border-radius: var(--radius-sm);
}
.calc-form--native.calc-form--classic .native-field {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 0;
  border-bottom: none;
}
.calc-form--native.calc-form--classic .native-field:hover { background: none; }
.calc-form--native.calc-form--classic .native-label {
  flex: 0 0 132px;
  max-width: 38%;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 0.9rem;
}
.calc-form--native.calc-form--classic .native-control {
  flex: 1;
  min-width: 0;
}
.native-label { font-weight: 700; font-size: 0.94rem; margin-bottom: 11px; display: block; }

.calc-form--hydrating .native-control {
  visibility: hidden;
}
.calc-form--native:not(.calc-form--hydrating) .native-control {
  visibility: visible;
}
.rate-radio-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(76px, max-content));
  align-items: center;
  gap: 8px 14px;
  line-height: 1.5;
  width: 100%;
}
.rate-radio {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 4px 0;
  border: none;
  background: transparent;
  cursor: pointer;
  font-weight: 500;
  font-size: 0.94rem;
  color: var(--text);
  white-space: nowrap;
  min-height: 28px;
}
.rate-radio:has(input:checked) { font-weight: 700; }
.rate-radio input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
  accent-color: #2563eb;
  cursor: pointer;
  -webkit-appearance: auto;
  appearance: auto;
}
.rate-radio-other {
  width: 64px !important;
  min-width: 64px;
  max-width: 72px;
  height: 32px;
  padding: 4px 8px !important;
  text-align: center;
  font-size: 0.9rem;
}

.plain-radio-group {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}
.plain-radio {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 6px 0;
  margin: 0;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--text);
  line-height: 1.55;
}
.plain-radio:has(input:checked) { font-weight: 600; }
.plain-radio input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 3px 0 0;
  flex-shrink: 0;
  accent-color: #2563eb;
  cursor: pointer;
  -webkit-appearance: auto;
  appearance: auto;
}
.option-chip {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: 0.88rem;
  background: #fafbfc;
  transition: all var(--transition);
}
.option-chip:hover { border-color: var(--border-focus); background: var(--brand-soft); }
.option-chip:has(input:checked) {
  border-color: var(--brand);
  background: var(--brand-soft);
  box-shadow: 0 0 0 3px var(--brand-glow);
}
.option-chip input { accent-color: var(--brand); margin-top: 2px; }

/* ── Buttons ── */
.action-bar {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 36px;
  padding: 30px 0 0;
  border-top: 1px dashed var(--border);
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 15px 34px;
  border: none;
  border-radius: var(--radius-sm);
  font-size: 0.96rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  transition: all var(--transition);
  letter-spacing: -0.01em;
  position: relative;
  overflow: hidden;
}
.btn:active:not(:disabled) { transform: scale(0.97); }
.btn:disabled { opacity: 0.6; cursor: not-allowed; }

.btn-primary {
  background: linear-gradient(135deg, var(--brand) 0%, #0059a8 50%, var(--brand-2) 100%);
  background-size: 200% auto;
  color: #fff;
  min-width: 170px;
  box-shadow: 0 8px 28px var(--brand-glow);
}
.btn-glow {
  box-shadow: 0 8px 32px var(--brand-glow), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}
.btn-primary::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.22) 50%, transparent 60%);
  transform: translateX(-120%);
  transition: transform 0.5s ease;
}
.btn-primary:hover:not(:disabled) {
  background-position: right center;
  box-shadow: 0 12px 36px var(--brand-glow);
  transform: translateY(-2px);
}
.btn-primary:hover:not(:disabled)::after { transform: translateX(120%); }
.btn-primary.is-loading .btn-label::after { content: "…"; }

.btn-ghost {
  background: rgba(255, 255, 255, 0.8);
  color: var(--text-secondary);
  border: 1.5px solid var(--border);
}
.btn-ghost:hover:not(:disabled) {
  border-color: var(--text-muted);
  color: var(--text);
  background: #fff;
  box-shadow: var(--shadow-sm);
}

/* Alerts */
.alert {
  padding: 14px 18px;
  border-radius: var(--radius-sm);
  font-size: 0.88rem;
  font-weight: 600;
  margin-bottom: 24px;
}
.alert[hidden] { display: none !important; }
.alert-warn { background: var(--warn-soft); border: 1px solid var(--warn-border); color: #92400e; }
.alert-error { background: var(--danger-soft); border: 1px solid #fecaca; color: #b91c1c; margin-top: 20px; }

/* Result */
.result-card {
  margin-top: 32px;
  background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 50%, #eff6ff 100%);
  border: 1px solid #6ee7b7;
  border-radius: var(--radius);
  overflow: hidden;
  animation: fadeUp 0.4s ease;
  box-shadow: 0 12px 32px rgba(5, 150, 105, 0.14);
}
.result-card[hidden] { display: none !important; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}
.result-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 26px;
  background: rgba(255, 255, 255, 0.55);
  border-bottom: 1px solid #a7f3d0;
}
.result-icon {
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, var(--success), #34d399);
  color: #fff;
  border-radius: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95rem;
  font-weight: 800;
  box-shadow: 0 4px 14px rgba(5, 150, 105, 0.35);
}
.result-card-head h2 { font-size: 1.08rem; font-weight: 800; color: #065f46; letter-spacing: -0.02em; }
.result-body {
  padding: 24px 26px;
  font-size: 0.95rem;
  line-height: 1.85;
  overflow-wrap: break-word;
  word-break: break-word;
}
.result-body .tblcontainer {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  margin-top: 12px;
}
.data-table, .result-body table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.86rem;
  background: #fff;
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  table-layout: auto;
}
.data-table th, .data-table td,
.result-body table th, .result-body table td {
  border: 1px solid var(--border);
  padding: 11px 14px;
  text-align: right;
}
.data-table th, .result-body table th {
  background: #f8fafc;
  font-weight: 700;
  color: var(--text-secondary);
}

/* Hub */
.hub-content { font-size: 0.95rem; line-height: 1.8; color: var(--text-secondary); }
.hub-content ul.ilgiar {
  list-style: none;
  display: grid;
  gap: 12px;
  margin: 22px 0 30px;
}
.hub-content ul.ilgiar a {
  display: flex;
  align-items: center;
  padding: 18px 22px;
  background: linear-gradient(135deg, #fafbfc, #fff);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text);
  font-weight: 600;
  font-size: 0.93rem;
  transition: all var(--transition);
}
.hub-content ul.ilgiar a::after {
  content: "→";
  margin-left: auto;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--brand-soft);
  color: var(--brand);
  border-radius: 9px;
  font-weight: 700;
}
.hub-content ul.ilgiar a:hover {
  border-color: var(--brand);
  box-shadow: var(--shadow);
  transform: translateX(5px);
  text-decoration: none;
}
.hub-content h2, .hub-content h3 {
  font-size: 1.08rem;
  font-weight: 800;
  color: var(--text);
  margin: 30px 0 14px;
  letter-spacing: -0.02em;
}

/* Related & FAQ */
.related-card, .faq-card {
  margin-top: 40px;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(10px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px 30px;
  box-shadow: var(--shadow);
}
.related-card h3, .faq-card h3 {
  font-size: 1.02rem;
  font-weight: 800;
  margin-bottom: 18px;
  letter-spacing: -0.02em;
}
.related-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.related-link {
  padding: 10px 18px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-secondary);
  transition: all var(--transition);
}
.related-link:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-soft);
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.faq-list { display: flex; flex-direction: column; gap: 10px; }
.faq-item {
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  overflow: hidden;
  background: #fafbfc;
  transition: box-shadow var(--transition);
}
.faq-item[open] { box-shadow: var(--shadow-sm); }
.faq-item summary {
  padding: 15px 20px;
  font-weight: 700;
  font-size: 0.91rem;
  cursor: pointer;
  list-style: none;
  color: var(--text);
}
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: "+"; float: right; color: var(--brand); font-weight: 800; font-size: 1.15rem; }
.faq-item[open] summary::after { content: "−"; }
.faq-item[open] summary { background: var(--brand-soft); border-bottom: 1px solid var(--border); }
.faq-item p { padding: 15px 20px; font-size: 0.89rem; color: var(--text-secondary); line-height: 1.75; }

/* SEO — popüler arama etiketleri */
.seo-tags-section {
  margin-top: 32px;
}
.seo-tags-block {
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(10px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px 28px;
  box-shadow: var(--shadow-sm);
}
.seo-tags-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin-bottom: 14px;
}
.seo-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.seo-tag {
  display: inline-flex;
  align-items: center;
  padding: 7px 14px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-secondary);
  line-height: 1.3;
  transition: all var(--transition);
  cursor: default;
}
.seo-tag:hover {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-soft);
  transform: translateY(-1px);
}
.home-page .seo-tags-section,
.content-page .seo-tags-section {
  margin-top: 48px;
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .tool-page .seo-tags-section:not(:has(.tool-seo-fold)) {
    display: none !important;
  }
}

/* Footer — kurumsal minimal (masaüstü) */
.site-footer {
  margin-top: auto;
  background: #002848;
  color: rgba(255, 255, 255, 0.58);
  border-top: 1px solid rgba(0, 176, 160, 0.18);
}
.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 28px 32px 24px;
}
.footer-corp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.footer-corp-brand,
.brand--footer {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  text-decoration: none;
}
.footer-corp-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 22px;
  flex: 1;
}
.footer-corp-nav a {
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.52);
  text-decoration: none;
  transition: color var(--transition);
  white-space: nowrap;
}
.footer-corp-nav a:hover {
  color: #fff;
  text-decoration: none;
}
.footer-corp-social,
.footer-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-shrink: 0;
}
.footer-corp-tools {
  display: flex;
  align-items: center;
  gap: 14px 18px;
  padding: 14px 0;
  flex-wrap: wrap;
}
.footer-corp-tools-label {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.34);
  flex-shrink: 0;
}
.footer-corp-tools-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 18px;
  flex: 1;
  min-width: 0;
}
.footer-corp-tools-links a {
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.48);
  text-decoration: none;
  transition: color var(--transition);
}
.footer-corp-tools-links a:hover {
  color: rgba(0, 200, 180, 0.95);
  text-decoration: none;
}
.footer-corp-tools-more {
  margin-left: auto;
  font-size: 0.8125rem;
  font-weight: 600;
  color: rgba(0, 176, 160, 0.88);
  text-decoration: none;
  white-space: nowrap;
  transition: color var(--transition);
}
.footer-corp-tools-more:hover {
  color: #00c8b4;
  text-decoration: none;
}
.footer-corp-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.footer-corp-legal {
  flex: 1;
  min-width: 0;
}
.footer-corp-copy {
  margin: 0;
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.42);
}
.footer-note {
  margin: 6px 0 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.28);
  max-width: 520px;
}
/* Canlı kişi çevrimiçi alanı kaldırıldı */
.footer-live,
.footer-live--inline {
  display: none !important;
}
.social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid transparent;
  color: inherit;
  text-decoration: none;
  flex-shrink: 0;
  overflow: visible;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease;
}
.social-link svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
  flex-shrink: 0;
  opacity: 0.9;
}
.social-link--ig svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}
.social-link--yt svg,
.social-link--tk svg,
.social-link--wa svg {
  width: 15px;
  height: 15px;
}
.site-footer .social-link {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.62);
}
.site-footer .social-link:hover {
  background: rgba(0, 176, 160, 0.16);
  border-color: rgba(0, 176, 160, 0.35);
  color: #fff;
  transform: translateY(-1px);
  text-decoration: none;
}
.site-footer .social-link:hover svg { opacity: 1; }

@media (max-width: 1024px) {
  .site-footer {
    text-align: center;
  }
  .footer-inner {
    padding: 28px 20px 24px;
  }
  .footer-corp {
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
  }
  .footer-corp-nav {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 18px;
    width: 100%;
  }
  .footer-corp-social {
    display: flex !important;
    justify-content: center;
    width: 100%;
  }
  .footer-corp-tools {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 16px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
  .footer-corp-tools-links {
    justify-content: center;
    gap: 8px 14px;
  }
  .footer-corp-tools-more {
    margin-left: 0;
  }
  .brand--footer {
    justify-content: center;
    margin: 0 auto;
  }
  .brand--footer .site-logo {
    margin: 0 auto;
    object-position: center center;
  }
  .footer-corp-bottom {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
  .footer-corp-legal {
    width: 100%;
  }
  .footer-corp-copy {
    font-size: 0.78rem;
    line-height: 1.55;
  }
  .footer-note {
    margin-top: 6px;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* 404 sayfası */
.not-found-page .page-inner { max-width: 760px; padding-top: 32px; padding-bottom: 72px; }
.nf-hero {
  text-align: center;
  padding: 48px 28px 40px;
  margin-bottom: 28px;
  border-radius: 28px;
  background: linear-gradient(155deg, #001a33 0%, #003060 48%, #002847 100%);
  border: 1px solid rgba(0, 168, 150, 0.16);
  box-shadow: var(--shadow-lg);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.nf-hero::before {
  content: "";
  position: absolute;
  inset: -20% 30% 40% -20%;
  background: radial-gradient(circle, rgba(0, 176, 160, 0.22), transparent 68%);
  pointer-events: none;
}
.nf-code {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: clamp(4.5rem, 18vw, 7rem);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.06em;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.45) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
  z-index: 1;
}
.nf-badge {
  display: inline-block;
  margin: 0 0 14px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
  position: relative;
  z-index: 1;
}
.nf-hero h1 {
  margin: 0 0 12px;
  font-family: var(--font-display);
  font-size: clamp(1.45rem, 4vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1;
}
.nf-lead {
  margin: 0 auto 18px;
  max-width: 520px;
  font-size: 0.95rem;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.68);
  position: relative;
  z-index: 1;
}
.nf-path {
  margin: 0 0 22px;
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  z-index: 1;
}
.nf-path code {
  display: inline-block;
  margin-top: 6px;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.22);
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.8rem;
  word-break: break-all;
}
.nf-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.nf-search-card,
.nf-popular {
  padding: 24px 26px;
  margin-bottom: 18px;
  border-radius: 20px;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}
.nf-search-card h2,
.nf-popular h2 {
  margin: 0 0 6px;
  font-size: 1.1rem;
}
.nf-search-card p {
  margin: 0 0 16px;
  color: var(--text-muted);
  font-size: 0.9rem;
}
.nf-search-wrap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.nf-search-wrap .field-input {
  flex: 1;
  min-width: 200px;
}
.nf-search-results {
  margin-top: 14px;
}
.nf-result-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nf-result-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface-2);
  text-decoration: none;
  color: var(--text);
  transition: background var(--transition), border-color var(--transition);
}
.nf-result-list a:hover {
  background: var(--brand-soft);
  border-color: rgba(0, 64, 128, 0.14);
  color: var(--brand);
}
.nf-result-list span {
  font-size: 0.78rem;
  color: var(--text-muted);
  text-transform: capitalize;
}
.nf-empty {
  margin: 0;
  font-size: 0.9rem;
  color: var(--text-muted);
}
.nf-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.nf-chip {
  display: inline-flex;
  padding: 10px 14px;
  border-radius: 12px;
  background: var(--brand-soft);
  color: var(--brand);
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid rgba(0, 64, 128, 0.1);
  transition: background var(--transition), transform var(--transition);
}
.nf-chip:hover {
  background: color-mix(in srgb, var(--brand) 14%, var(--surface));
  transform: translateY(-1px);
  text-decoration: none;
}
html[data-theme="dark"] .nf-search-card,
html[data-theme="dark"] .nf-popular {
  background: var(--surface);
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .nf-result-list a {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}
@media (max-width: 640px) {
  .nf-hero { padding: 36px 20px 30px; }
  .nf-search-card,
  .nf-popular { padding: 20px 18px; }
  .nf-search-wrap .btn { width: 100%; }
}

/* Blog & İletişim sayfaları */
.content-page .page-inner { max-width: 960px; padding-top: 36px; }
.page-hero {
  margin-bottom: 36px;
  padding: 40px 36px;
  border-radius: 28px;
  background: linear-gradient(135deg, #001a33 0%, #003060 50%, #002847 100%);
  box-shadow: var(--shadow-lg);
  color: #fff;
  border: 1px solid rgba(0, 168, 150, 0.14);
  position: relative;
  overflow: hidden;
}
.page-hero::before {
  content: "";
  position: absolute;
  width: 300px;
  height: 300px;
  top: -120px;
  right: -60px;
  background: radial-gradient(circle, rgba(0, 168, 150, 0.28), transparent 70%);
  pointer-events: none;
}
.page-hero-badge {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  z-index: 1;
}
.page-hero h1 {
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-size: 2.15rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  position: relative;
  z-index: 1;
}
.page-hero p {
  margin: 0;
  font-size: 0.95rem;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.6;
  max-width: 560px;
}
.blog-list,
.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.blog-page-main .page-inner {
  max-width: 1080px;
}
.blog-hero {
  text-align: center;
  margin-bottom: 24px;
}
.blog-hero-stats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
  margin-top: 18px;
  position: relative;
  z-index: 1;
}
.blog-hero-stat {
  font-size: 0.82rem;
  color: rgba(255, 255, 255, 0.55);
}
.blog-hero-stat strong {
  color: #fff;
  font-weight: 800;
}
.blog-search-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 520px;
  margin: 22px auto 0;
  padding: 5px 6px 5px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.97);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
  position: relative;
  z-index: 1;
}
.blog-search-icon {
  display: flex;
  color: var(--text-muted);
  flex-shrink: 0;
}
.blog-search-icon svg { width: 18px; height: 18px; }
.blog-search {
  flex: 1;
  border: none;
  background: transparent;
  padding: 13px 8px;
  font-size: 0.95rem;
  color: var(--text);
  outline: none;
  min-width: 0;
}
.blog-search::placeholder { color: var(--text-muted); }
.blog-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  padding: 12px 14px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--surface) 90%, var(--bg));
  border: 1px solid var(--border);
  position: sticky;
  top: 72px;
  z-index: 40;
  backdrop-filter: blur(12px);
}
.blog-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  color: var(--text-secondary);
  background: var(--surface);
  border: 1px solid var(--border);
  transition: color var(--transition), border-color var(--transition), background var(--transition), transform 0.15s ease, box-shadow 0.15s ease;
}
.blog-filter-btn small {
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--text-muted);
}
.blog-filter-btn:hover {
  border-color: color-mix(in srgb, var(--brand-2) 35%, var(--border));
  color: var(--brand);
  transform: translateY(-1px);
}
.blog-filter-btn.is-active {
  background: linear-gradient(135deg, var(--brand) 0%, var(--corp-navy-mid) 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 6px 20px rgba(0, 61, 122, 0.25);
}
.blog-filter-btn.is-active small { color: rgba(255, 255, 255, 0.7); }
.blog-toolbar {
  margin-bottom: 16px;
  scroll-margin-top: 88px;
}
.blog-result-count {
  margin: 0;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-muted);
}
.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: 28px;
  padding: 18px 20px;
  border-radius: 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}
.blog-page-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  color: var(--text);
  background: var(--bg);
  border: 1px solid var(--border);
  transition: color var(--transition), border-color var(--transition), background var(--transition), transform 0.15s ease, opacity 0.15s ease;
}
.blog-page-btn svg { width: 16px; height: 16px; flex-shrink: 0; }
.blog-page-btn:hover:not(:disabled) {
  border-color: color-mix(in srgb, var(--brand-2) 35%, var(--border));
  color: var(--brand);
  background: var(--brand-soft);
  transform: translateY(-1px);
}
.blog-page-btn:disabled {
  opacity: 0.42;
  cursor: not-allowed;
}
.blog-page-info {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-muted);
  text-align: center;
  min-width: 160px;
}
.blog-empty {
  text-align: center;
  padding: 48px 24px;
  border-radius: 22px;
  background: var(--surface);
  border: 1px dashed var(--border);
}
.blog-empty-icon { font-size: 2rem; margin-bottom: 12px; }
.blog-empty h2 {
  margin: 0 0 8px;
  font-size: 1.15rem;
  font-weight: 800;
}
.blog-empty p {
  margin: 0 0 18px;
  color: var(--text-muted);
  font-size: 0.9rem;
}
.blog-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: box-shadow var(--transition), border-color var(--transition), transform 0.2s ease;
  animation: blogCardIn 0.45s ease backwards;
  animation-delay: var(--blog-delay, 0ms);
}
@keyframes blogCardIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.blog-card--modern:hover {
  box-shadow: var(--shadow-md);
  border-color: color-mix(in srgb, var(--brand-2) 28%, var(--border));
  transform: translateY(-3px);
}
.blog-card--featured {
  grid-column: 1 / -1;
  background: linear-gradient(135deg, #f8fbff 0%, #eef8f6 100%);
  border-color: color-mix(in srgb, var(--brand-2) 22%, var(--border));
}
.blog-card--featured .blog-card-link { padding: 32px 34px 20px; }
.blog-card--featured .blog-card-title { font-size: 1.45rem; }
.blog-card-accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  opacity: 0;
  transition: opacity var(--transition);
}
.blog-card--modern:hover .blog-card-accent { opacity: 1; }
.blog-card-link {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 24px 26px 16px;
  text-decoration: none;
  color: inherit;
}
.blog-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}
.blog-card-title {
  margin: 0 0 10px;
  font-family: var(--font-display);
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.35;
  color: var(--text);
  transition: color var(--transition);
}
.blog-card--modern:hover .blog-card-title { color: var(--brand); }
.blog-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 14px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
}
.blog-card-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--brand-soft);
  color: var(--brand);
  transition: background var(--transition), transform 0.2s ease;
}
.blog-card-arrow svg { width: 16px; height: 16px; }
.blog-card--modern:hover .blog-card-arrow {
  background: var(--brand);
  color: #fff;
  transform: translateX(2px);
}
.blog-card-tool {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 26px 16px;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--brand);
  text-decoration: none;
  border-top: 1px solid var(--border);
  transition: background var(--transition), color var(--transition);
}
.blog-card-tool svg { width: 15px; height: 15px; flex-shrink: 0; }
.blog-card-tool:hover {
  background: var(--brand-soft);
  color: var(--brand-hover);
  text-decoration: none;
}
.blog-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  align-items: center;
  margin-bottom: 12px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
}
.blog-cat {
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--brand-soft);
  color: var(--brand);
}
.blog-card h2 {
  margin: 0 0 10px;
  font-size: 1.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.blog-card h2 a {
  color: var(--text);
  text-decoration: none;
}
.blog-card h2 a:hover { color: var(--brand); }
.blog-card--modern .blog-tags { margin-bottom: 0; }
.blog-excerpt {
  margin: 0 0 12px;
  font-size: 0.92rem;
  color: var(--text-secondary);
  line-height: 1.7;
}
.blog-card--modern .blog-excerpt {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
  font-size: 0.88rem;
}
.blog-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
}
.blog-tag {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 600;
  background: rgba(0, 64, 128, 0.08);
  color: var(--brand);
  border: 1px solid rgba(0, 64, 128, 0.1);
}
html[data-theme="dark"] .blog-tag {
  background: rgba(0, 176, 160, 0.12);
  border-color: rgba(0, 176, 160, 0.2);
  color: var(--brand-2);
}
.blog-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.blog-content {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border);
  font-size: 0.92rem;
  color: var(--text-secondary);
  line-height: 1.75;
}
.blog-content h2,
.blog-content h3 {
  margin: 18px 0 8px;
  font-size: 1rem;
  color: var(--text);
  font-weight: 800;
}
.blog-content h2 { font-size: 1.08rem; }
.blog-content p { margin: 0 0 12px; }
.blog-content a {
  color: var(--brand);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.blog-content blockquote {
  margin: 14px 0;
  padding: 12px 16px;
  border-left: 3px solid var(--brand-2);
  background: var(--brand-soft);
  border-radius: 0 10px 10px 0;
}
.blog-content ul,
.blog-content ol { padding-left: 20px; margin: 0 0 12px; }
.blog-content li + li { margin-top: 6px; }

.blog-article-nav {
  margin-bottom: 20px;
  font-size: 0.88rem;
  font-weight: 600;
}
.blog-article-nav a {
  color: var(--brand);
  text-decoration: none;
}
.blog-article-nav a:hover { text-decoration: underline; }
.blog-article-full {
  padding: 32px 36px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 22px;
  box-shadow: var(--shadow-sm);
}
.blog-article-head {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border);
}
.blog-article-head h1 {
  margin: 14px 0 12px;
  font-size: clamp(1.5rem, 3vw, 2rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.25;
}
.blog-article-excerpt {
  margin: 0;
  font-size: 1rem;
  color: var(--text-secondary);
  line-height: 1.7;
}
.blog-content--full {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  font-size: 1rem;
  line-height: 1.8;
}
.blog-content--full h2 {
  margin: 28px 0 12px;
  font-size: 1.2rem;
}
.blog-content--full h3 {
  margin: 20px 0 8px;
  font-size: 1.05rem;
}
.blog-lead {
  font-size: 1.05rem;
  color: var(--text);
}
.blog-kw-list {
  columns: 2;
  column-gap: 24px;
}
.blog-article-cta {
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}
.blog-post-page .page-inner {
  max-width: 820px;
}
@media (max-width: 640px) {
  .blog-article-full { padding: 22px 20px; }
  .blog-kw-list { columns: 1; }
}

.contact-layout {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 28px;
  align-items: start;
}
.contact-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-card {
  padding: 22px 24px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-sm);
}
.contact-card h3 {
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 800;
}
.contact-card p {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-secondary);
  line-height: 1.6;
}
.contact-card a { color: var(--brand); font-weight: 600; }
.contact-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.contact-social .social-link {
  background: var(--brand-soft);
  border-color: rgba(0, 64, 128, 0.12);
  color: var(--brand);
}
.contact-social .social-link:hover {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 64, 128, 0.18);
  text-decoration: none;
}
html[data-theme="dark"] .contact-social .social-link {
  background: rgba(0, 176, 160, 0.1);
  border-color: rgba(0, 176, 160, 0.22);
  color: var(--brand-2);
}
html[data-theme="dark"] .contact-social .social-link:hover {
  background: rgba(0, 176, 160, 0.28);
  border-color: var(--brand-2);
  color: #fff;
  box-shadow: 0 6px 16px rgba(0, 176, 160, 0.2);
}
.contact-form-card {
  padding: 28px 30px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--shadow-sm);
}
.contact-form-card h2 {
  margin: 0 0 20px;
  font-size: 1.15rem;
  font-weight: 800;
}
.contact-field {
  margin-bottom: 16px;
}
.contact-field label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.82rem;
  font-weight: 700;
  color: var(--text-secondary);
}
.contact-field input,
.contact-field textarea,
.contact-field select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg);
  color: var(--text);
  font-size: 0.92rem;
  font-family: inherit;
  transition: border-color var(--transition), box-shadow var(--transition);
}
.contact-field input:focus,
.contact-field textarea:focus,
.contact-field select:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-soft);
}
.contact-field textarea { min-height: 120px; resize: vertical; }
.contact-success {
  margin-top: 16px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
  font-size: 0.88rem;
  font-weight: 600;
}
html[data-theme="dark"] .contact-success {
  background: #064e3b;
  border-color: #065f46;
  color: #6ee7b7;
}

/* ══ HOME PAGE ══ */
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
.contact-card--accent {
  background: linear-gradient(135deg, rgba(109, 94, 252, 0.08), rgba(255, 138, 76, 0.06));
  border-color: rgba(109, 94, 252, 0.2);
}

/* ── Ana sayfa: sade arama ── */
.se-home {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(48px, 10vh, 88px) 0 40px;
}
.se-home-core {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  text-align: center;
}
.se-home-title {
  margin: 0 0 8px;
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3.6vw, 1.95rem);
  font-weight: 800;
  letter-spacing: -0.035em;
  line-height: 1.2;
  color: var(--text);
}
.se-home-sub {
  margin: 0 0 24px;
  font-size: 0.86rem;
  font-weight: 500;
  color: var(--text-muted);
}
.se-search-wrap {
  position: relative;
  width: 100%;
  text-align: left;
  z-index: 20;
}
.se-search-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 5px 5px 5px 0;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
  box-shadow: 0 2px 12px rgba(0, 42, 84, 0.04);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.se-search-box:hover {
  border-color: color-mix(in srgb, var(--brand-2) 22%, var(--border));
}
.se-search-box:focus-within {
  border-color: color-mix(in srgb, var(--brand-2) 38%, var(--border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-2) 10%, transparent);
}
.se-search-icon {
  flex-shrink: 0;
  margin-left: 16px;
  width: 18px;
  height: 18px;
  color: var(--text-muted);
  pointer-events: none;
}
.se-search-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.se-search-box input {
  flex: 1;
  min-width: 0;
  padding: 13px 6px;
  border: none;
  background: transparent;
  font-size: 1rem;
  font-family: inherit;
  font-weight: 500;
  color: var(--text);
}
.se-search-box input:focus { outline: none; }
.se-search-box input::placeholder { color: var(--text-muted); }
.se-search-go {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-right: 2px;
  border: none;
  border-radius: 12px;
  background: var(--corp-navy-mid);
  color: #fff;
  cursor: pointer;
  transition: background var(--transition), opacity var(--transition);
}
.se-search-go svg {
  width: 18px;
  height: 18px;
}
.se-search-go:hover {
  background: var(--corp-navy);
}
.se-search-panel {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  padding: 6px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: 0 10px 36px rgba(0, 42, 84, 0.1);
  max-height: min(52vh, 380px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.se-search-panel[hidden] { display: none !important; }
.se-search-panel-meta {
  margin: 2px 8px 6px;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.se-search-panel-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.se-result-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 10px;
  border-radius: 10px;
  text-decoration: none;
  color: inherit;
  transition: background var(--transition);
}
.se-result-item:hover,
.se-result-item.is-active {
  background: color-mix(in srgb, var(--cat-color, var(--brand)) 8%, var(--surface));
  text-decoration: none;
}
.se-result-icon {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  flex-shrink: 0;
}
.se-result-icon svg {
  width: 16px;
  height: 16px;
}
.se-result-body {
  display: flex;
  flex-direction: column;
  gap: 1px;
  min-width: 0;
}
.se-result-body strong {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.se-result-body strong mark {
  background: color-mix(in srgb, var(--brand) 18%, transparent);
  color: inherit;
  border-radius: 3px;
  padding: 0 2px;
}
.se-result-body small {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
}
.se-search-empty {
  margin: 8px 10px 12px;
  font-size: 0.84rem;
  color: var(--text-muted);
  line-height: 1.5;
}
.se-search-hint {
  margin: 12px 0 0;
  font-size: 0.74rem;
  font-weight: 500;
  color: var(--text-muted);
  text-align: center;
}
.se-search-hint kbd {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 5px;
  border: 1px solid var(--border);
  background: var(--surface-2);
  font-family: inherit;
  font-size: 0.7rem;
  font-weight: 700;
  color: var(--text-secondary);
}
body.se-search-open { overflow: hidden; }
@media (max-width: 640px) {
  .se-home {
    padding: max(28px, env(safe-area-inset-top)) 0 20px;
  }
  .home-page .page-inner--search {
    padding: 0 16px 28px;
  }
  .se-home-title {
    font-size: clamp(1.55rem, 7vw, 2rem);
  }
  .se-search-hint { display: none; }
  .se-search-box input {
    font-size: 16px;
  }
  .se-search-panel {
    position: fixed;
    left: 16px;
    right: 16px;
    top: 72px;
    max-height: min(50vh, 320px);
    box-shadow: 0 16px 48px rgba(0, 32, 72, 0.18);
  }
}
.se-chips-block {
  margin-top: 28px;
  text-align: center;
}
.se-chips-label {
  display: block;
  margin-bottom: 8px;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.se-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}
.se-chip {
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--border);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-decoration: none;
  transition: color var(--transition), border-color var(--transition), background var(--transition);
}
.se-chip:hover {
  color: var(--brand);
  border-color: color-mix(in srgb, var(--brand-2) 35%, var(--border));
  background: color-mix(in srgb, var(--brand) 4%, var(--surface));
  text-decoration: none;
}
.se-home-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  margin-top: 24px;
}
.se-home-nav-link {
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-muted);
  text-decoration: none;
  transition: color var(--transition);
}
.se-home-nav-link:hover {
  color: var(--brand);
  text-decoration: underline;
}
.se-home-seo {
  max-width: 720px;
  margin: 48px auto 0;
  padding: 28px 24px 8px;
  text-align: center;
  border-top: 1px solid var(--border);
}
.se-home-seo-title {
  margin: 0 0 12px;
  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
}
.se-home-seo-lead {
  margin: 0 0 20px;
  font-size: 0.9rem;
  line-height: 1.65;
  color: var(--text-secondary);
}
.se-home-seo-sub {
  margin: 0 0 10px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.se-home-seo-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.se-home-seo-list a {
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--brand);
  text-decoration: none;
}
.se-home-seo-list a:hover {
  text-decoration: underline;
}
.se-home-seo-faq {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.se-home-faq-item {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  overflow: hidden;
}
.se-home-faq-item summary {
  padding: 12px 14px;
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text);
  cursor: pointer;
  list-style: none;
}
.se-home-faq-item summary::-webkit-details-marker { display: none; }
.se-home-faq-item p {
  margin: 0;
  padding: 0 14px 12px;
  font-size: 0.84rem;
  line-height: 1.55;
  color: var(--text-secondary);
}
.cat-explorer--passive {
  margin-top: 16px;
}
html[data-theme="dark"] .se-search-box {
  background: var(--surface);
  border-color: var(--border);
}
html[data-theme="dark"] .se-search-panel {
  background: var(--surface);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .se-chip {
  background: var(--surface);
}

.hero-modern {
  position: relative;
  margin-bottom: 40px;
  padding: 8px 0 4px;
}
.hero-modern-grid {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 28px;
  align-items: stretch;
}
.hero-modern-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}
.hero-modern h1 {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4.8vw, 3.35rem);
  font-weight: 800;
  letter-spacing: -0.045em;
  line-height: 1.05;
  color: var(--text);
  margin-bottom: 14px;
}
.hero-modern h1 span {
  background: linear-gradient(120deg, var(--brand) 0%, var(--brand-2) 55%, #38bdf8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero-modern-lead {
  font-size: 1.05rem;
  color: var(--text-secondary);
  line-height: 1.65;
  margin-bottom: 26px;
  max-width: 520px;
}
.hero-modern-lead strong {
  color: var(--brand);
  font-weight: 800;
}

.hero-search {
  position: relative;
  max-width: 560px;
  margin-bottom: 18px;
}
.hero-search--modern input {
  width: 100%;
  padding: 18px 22px 18px 54px;
  border: 1px solid var(--border);
  border-radius: 18px;
  font-size: 1.02rem;
  font-family: inherit;
  font-weight: 500;
  background: #fff;
  color: var(--text);
  box-shadow: 0 8px 32px rgba(0, 42, 84, 0.07), 0 1px 0 rgba(255, 255, 255, 0.9) inset;
  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}
.hero-search--modern input::placeholder { color: var(--text-muted); }
.hero-search--modern input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--brand-2) 55%, var(--border));
  box-shadow: 0 12px 40px rgba(0, 61, 122, 0.1), 0 0 0 4px color-mix(in srgb, var(--brand-2) 14%, transparent);
  transform: translateY(-1px);
}
.hero-search--modern .hero-search-icon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--text-muted);
  pointer-events: none;
}
.hero-search--modern .hero-search-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-modern-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--text-muted);
}
.hero-modern-meta strong {
  color: var(--text);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.hero-modern-meta-sep { opacity: 0.45; }
.hero-modern-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.hero-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 10px rgba(34, 197, 94, 0.5);
  animation: pulse 2s ease infinite;
}
.hero-modern-live strong.is-updating {
  color: var(--brand-2);
}

.hero-bento {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-content: center;
}
.hero-bento-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 18px 18px 16px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: #fff;
  text-decoration: none;
  color: inherit;
  box-shadow: 0 4px 20px rgba(0, 42, 84, 0.05);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
  min-height: 88px;
}
.hero-bento-card:hover {
  text-decoration: none;
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(0, 42, 84, 0.1);
}
.hero-bento-card--featured {
  grid-column: span 2;
  padding: 22px 22px 20px;
  min-height: 96px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 92%, #000) 0%, color-mix(in srgb, var(--brand-2) 75%, #000) 100%);
  border-color: transparent;
  color: #fff;
}
.hero-bento-card--featured .hero-bento-hint { color: rgba(255, 255, 255, 0.72); }
.hero-bento-card--featured:hover { box-shadow: 0 18px 44px rgba(0, 61, 122, 0.28); }
.hero-bento-card--blue { border-top: 3px solid #3b82f6; }
.hero-bento-card--teal { border-top: 3px solid var(--brand-2); }
.hero-bento-card--violet { border-top: 3px solid #8b5cf6; }
.hero-bento-card--amber { border-top: 3px solid #f59e0b; }
.hero-bento-label {
  font-size: 0.95rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
}
.hero-bento-card--featured .hero-bento-label { color: #fff; font-size: 1.08rem; }
.hero-bento-hint {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
}

.section-head {
  margin-bottom: 24px;
}
.section-head h2 {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  margin-bottom: 6px;
  position: relative;
  display: inline-block;
}

.section-head p {
  font-size: 0.92rem;
  color: var(--text-muted);
}
.glass-panel {
  padding: 20px 24px;
  margin-bottom: 28px;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

/* Quick links */
.quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
  align-items: center;
}
.quick-links-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text-muted);
  margin-right: 6px;
}
.quick-link {
  padding: 8px 14px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  font-size: 0.84rem;
  font-weight: 600;
  color: var(--text-secondary);
  transition: all var(--transition);
}
.quick-link:hover {
  border-color: color-mix(in srgb, var(--brand-2) 40%, var(--border));
  color: var(--brand);
  background: #fff;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0, 42, 84, 0.06);
}

/* Kategori gezgini */
.cat-explorer {
  margin-bottom: 40px;
}
#kategoriler {
  scroll-margin-top: 96px;
}

/* Kurumsal katalog v2 — sade başlık + dropdown + ferah liste */
.cat-explorer--v2 {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 42, 84, 0.05);
}
.corp-v2-head {
  padding: 22px 28px 18px;
  border-bottom: 1px solid var(--border);
}
.corp-v2-head h2 {
  margin: 0 0 4px;
  font-family: var(--font-display);
  font-size: 1.35rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: var(--text);
}
.corp-v2-head-meta {
  margin: 0;
  font-size: 0.86rem;
  font-weight: 600;
  color: var(--text-muted);
}
.corp-v2-head-meta strong {
  color: var(--text);
  font-weight: 800;
}
.corp-v2-picker-row {
  padding: 16px 28px;
  background: #fafbfc;
  border-bottom: 1px solid var(--border);
}
.corp-v2-picker {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 420px;
}
.corp-v2-picker-label {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.corp-v2-select {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  color: var(--text);
  font-family: inherit;
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
  transition: border-color var(--transition), box-shadow var(--transition);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b849c' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 40px;
}
.corp-v2-select:hover {
  border-color: color-mix(in srgb, var(--brand) 25%, var(--border));
}
.corp-v2-select:focus {
  outline: none;
  border-color: var(--brand-2);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand-2) 14%, transparent);
}
.cat-explorer--v2 .cat-panel.cat-panel--v2 {
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: #fff;
  animation: none;
}
.corp-v2-panel-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 28px 0;
}
.corp-v2-panel-top h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--text);
}
.corp-v2-panel-count {
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--cat-color, var(--brand-2));
  white-space: nowrap;
}
.corp-v2-tools-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 28px 20px;
}
.corp-v2-tool-link {
  display: block;
  padding: 13px 16px;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-decoration: none;
  transition: border-color var(--transition), background var(--transition), color var(--transition);
}
.corp-v2-tool-link:hover {
  border-color: color-mix(in srgb, var(--brand-2) 35%, var(--border));
  background: var(--brand-soft);
  color: var(--brand);
  text-decoration: none;
}
.corp-v2-show-more {
  display: block;
  width: calc(100% - 56px);
  margin: 0 28px 24px;
  padding: 12px 16px;
  border: 1px dashed color-mix(in srgb, var(--brand) 25%, var(--border));
  border-radius: 11px;
  background: #fafbfc;
  color: var(--brand);
  font-family: inherit;
  font-size: 0.86rem;
  font-weight: 700;
  cursor: pointer;
  transition: background var(--transition), border-color var(--transition);
}
.corp-v2-show-more:hover {
  background: var(--brand-soft);
  border-color: var(--brand-2);
}
.cat-nav {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
  gap: 10px;
  margin-bottom: 20px;
}
.cat-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 14px 10px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(10px);
  cursor: pointer;
  font-family: inherit;
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);
  box-shadow: var(--shadow-sm);
}
.cat-nav-item:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--cat-color) 28%, var(--border));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--cat-color) 10%, transparent);
}
.cat-nav-item.is-active {
  border-color: color-mix(in srgb, var(--cat-color) 32%, var(--border));
  border-top: 2px solid var(--cat-color);
  background: color-mix(in srgb, var(--cat-color) 5%, white);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--cat-color) 12%, transparent);
}


.cat-glyph {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--cat-color);
  background: linear-gradient(145deg, color-mix(in srgb, var(--cat-color) 7%, white), color-mix(in srgb, var(--cat-color) 3%, white));
  border: 1px solid color-mix(in srgb, var(--cat-color) 20%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
.cat-glyph svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  flex-shrink: 0;
}
.cat-nav-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.cat-nav-item.is-active .cat-nav-icon {
  background: color-mix(in srgb, var(--cat-color) 12%, white);
  border-color: color-mix(in srgb, var(--cat-color) 35%, transparent);
}
.cat-nav-label {
  font-size: 0.8rem;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.02em;
  text-align: center;
  line-height: 1.2;
}
.cat-nav-count {
  font-size: 0.68rem;
  font-weight: 700;
  color: var(--cat-color);
  background: color-mix(in srgb, var(--cat-color) 12%, white);
  padding: 2px 8px;
  border-radius: 999px;
}
.cat-panel {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: var(--shadow);
  animation: panelIn 0.35s ease;
}
@keyframes panelIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.cat-panel-head {
  padding: 20px 24px;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 7%, white), #fff);
}
.cat-panel-title {
  display: flex;
  align-items: center;
  gap: 14px;
}
.cat-panel-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
}
.cat-panel-icon svg {
  width: 22px;
  height: 22px;
}
.cat-panel-title h3 {
  margin: 0 0 2px;
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.cat-panel-title p {
  margin: 0;
  font-size: 0.82rem;
  color: var(--text-muted);
  font-weight: 600;
}
.cat-tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 8px;
  padding: 16px 18px 20px;
  max-height: 420px;
  overflow-y: auto;
}
.cat-tool-link {
  display: flex;
  align-items: center;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--text-secondary);
  border: 1px solid transparent;
  transition: all var(--transition);
}
.cat-tool-link::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand);
  opacity: 0.35;
  margin-right: 10px;
  flex-shrink: 0;
  transition: opacity var(--transition);
}
.cat-tool-link:hover {
  background: var(--brand-soft);
  border-color: color-mix(in srgb, var(--brand) 20%, transparent);
  color: var(--brand);
  text-decoration: none;
  padding-left: 18px;
}
.cat-tool-link:hover::before { opacity: 1; }

.search-results-panel {
  margin-bottom: 36px;
  animation: panelIn 0.3s ease;
}
.section-head--compact { margin-bottom: 16px; }
.search-results-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 10px;
}
.search-result-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--border);
  border-radius: 14px;
  text-decoration: none;
  transition: all var(--transition);
  box-shadow: var(--shadow-sm);
}
.search-result-card:hover {
  border-color: color-mix(in srgb, var(--cat-color) 40%, var(--border));
  transform: translateY(-2px);
  box-shadow: var(--shadow);
  text-decoration: none;
}
.search-result-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
}
.search-result-icon svg {
  width: 19px;
  height: 19px;
}
.search-result-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.search-result-body strong {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-result-body small {
  font-size: 0.74rem;
  color: var(--text-muted);
  font-weight: 600;
}
.search-result-arrow {
  color: var(--text-muted);
  font-size: 1rem;
  flex-shrink: 0;
  transition: transform var(--transition);
}
.search-result-card:hover .search-result-arrow {
  transform: translateX(3px);
  color: var(--cat-color);
}

.cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 24px;
}
.cat-card {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
  animation: cardIn 0.5s ease backwards;
  position: relative;
}
.cat-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cat-color), transparent);
  opacity: 0.85;
}
.cat-card:nth-child(1) { animation-delay: 0.05s; }
.cat-card:nth-child(2) { animation-delay: 0.1s; }
.cat-card:nth-child(3) { animation-delay: 0.15s; }
.cat-card:nth-child(4) { animation-delay: 0.2s; }
.cat-card:nth-child(5) { animation-delay: 0.25s; }
.cat-card:nth-child(6) { animation-delay: 0.3s; }
@keyframes cardIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}
.cat-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}
.cat-card-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 20px 24px;
  font-weight: 800;
  font-size: 0.97rem;
  color: var(--text);
  border-bottom: 1px solid var(--border);
  background: linear-gradient(135deg, color-mix(in srgb, var(--cat-color) 6%, white), #fff);
  position: relative;
}
.cat-card-head::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--cat-color), color-mix(in srgb, var(--cat-color) 50%, var(--brand-2)));
}
.cat-icon {
  width: 44px;
  height: 44px;
  border-radius: 11px;
}
.cat-icon svg {
  width: 20px;
  height: 20px;
}
.cat-card-head .cat-title { flex: 1; letter-spacing: -0.02em; }
.cat-card-head .count {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--cat-color);
  background: color-mix(in srgb, var(--cat-color) 10%, white);
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid color-mix(in srgb, var(--cat-color) 18%, transparent);
}
.cat-card-body { padding: 16px 18px 20px; }
.tool-grid {
  display: flex;
  flex-direction: column;
  gap: 3px;
  list-style: none;
}
.tool-grid a {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 14px;
  border-radius: var(--radius-sm);
  font-size: 0.89rem;
  font-weight: 500;
  color: var(--text-secondary);
  transition: all var(--transition);
}
.tool-grid a::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--cat-color, var(--brand));
  opacity: 0.35;
  flex-shrink: 0;
  transition: opacity var(--transition), transform var(--transition);
}
.tool-grid a:hover {
  background: color-mix(in srgb, var(--cat-color) 8%, white);
  color: var(--cat-color);
  text-decoration: none;
  padding-left: 18px;
}
.tool-grid a:hover::before { opacity: 1; transform: scale(1.2); }

.empty-state {
  text-align: center;
  padding: 64px 28px;
  color: var(--text-muted);
  font-size: 1.02rem;
  font-weight: 600;
  background: rgba(255, 255, 255, 0.85);
  border-radius: var(--radius);
  border: 1px dashed var(--border);
}

/* ── Ticker ── */
.ticker-bar {
  background: linear-gradient(90deg, #003060, #004080, #003060);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  color: #fff;
}
.ticker-row {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}
.ticker-row--info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 24px;
  flex-wrap: wrap;
}
.ticker-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  min-width: 0;
}
.ticker-clock {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-shrink: 0;
  padding-right: 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
}
.ticker-time {
  font-size: 1.25rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  color: #fff;
  line-height: 1.2;
}
.ticker-date {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  text-transform: capitalize;
}
.ticker-weather {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 8px 16px;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
.ticker-weather-icon { font-size: 1.4rem; line-height: 1; }
.ticker-weather-temp {
  font-size: 1.15rem;
  font-weight: 800;
  color: #5eead4;
}
.ticker-weather-city {
  font-size: 0.85rem;
  font-weight: 700;
  color: #fff;
}
.ticker-weather-desc {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 500;
}
.ticker-rates {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  padding: 2px 0;
}
.ticker-rate {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px 6px 8px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 999px;
  white-space: nowrap;
  flex-shrink: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.ticker-rate:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
}
.ticker-rate-symbol {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 0.95rem;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
.ticker-rate--usd .ticker-rate-symbol {
  background: linear-gradient(135deg, #22c55e, #15803d);
  box-shadow: 0 2px 10px rgba(34, 197, 94, 0.45);
}
.ticker-rate--eur .ticker-rate-symbol {
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  box-shadow: 0 2px 10px rgba(59, 130, 246, 0.45);
}
.ticker-rate--gbp .ticker-rate-symbol {
  background: linear-gradient(135deg, #a855f7, #7c3aed);
  box-shadow: 0 2px 10px rgba(168, 85, 247, 0.45);
}
.ticker-rate--chf .ticker-rate-symbol {
  background: linear-gradient(135deg, #ef4444, #b91c1c);
  box-shadow: 0 2px 10px rgba(239, 68, 68, 0.4);
}
.ticker-rate--sar .ticker-rate-symbol {
  background: linear-gradient(135deg, #14b8a6, #0f766e);
  box-shadow: 0 2px 10px rgba(20, 184, 166, 0.4);
}
.ticker-rate--bist .ticker-rate-symbol {
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 2px 10px rgba(245, 158, 11, 0.45);
  font-size: 0.82rem;
  font-weight: 800;
}
.ticker-rate-value {
  font-size: 0.88rem;
  font-weight: 800;
  color: #fff;
  font-variant-numeric: tabular-nums;
}
.ticker-rate-change {
  font-size: 0.78rem;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 6px;
}
.ticker-rate-change.up { color: #34d399; background: rgba(52, 211, 153, 0.15); }
.ticker-rate-change.down { color: #f87171; background: rgba(248, 113, 113, 0.15); }
.ticker-wait, .ticker-err {
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  padding: 4px 0;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  background: transparent;
  border: 1px solid rgba(0, 64, 128, 0.1);
  border-radius: 10px;
  cursor: pointer;
  font-family: inherit;
  color: var(--text-muted);
  transition: background var(--transition), border-color var(--transition), color var(--transition);
}
.theme-toggle:hover {
  background: rgba(0, 64, 128, 0.05);
  border-color: rgba(0, 64, 128, 0.16);
  color: var(--text);
}
.theme-toggle.is-dark {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.72);
}
.theme-toggle-icon { font-size: 0.92rem; line-height: 1; }

/* Search dropdown */
.hero-search, .header-search { position: relative; }
.search-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 300;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  max-height: min(55vh, 420px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 6px;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.search-dropdown--fixed {
  position: fixed;
  top: auto;
  left: auto;
  right: auto;
  z-index: 1200;
}
.search-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  background: transparent;
  border-radius: var(--radius-xs);
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition: background var(--transition);
}
.search-item:hover, .search-item.active { background: var(--brand-soft); }
.search-item-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
}
.search-item-icon svg {
  width: 17px;
  height: 17px;
}
.search-item-body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.search-item-body strong { font-size: 0.88rem; color: var(--text); font-weight: 700; }
.search-item-body small { font-size: 0.74rem; color: var(--text-muted); }
.search-item mark { background: color-mix(in srgb, var(--brand) 25%, transparent); color: inherit; border-radius: 3px; padding: 0 2px; }

/* User tools */
.user-tools {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 28px;
}
.user-tools-block { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.user-tools-label {
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  min-width: 120px;
}
.user-tools-links { display: flex; flex-wrap: wrap; gap: 8px; }

/* Tool layout — tek sütun, geniş alan */
.tool-layout-wrap { max-width: 1120px !important; }
.tool-layout {
  display: block;
  width: 100%;
}
.tool-main {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}
.tool-head-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.btn-fav {
  background: transparent;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  width: 38px; height: 38px;
  font-size: 1.2rem;
  cursor: pointer;
  color: var(--text-muted);
  transition: all var(--transition);
}
.btn-fav.is-on { color: #f59e0b; border-color: #fcd34d; background: #fffbeb; }
.btn-fav:hover { transform: scale(1.08); }

/* ── Araç sayfaları — v3 (sade, tek odak) ── */
body.tool-page--v3:not(.tool-embed) .bg-orb { opacity: 0.14; }
body.tool-page--v3:not(.tool-embed) .bg-mesh { opacity: 0.45; }

body.tool-page--v3:not(.tool-embed) .page-inner.tool-shell {
  max-width: 1120px;
  padding: 32px 28px 72px;
}

body.tool-page--v3:not(.tool-embed) .tool-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--text-muted);
  text-decoration: none;
  transition: color var(--transition);
}
body.tool-page--v3:not(.tool-embed) .tool-back:hover {
  color: var(--brand);
  text-decoration: none;
}
body.tool-page--v3:not(.tool-embed) .tool-back-icon {
  font-size: 0.9rem;
  line-height: 1;
  opacity: 0.7;
}

body.tool-page--v3:not(.tool-embed) .tool-workspace {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 42, 84, 0.06);
  overflow: visible;
}

body.tool-page--v3:not(.tool-embed) .tool-hero {
  padding: 28px 32px 0;
}
body.tool-page--v3:not(.tool-embed) .tool-hero-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
body.tool-page--v3:not(.tool-embed) .tool-hero h1 {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.55rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.28;
  color: var(--text);
}
body.tool-page--v3:not(.tool-embed) .tool-tagline {
  margin: 10px 0 0;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--text-muted);
  max-width: 52ch;
}
body.tool-page--v3:not(.tool-embed) .tool-meta-bar {
  margin-top: 18px;
  padding: 12px 14px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-radius: 12px;
  font-size: 0.82rem;
}
body.tool-page--v3:not(.tool-embed) .tool-meta-bar:empty {
  display: none;
}
body.tool-page--v3:not(.tool-embed) .tool-meta-bar[hidden] {
  display: none !important;
}

body.tool-page--v3:not(.tool-embed) .btn-fav {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  font-size: 1.05rem;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #fff;
}
body.tool-page--v3:not(.tool-embed) .btn-fav:hover {
  transform: none;
  background: #f8fafc;
  border-color: color-mix(in srgb, var(--brand) 22%, var(--border));
}

body.tool-page--v3:not(.tool-embed) .tool-panel-body {
  padding: 24px 32px 8px;
}
body.tool-page--v3:not(.tool-embed) .tool-panel-body > .alert {
  margin-bottom: 16px;
}
body.tool-page--v3:not(.tool-embed) .calc-form.hn-form .field-item,
body.tool-page--v3:not(.tool-embed) .calc-form--native .native-field {
  border-bottom: 1px solid var(--border);
  padding: 16px 0;
  border-radius: 0;
}
body.tool-page--v3:not(.tool-embed) .calc-form.hn-form .field-body--split {
  gap: 18px;
}
body.tool-page--v3:not(.tool-embed) .calc-form.hn-form .field-item:last-child,
body.tool-page--v3:not(.tool-embed) .calc-form--native .native-field:last-child {
  border-bottom: none;
  padding-bottom: 4px;
}
body.tool-page--v3:not(.tool-embed) .form-hint {
  margin-top: 12px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid var(--border);
  border-left: 3px solid var(--brand-2);
  border-radius: 10px;
  font-size: 0.82rem;
}

body.tool-page--v3:not(.tool-embed) .tool-panel-foot {
  padding: 16px 24px 18px;
  border-top: 1px solid color-mix(in srgb, var(--border) 70%, transparent);
  background: var(--surface);
  border-radius: 0 0 20px 20px;
  overflow: visible;
}
body.tool-page--v3:not(.tool-embed) .tool-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.tool-page--v3:not(.tool-embed) .tool-act-main {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 42px;
  padding: 10px 22px;
  border: none;
  border-radius: 10px;
  background: var(--corp-navy, #003060);
  color: #fff;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: none;
  transition: background 0.15s ease, opacity 0.15s ease;
  -webkit-appearance: none;
  appearance: none;
}
body.tool-page--v3:not(.tool-embed) .tool-act-main::after { display: none; }
body.tool-page--v3:not(.tool-embed) .tool-act-main:hover:not(:disabled) {
  background: var(--corp-navy-mid, #004080);
  transform: none;
  box-shadow: none;
}
body.tool-page--v3:not(.tool-embed) .tool-act-main:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}
body.tool-page--v3:not(.tool-embed) .tool-act-main.is-loading .btn-label::after {
  content: "…";
}
body.tool-page--v3:not(.tool-embed) .tool-act-toolbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--border) 22%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--border) 75%, transparent);
  box-sizing: border-box;
}
body.tool-page--v3:not(.tool-embed) .tool-act-toolbar-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
}
body.tool-page--v3:not(.tool-embed) .tool-act-mini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-height: 28px;
  padding: 5px 11px;
  border: none;
  border-radius: 7px;
  background: transparent;
  font: inherit;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-secondary);
  cursor: pointer;
  white-space: nowrap;
  transition: color 0.15s ease, background 0.15s ease;
  -webkit-appearance: none;
  appearance: none;
}
body.tool-page--v3:not(.tool-embed) .tool-act-mini:hover {
  color: var(--brand, #00b0a0);
  background: color-mix(in srgb, var(--brand, #00b0a0) 8%, var(--surface));
}
body.tool-page--v3:not(.tool-embed) .tool-act-mini--icon {
  min-width: 32px;
  padding: 5px 8px;
  font-size: 1.05rem;
  line-height: 1;
}
body.tool-page--v3:not(.tool-embed) .tool-act-mini--report {
  align-self: center;
  margin: 0;
  padding: 4px 10px;
  font-size: 0.74rem;
  font-weight: 500;
  color: var(--text-muted);
}
body.tool-page--v3:not(.tool-embed) .tool-act-mini--report:hover {
  color: #b45309;
  background: color-mix(in srgb, #d97706 8%, var(--surface));
}
body.tool-page--v3:not(.tool-embed) .tool-actions-more {
  position: relative;
  z-index: 12;
  display: inline-flex;
  flex: 0 0 auto;
}

body.tool-page--v3:not(.tool-embed) .tool-actions-menu {
  position: absolute;
  right: 0;
  bottom: calc(100% + 6px);
  min-width: 140px;
  padding: 4px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 8px 24px color-mix(in srgb, #0f172a 10%, transparent);
  z-index: 50;
}
body.tool-page--v3:not(.tool-embed) .tool-actions-menu-item {
  display: block;
  width: 100%;
  padding: 8px 10px;
  border: none;
  border-radius: 6px;
  background: none;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-align: left;
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease;
}
body.tool-page--v3:not(.tool-embed) .tool-actions-menu-item:hover {
  background: color-mix(in srgb, var(--brand, #00b0a0) 8%, var(--surface));
  color: var(--brand, #00b0a0);
}

body.tool-page--v3:not(.tool-embed) .result-card--v3 {
  margin-top: 20px;
  background: #f8fcfb;
  border: 1px solid color-mix(in srgb, var(--success) 24%, var(--border));
  border-radius: 14px;
  overflow: hidden;
}
body.tool-page--v3:not(.tool-embed) .result-card--v3 .result-summary {
  padding: 14px 18px;
  font-size: 1.02rem;
  font-weight: 800;
  color: #0a6e63;
  border-bottom: 1px solid color-mix(in srgb, var(--success) 18%, var(--border));
  background: transparent;
  letter-spacing: -0.02em;
}
body.tool-page--v3:not(.tool-embed) .result-card--v3 .result-toolbar {
  padding: 8px 14px;
  border-bottom: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.6);
}
body.tool-page--v3:not(.tool-embed) .result-card--v3 .result-body {
  padding: 14px 18px 18px;
}

body.tool-page--v3:not(.tool-embed) .tool-extra {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: relative;
  z-index: 2;
}
body.tool-page--v3:not(.tool-embed) .tool-extra .tool-ai-cite,
body.tool-page--v3:not(.tool-embed) .tool-extra .related-tools-section,
body.tool-page--v3:not(.tool-embed) .tool-extra .related-blog-section,
body.tool-page--v3:not(.tool-embed) .tool-extra .faq-card,
body.tool-page--v3:not(.tool-embed) .tool-extra .seo-tags-section {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
body.tool-page--v3:not(.tool-embed) .tool-extra-block:empty {
  display: none;
}
body.tool-page--v3:not(.tool-embed) .tool-extra-title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
/* "Bu araç hakkında" — UI gizli (SSS yeterli); JSON-LD SEO için js/seo.js'te kalır */
.hk-ai-cite-static,
.tool-ai-cite {
  display: none !important;
}
.hk-ai-cite-static-legacy {
  max-width: 820px;
  margin: 16px auto 0;
  padding: 0 28px;
  font-size: 0.9rem;
  line-height: 1.55;
  color: var(--text-secondary);
}
.hk-ai-faq-static {
  margin-top: 16px;
}
.hk-ai-faq-static h2 {
  margin: 0 0 10px;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
}
.hk-ai-faq-static h3 {
  margin: 14px 0 6px;
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--text);
}
.hk-ai-faq-static p {
  margin: 0 0 8px;
  font-size: 0.88rem;
  line-height: 1.55;
}
.tool-ai-faq-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}
.tool-ai-faq-item {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  overflow: hidden;
}
.tool-ai-faq-item summary {
  padding: 11px 14px;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text);
  cursor: pointer;
  list-style: none;
}
.tool-ai-faq-item summary::-webkit-details-marker { display: none; }
.tool-ai-faq-item p {
  margin: 0;
  padding: 0 14px 12px;
  font-size: 0.86rem;
  line-height: 1.55;
  color: var(--text-secondary);
}
.tool-ai-cite {
  margin-bottom: 20px;
}
.tool-ai-cite-lead {
  margin: 10px 0 0;
  font-size: 0.92rem;
  line-height: 1.6;
  color: var(--text-secondary);
}
.tool-ai-qa {
  margin: 14px 0 0;
  padding: 14px 16px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--brand) 5%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--brand) 14%, var(--border));
}
.tool-ai-q {
  margin: 0 0 8px;
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--text);
}
.tool-ai-a {
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-secondary);
}
.tool-ai-cite-source {
  margin: 12px 0 0;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.tool-ai-cite-source a {
  font-weight: 700;
  color: var(--brand);
  text-decoration: none;
}
.tool-ai-cite-source a:hover {
  text-decoration: underline;
}
body.tool-page--v3:not(.tool-embed) .related-tools-head,
body.tool-page--v3:not(.tool-embed) .related-blog-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

body.tool-page--v3:not(.tool-embed) .related-tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px;
}
body.tool-page--v3:not(.tool-embed) .related-tool-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--cat-color, var(--border)) 18%, var(--border));
  background: linear-gradient(145deg, color-mix(in srgb, var(--cat-color, #2563eb) 4%, var(--surface)) 0%, var(--surface) 70%);
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
  box-shadow: 0 4px 16px color-mix(in srgb, var(--cat-color, #0f172a) 5%, transparent);
}
body.tool-page--v3:not(.tool-embed) .related-tool-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--cat-color, var(--brand)) 42%, var(--border));
  box-shadow: 0 10px 28px color-mix(in srgb, var(--cat-color, #0f172a) 12%, transparent);
  text-decoration: none;
}
body.tool-page--v3:not(.tool-embed) .related-tool-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--cat-color, #2563eb) 12%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--cat-color, #2563eb) 22%, var(--border));
  color: var(--cat-color, #2563eb);
}
body.tool-page--v3:not(.tool-embed) .related-tool-icon svg { width: 18px; height: 18px; }
body.tool-page--v3:not(.tool-embed) .related-tool-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
body.tool-page--v3:not(.tool-embed) .related-tool-title {
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.3;
}
body.tool-page--v3:not(.tool-embed) .related-tool-cat {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--cat-color, var(--text-muted));
  opacity: 0.9;
}
body.tool-page--v3:not(.tool-embed) .related-tool-arrow {
  display: inline-flex;
  width: 20px;
  height: 20px;
  color: var(--cat-color, var(--text-muted));
  opacity: 0.55;
  flex-shrink: 0;
  transition: transform 0.18s ease, opacity 0.18s ease;
}
body.tool-page--v3:not(.tool-embed) .related-tool-arrow svg { width: 18px; height: 18px; }
body.tool-page--v3:not(.tool-embed) .related-tool-card:hover .related-tool-arrow {
  opacity: 1;
  transform: translateX(3px);
}
body.tool-page--v3:not(.tool-embed) .related-blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 10px;
}
body.tool-page--v3:not(.tool-embed) .related-blog-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: var(--surface);
  text-decoration: none;
  color: inherit;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
body.tool-page--v3:not(.tool-embed) .related-blog-card:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--brand, #00b0a0) 35%, var(--border));
  box-shadow: 0 8px 24px color-mix(in srgb, var(--brand, #00b0a0) 10%, transparent);
  text-decoration: none;
}
body.tool-page--v3:not(.tool-embed) .related-blog-icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: color-mix(in srgb, var(--brand, #00b0a0) 10%, var(--surface));
  color: var(--brand, #00b0a0);
  flex-shrink: 0;
}
body.tool-page--v3:not(.tool-embed) .related-blog-icon svg { width: 18px; height: 18px; }
body.tool-page--v3:not(.tool-embed) .related-blog-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
body.tool-page--v3:not(.tool-embed) .related-blog-title {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
body.tool-page--v3:not(.tool-embed) .related-blog-cat {
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
}
body.tool-page--v3:not(.tool-embed) .tool-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
body.tool-page--v3:not(.tool-embed) .tool-link-chip {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: #fff;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-secondary);
  text-decoration: none;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
  z-index: 1;
  transition: all var(--transition);
}
body.tool-page--v3:not(.tool-embed) .tool-link-chip:hover {
  border-color: color-mix(in srgb, var(--cat-color, var(--brand)) 30%, var(--border));
  color: var(--cat-color, var(--brand));
  background: color-mix(in srgb, var(--cat-color, var(--brand)) 6%, #fff);
  text-decoration: none;
}
body.tool-page--v3:not(.tool-embed) .tool-link-chip--blog {
  border-radius: 10px;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.tool-page--v3:not(.tool-embed) .faq-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.tool-page--v3:not(.tool-embed) .faq-item {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
body.tool-page--v3:not(.tool-embed) .faq-item summary {
  padding: 14px 16px;
  font-size: 0.88rem;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}
body.tool-page--v3:not(.tool-embed) .faq-item summary::-webkit-details-marker { display: none; }
body.tool-page--v3:not(.tool-embed) .faq-item[open] summary {
  border-bottom: 1px solid var(--border);
  background: #f8fafc;
}
body.tool-page--v3:not(.tool-embed) .faq-item p {
  margin: 0;
  padding: 14px 16px;
  font-size: 0.86rem;
  line-height: 1.65;
  color: var(--text-secondary);
}

body.tool-page--v3:not(.tool-embed) .tool-seo-fold {
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}
body.tool-page--v3:not(.tool-embed) .tool-seo-fold summary {
  padding: 12px 16px;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--text-muted);
  cursor: pointer;
  list-style: none;
}
body.tool-page--v3:not(.tool-embed) .tool-seo-fold summary::-webkit-details-marker { display: none; }
body.tool-page--v3:not(.tool-embed) .tool-seo-fold .seo-tags-block {
  margin: 0;
  padding: 12px 16px 16px;
  border: none;
  border-top: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.tool-page--v3:not(.tool-embed) .seo-tag {
  border-radius: 8px;
  background: #f8fafc;
  font-size: 0.78rem;
}

html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-workspace {
  background: rgba(15, 23, 42, 0.92);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-panel-foot {
  background: rgba(18, 24, 44, 0.55);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-meta-bar,
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .form-hint {
  background: rgba(18, 24, 44, 0.55);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-act-mini--report:hover {
  color: #fbbf24;
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-act-toolbar {
  background: rgba(18, 24, 44, 0.55);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .btn-fav,
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-link-chip,
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .faq-item,
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-seo-fold {
  background: rgba(18, 24, 44, 0.55);
}

html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .related-tool-card,
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .related-blog-card {
  background: rgba(18, 24, 44, 0.55);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-actions-menu {
  background: rgba(15, 23, 42, 0.98);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .result-card--v3 {
  background: rgba(15, 23, 42, 0.72);
  border-color: color-mix(in srgb, var(--success) 28%, var(--border));
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .result-card--v3 .result-summary {
  color: #6ee7b7;
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .result-card--v3 .result-toolbar {
  background: rgba(18, 24, 44, 0.45);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .faq-item[open] summary {
  background: rgba(18, 24, 44, 0.72);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-act-main {
  background: var(--brand);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-act-main:hover:not(:disabled) {
  background: var(--brand-hover);
}
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .tool-link-chip:hover,
html[data-theme="dark"] body.tool-page--v3:not(.tool-embed) .related-tool-card:hover {
  background: color-mix(in srgb, var(--cat-color, var(--brand)) 12%, rgba(18, 24, 44, 0.55));
}

@media (max-width: 768px) {
  body.tool-page--v3:not(.tool-embed) .page-inner.tool-shell {
    padding: 24px 16px 56px;
  }
  body.tool-page--v3:not(.tool-embed) .tool-hero,
  body.tool-page--v3:not(.tool-embed) .tool-panel-body,
  body.tool-page--v3:not(.tool-embed) .tool-panel-foot {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.tool-page--v3:not(.tool-embed) .tool-hero h1 {
    font-size: 1.32rem;
  }
  body.tool-page--v3:not(.tool-embed) .tool-act-toolbar-row {
    gap: 5px;
  }
  body.tool-page--v3:not(.tool-embed) .related-tools-grid,
  body.tool-page--v3:not(.tool-embed) .related-blog-grid {
    grid-template-columns: 1fr;
  }
}

.result-summary {
  padding: 16px 26px;
  font-size: 1.15rem;
  font-weight: 800;
  color: #065f46;
  border-bottom: 1px solid #a7f3d0;
  letter-spacing: -0.02em;
}
.result-card-head { justify-content: flex-start; }
.result-card-head .btn-sm { margin-left: auto; padding: 8px 16px; font-size: 0.82rem; }

/* Dark mode */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #060810;
  --bg-elevated: #0f1424;
  --surface: #12182c;
  --text: #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --border: rgba(0, 176, 160, 0.16);
  --header-bg: rgba(0, 24, 48, 0.97);
  --brand: #00b0a0;
  --brand-2: #00c8b4;
  --brand-3: #5eead4;
  --brand-hover: #00d4be;
  --brand-soft: rgba(0, 176, 160, 0.14);
  --brand-glow: rgba(0, 176, 160, 0.32);
  --shadow-sm: 0 2px 12px rgba(0, 0, 0, 0.35);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] body {
  background-color: var(--bg);
}
html[data-theme="dark"] .site-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.22);
}
html[data-theme="dark"] .site-nav a {
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .site-nav a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .nav-link--tools { color: rgba(255, 255, 255, 0.72); }
html[data-theme="dark"] .nav-link--tools:hover,
html[data-theme="dark"] .nav-item--tools.is-open .nav-link--tools {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .tools-mega { background: rgba(2, 6, 16, 0.72); }
@media (prefers-reduced-motion: reduce) {
  .tools-mega, .tools-mega-panel, .tools-mega-grid-wrap, .tools-mega-cat,
  .tools-mega-popular, .mobile-tools-body, .tools-mega-tool {
    transition: none !important;
    animation: none !important;
    transform: none !important;
  }
}
@media (max-width: 820px) {
  .tools-mega-body { grid-template-columns: 1fr; }
  .tools-mega-cats {
    flex-direction: row;
    border-right: none;
    border-bottom: 1px solid var(--border);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .tools-mega-cats::-webkit-scrollbar { display: none; }
  .tools-mega-cat { min-width: 140px; }
  .tools-mega-grid { grid-template-columns: 1fr; }
}
html[data-theme="dark"] .mobile-drawer-panel {
  background: linear-gradient(165deg, #0a1424 0%, #0d1a2e 55%, #0b1628 100%);
}
html[data-theme="dark"] .mobile-drawer-glow {
  background:
    radial-gradient(ellipse 80% 50% at 15% -5%, rgba(0, 176, 160, 0.14), transparent 58%),
    radial-gradient(ellipse 60% 40% at 90% 100%, rgba(0, 64, 128, 0.2), transparent 55%);
}
html[data-theme="dark"] .mobile-drawer-head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(0, 64, 128, 0.22) 0%, transparent 100%);
}
html[data-theme="dark"] .mobile-drawer-tagline {
  color: rgba(255, 255, 255, 0.45);
}
html[data-theme="dark"] .mobile-drawer-close {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.75);
}
html[data-theme="dark"] .mobile-drawer-close:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.16);
  color: #fff;
}
html[data-theme="dark"] .mobile-drawer-foot {
  border-top-color: rgba(255, 255, 255, 0.08);
}
html[data-theme="dark"] .mobile-drawer-theme {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.9);
}
html[data-theme="dark"] .mobile-drawer-theme:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.14);
  color: #fff;
}
html[data-theme="dark"] .mobile-drawer-panel .mobile-nav a {
  color: rgba(255, 255, 255, 0.9);
}
html[data-theme="dark"] .mobile-drawer-panel .mobile-nav a:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.1);
}
html[data-theme="dark"] .mobile-drawer-panel .mobile-nav .nav-link.is-active {
  color: #fff !important;
  background: rgba(0, 176, 160, 0.16);
  border-color: rgba(0, 176, 160, 0.28);
}
html[data-theme="dark"] body.nav-open .nav-toggle {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.16);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}
html[data-theme="dark"] .nav-link.is-active {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .nav-toggle {
  border-color: rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .nav-toggle-bar { background: #fff; }
html[data-theme="dark"] .theme-toggle {
  background: transparent;
  border-color: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.72);
}
html[data-theme="dark"] .theme-toggle:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.18);
  color: #fff;
}
html[data-theme="dark"] .bg-mesh {
  background:
    radial-gradient(ellipse 80% 60% at 5% 0%, rgba(0, 64, 128, 0.12), transparent 55%),
    radial-gradient(ellipse 70% 55% at 95% 10%, rgba(0, 176, 160, 0.08), transparent 50%),
    linear-gradient(180deg, #040c18 0%, #061220 100%);
}
html[data-theme="dark"] body::before { background: transparent; }
html[data-theme="dark"] body::after { opacity: 0.12; }
html[data-theme="dark"] .bg-orb { opacity: 0.35; }
html[data-theme="dark"] .ticker-bar {
  background: linear-gradient(90deg, #04080e, #0a1220, #04080e);
}
html[data-theme="dark"] .related-tools-section,
html[data-theme="dark"] .related-blog-section {
  background: rgba(15, 23, 42, 0.88);
  border-color: var(--border);
}
html[data-theme="dark"] .related-tools-section h3,
html[data-theme="dark"] .related-blog-section h3 {
  color: var(--text);
}
html[data-theme="dark"] .related-tool-card {
  background: rgba(18, 24, 44, 0.72);
  color: var(--text-secondary);
}
html[data-theme="dark"] .related-tool-card:hover {
  background: rgba(30, 41, 59, 0.85);
  color: var(--cat-color, var(--brand-3));
  border-color: color-mix(in srgb, var(--cat-color, var(--brand)) 35%, var(--border));
}
html[data-theme="dark"] .related-blog-card {
  background: rgba(18, 24, 44, 0.55);
  color: var(--text);
}
html[data-theme="dark"] .related-blog-card:hover {
  background: rgba(30, 41, 59, 0.75);
}
html[data-theme="dark"] .related-blog-card span {
  color: var(--text-muted);
}
html[data-theme="dark"] .calc-card,
html[data-theme="dark"] .tool-head,
html[data-theme="dark"] .cat-card,
html[data-theme="dark"] .tool-head,
html[data-theme="dark"] .related-card,
html[data-theme="dark"] .faq-card,
html[data-theme="dark"] .seo-tags-block,
html[data-theme="dark"] .blog-card--featured {
  background: linear-gradient(135deg, #0f1a2e 0%, #0a2420 100%);
}
html[data-theme="dark"] .blog-search-wrap {
  background: rgba(17, 24, 39, 0.95);
  border-color: var(--border);
}
html[data-theme="dark"] .blog-filter {
  background: rgba(17, 24, 39, 0.88);
}
html[data-theme="dark"] .blog-card,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .contact-form-card,
html[data-theme="dark"] .glass-panel {
  background: rgba(17, 24, 39, 0.95);
}
html[data-theme="dark"] .site-top {
  background: color-mix(in srgb, #0f172a 92%, transparent);
  box-shadow: none;
}
html[data-theme="dark"] .hero-search--modern input {
  background: #111827;
  color: var(--text);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}
html[data-theme="dark"] .hero-bento-card {
  background: #111827;
  border-color: var(--border);
}
html[data-theme="dark"] .hero-bento-card--featured {
  background: linear-gradient(135deg, #0c2d4a 0%, #0a3d38 100%);
}
html[data-theme="dark"] .hero-bento-label { color: var(--text); }
html[data-theme="dark"] .cat-explorer--v2 {
  background: #111827;
  border-color: var(--border);
}
html[data-theme="dark"] .corp-v2-picker-row {
  background: #0f172a;
}
html[data-theme="dark"] .corp-v2-select {
  background-color: #111827;
  color: var(--text);
}
html[data-theme="dark"] .corp-v2-tool-link {
  background: #111827;
}
html[data-theme="dark"] .corp-v2-show-more {
  background: #0f172a;
}
html[data-theme="dark"] .cat-nav-item,
html[data-theme="dark"] .cat-panel,
html[data-theme="dark"] .search-result-card {
  background: rgba(17, 24, 39, 0.95);
}
html[data-theme="dark"] .cat-glyph {
  background: linear-gradient(145deg, color-mix(in srgb, var(--cat-color) 14%, #111827), color-mix(in srgb, var(--cat-color) 8%, #0f172a));
  border-color: color-mix(in srgb, var(--cat-color) 28%, transparent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
html[data-theme="dark"] .cat-nav-item.is-active .cat-glyph {
  background: color-mix(in srgb, var(--cat-color) 18%, #111827);
}
html[data-theme="dark"] .cat-panel-head {
  background: linear-gradient(135deg, rgba(17, 24, 39, 1), rgba(15, 23, 42, 1));
}
html[data-theme="dark"] .cat-card-head {
  background: linear-gradient(135deg, rgba(17, 24, 39, 1), rgba(15, 23, 42, 1));
}
html[data-theme="dark"] .field-input,
html[data-theme="dark"] .calc-form.hn-form input,
html[data-theme="dark"] .calc-form.hn-form select,
html[data-theme="dark"] .calc-form.hn-form textarea,
html[data-theme="dark"] .option-chip,
html[data-theme="dark"] .calc-form.hn-form .option-group--stack > label,
html[data-theme="dark"] .calc-form.hn-form .option-group--grid > label,
html[data-theme="dark"] .faq-item {
  background: #1a2332;
  color: var(--text);
  border-color: var(--border);
}
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .empty-state,
html[data-theme="dark"] .quick-link,
html[data-theme="dark"] .seo-tag,
html[data-theme="dark"] .search-dropdown {
  background: #111827;
  color: var(--text);
}
html[data-theme="dark"] .tool-grid a:hover {
  background: var(--brand-soft);
}
html[data-theme="dark"] .result-card {
  background: linear-gradient(135deg, #0a1f14 0%, #0f1a20 50%, #0f172a 100%);
  border-color: #065f46;
}
html[data-theme="dark"] .result-summary,
html[data-theme="dark"] .result-card-head h2 { color: #6ee7b7; }
html[data-theme="dark"] .data-table,
html[data-theme="dark"] .result-body table { background: #1a2332; color: var(--text); }
html[data-theme="dark"] .data-table th,
html[data-theme="dark"] .result-body table th { background: #111827; }
html[data-theme="dark"] .site-footer {
  background: linear-gradient(180deg, #001830 0%, #000f20 100%);
}

/* Yazdırma çıktısı */
.print-sheet {
  display: none;
}
.print-header {
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 2px solid #0d9488;
}
.print-header-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
}
.print-logo-img {
  display: block;
  width: auto;
  height: 40px;
  max-width: 200px;
  object-fit: contain;
  object-position: left center;
}
.print-title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 800;
  color: #111;
  line-height: 1.35;
}
.print-date {
  margin: 0;
  flex-shrink: 0;
  font-size: 0.8rem;
  font-weight: 600;
  color: #64748b;
  text-align: right;
  white-space: nowrap;
}
.print-section--result {
  margin-bottom: 24px;
}
.print-section--form {
  margin-top: 8px;
}
.print-section {
  margin-bottom: 22px;
  page-break-inside: avoid;
}
.print-section h2 {
  margin: 0 0 12px;
  font-size: 0.92rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #0d9488;
}
.print-form-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
.print-form-table th,
.print-form-table td {
  border: 1px solid #e2e8f0;
  padding: 9px 12px;
  text-align: left;
  vertical-align: top;
}
.print-form-table th {
  width: 38%;
  background: #f8fafc;
  font-weight: 700;
  color: #334155;
}
.print-result-summary {
  margin: 0 0 12px;
  padding: 10px 14px;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  border-radius: 8px;
  font-weight: 700;
  color: #065f46;
}
.print-result-body { font-size: 0.9rem; line-height: 1.6; color: #111; }
.print-result-body b,
.print-result-body strong { color: #0f172a; }
.print-data-table,
.print-result-body table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
  font-size: 0.78rem;
}
.print-data-table th,
.print-data-table td,
.print-result-body table th,
.print-result-body table td {
  border: 1px solid #cbd5e1;
  padding: 6px 8px;
  text-align: left;
}
.print-data-table th,
.print-result-body table th {
  background: #f1f5f9;
  font-weight: 700;
}
.print-empty {
  margin: 0;
  color: #64748b;
  font-style: italic;
  font-size: 0.88rem;
}
.print-footer {
  margin-top: 28px;
  padding-top: 14px;
  border-top: 1px solid #e2e8f0;
  font-size: 0.78rem;
  color: #94a3b8;
  text-align: center;
}

@media print {
  body > *:not(#print-sheet) { display: none !important; }
  #print-sheet,
  #print-sheet[hidden] {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #fff !important;
    color: #000 !important;
  }
  .print-header-top {
    align-items: center;
  }
  .print-logo-img {
    height: 36px;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .print-result-summary {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  @page { margin: 14mm 12mm; }
}

/* —— Hata bildir —— */
.report-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 14px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--border);
}
.btn-report {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--text-muted);
  border-color: var(--border);
}
.btn-report:hover {
  color: #d97706;
  border-color: rgba(217, 119, 6, 0.35);
  background: rgba(217, 119, 6, 0.06);
}
.report-hint {
  font-size: 0.82rem;
  color: var(--text-muted);
}
.report-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.report-modal[hidden] { display: none !important; }
.report-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(4px);
}
.report-modal-panel {
  position: relative;
  width: min(480px, 100%);
  max-height: 90vh;
  overflow: auto;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
}
.report-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.report-modal-head h2 {
  margin: 0;
  font-size: 1.2rem;
}
.report-modal-close {
  border: none;
  background: transparent;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--text-muted);
  padding: 4px 8px;
  border-radius: 8px;
}
.report-modal-close:hover { background: var(--surface-2); }
.report-modal-lead {
  margin: 0 0 16px;
  font-size: 0.9rem;
  color: var(--text-muted);
  line-height: 1.55;
}
.report-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}
body.report-modal-open { overflow: hidden; }

/* ── Sitene ekle (embed) ── */
body.tool-embed #site-top,
body.tool-embed .site-footer,
body.tool-embed .bg-mesh,
body.tool-embed .bg-orb {
  display: none !important;
}
body.tool-embed .page-inner {
  max-width: 720px;
  padding: 16px 14px 20px;
}
body.tool-embed .tool-back,
body.tool-embed .tool-extra,
body.tool-embed .btn-fav,
body.tool-embed .tool-meta-bar,
body.tool-embed #btn-share,
body.tool-embed #btn-embed,
body.tool-embed #btn-report-error,
body.tool-embed .related-tools-section,
body.tool-embed .related-blog-section,
body.tool-embed .seo-tags-section,
body.tool-embed .faq-card {
  display: none !important;
}
body.tool-embed .tool-workspace {
  border: 1px solid var(--border);
  border-radius: 14px;
  box-shadow: none;
  background: transparent;
}
body.tool-embed .tool-hero {
  padding: 0 0 12px;
}
body.tool-embed .tool-hero h1 {
  font-size: 1.28rem;
  margin-bottom: 0;
}
body.tool-embed .tool-tagline {
  font-size: 0.84rem;
  margin-top: 6px;
}
body.tool-embed .tool-panel-body {
  padding: 0;
}
body.tool-embed .tool-panel-foot {
  padding: 16px 0 0;
  background: transparent;
  border-top: 1px dashed var(--border);
}
.embed-credit-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.78rem;
  color: var(--text-muted);
  background: color-mix(in srgb, #2563eb 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #2563eb 12%, var(--border));
}
.embed-credit-brand,
.embed-credit-tool {
  color: #2563eb;
  font-weight: 700;
  text-decoration: none;
}
.embed-credit-brand:hover,
.embed-credit-tool:hover { text-decoration: underline; }
.embed-credit-sep { opacity: 0.55; }
.embed-attribution-preview {
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 10px;
  background: color-mix(in srgb, #2563eb 4%, var(--surface));
  border: 1px dashed color-mix(in srgb, #2563eb 18%, var(--border));
}
.embed-attribution {
  margin: 0;
  font-size: 0.84rem;
  line-height: 1.5;
  color: var(--text-muted);
  text-align: center;
}
.embed-attribution a {
  color: #2563eb;
  font-weight: 700;
  text-decoration: none;
}
.embed-attribution a:hover { text-decoration: underline; }
.embed-attribution-sep { margin: 0 6px; opacity: 0.55; }

.embed-modal {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.embed-modal.is-open { opacity: 1; }
.embed-modal[hidden] { display: none !important; }
.embed-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(4px);
}
.embed-modal-panel {
  position: relative;
  width: min(640px, 100%);
  max-height: 92vh;
  overflow: auto;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-lg);
}
.embed-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.embed-modal-head h2 {
  margin: 0;
  font-size: 1.2rem;
}
.embed-modal-close {
  border: none;
  background: transparent;
  font-size: 1.1rem;
  cursor: pointer;
  color: var(--text-muted);
  padding: 4px 8px;
  border-radius: 8px;
}
.embed-modal-close:hover { background: var(--surface-2); }
.embed-modal-lead {
  margin: 0 0 16px;
  font-size: 0.9rem;
  color: var(--text-muted);
  line-height: 1.55;
}
.embed-preview-wrap {
  margin-bottom: 14px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid var(--border);
  background: var(--surface-2);
}
.embed-preview-wrap--page { margin-top: 14px; }
.embed-preview {
  display: block;
  width: 100%;
  height: 280px;
  border: 0;
  background: var(--surface);
}
.embed-code-label,
.embed-page-label {
  display: block;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.embed-code {
  width: 100%;
  padding: 12px 14px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface-2);
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.78rem;
  line-height: 1.5;
  color: var(--text);
  resize: vertical;
}
.embed-modal-actions,
.embed-page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.embed-modal-note {
  margin: 14px 0 0;
  font-size: 0.8rem;
  color: var(--text-muted);
  line-height: 1.5;
}
body.embed-modal-open { overflow: hidden; }

.embed-page-card {
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}
.embed-page-select {
  width: 100%;
  padding: 10px 12px;
  border-radius: var(--radius);
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.95rem;
  font-weight: 600;
}
.embed-page-tips {
  margin: 18px 0 0;
  padding-left: 1.2rem;
  font-size: 0.86rem;
  color: var(--text-muted);
  line-height: 1.6;
}
.embed-page-tips li + li { margin-top: 6px; }

.alert-success {
  padding: 12px 14px;
  border-radius: var(--radius);
  background: rgba(16, 185, 129, 0.12);
  border: 1px solid rgba(16, 185, 129, 0.28);
  color: #047857;
  font-size: 0.9rem;
}
[data-theme="dark"] .alert-success { color: #6ee7b7; }

/* —— Admin panel —— */
.admin-page {
  min-height: 100vh;
  background: var(--bg);
}
.admin-login-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 24px;
}
.admin-login-card {
  width: min(400px, 100%);
  padding: 32px 28px;
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
}
.admin-login-brand {
  text-align: center;
  margin-bottom: 24px;
}
.admin-login-brand h1 {
  margin: 8px 0 4px;
  font-size: 1.5rem;
}
.admin-login-brand h1 span { color: var(--brand); }
.admin-login-brand p {
  margin: 0;
  font-size: 0.88rem;
  color: var(--text-muted);
}
.admin-login-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.admin-login-hint,
.admin-login-back {
  margin: 16px 0 0;
  font-size: 0.78rem;
  color: var(--text-muted);
  text-align: center;
}
.btn-block { width: 100%; }
.admin-topbar {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
}
.admin-topbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  padding: 14px 24px;
}
.admin-brand {
  font-weight: 800;
  font-size: 1.1rem;
  text-decoration: none;
  color: var(--text);
}
.admin-brand span { color: var(--brand); }
.admin-topbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.admin-user {
  font-size: 0.85rem;
  color: var(--text-muted);
}
.admin-dashboard .page-inner {
  max-width: 1100px;
  padding-top: 28px;
  padding-bottom: 48px;
}
.admin-head h1 {
  margin: 0 0 6px;
  font-size: 1.6rem;
}
.admin-head p {
  margin: 0 0 24px;
  color: var(--text-muted);
}
.admin-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 28px;
}
.admin-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
  border-radius: var(--radius);
  background: var(--surface);
  border: 1px solid var(--border);
  text-decoration: none;
  color: inherit;
  transition: border-color var(--transition), box-shadow var(--transition);
}
.admin-stat:hover,
.admin-stat.is-active {
  border-color: var(--brand);
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.15);
}
.admin-stat-num {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--brand);
}
.admin-stat-label {
  font-size: 0.78rem;
  color: var(--text-muted);
  margin-top: 4px;
}
.admin-report-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.admin-report-card {
  padding: 20px 22px;
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--border);
}
.admin-report-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.admin-report-head h2 {
  margin: 0 0 4px;
  font-size: 1.05rem;
}
.admin-report-meta {
  margin: 0;
  font-size: 0.8rem;
  color: var(--text-muted);
}
.admin-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
}
.admin-badge--new { background: rgba(239, 68, 68, 0.12); color: #dc2626; }
.admin-badge--reviewed { background: rgba(245, 158, 11, 0.12); color: #d97706; }
.admin-badge--resolved { background: rgba(16, 185, 129, 0.12); color: #059669; }
.admin-report-message {
  margin: 0 0 12px;
  line-height: 1.6;
}
.admin-form-data {
  margin: 12px 0;
  font-size: 0.88rem;
}
.admin-form-data summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--brand);
}
.admin-note-form {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--border);
}
.admin-note-form textarea {
  width: 100%;
  margin: 6px 0 8px;
}
.admin-empty {
  padding: 48px;
  text-align: center;
  color: var(--text-muted);
  border: 1px dashed var(--border);
  border-radius: var(--radius-lg);
}

/* Responsive */
@media (max-width: 900px) {
  .tool-page .page-inner { padding-left: 16px; padding-right: 16px; }
  .ticker-row--info { flex-direction: column; align-items: flex-start; }
  .ticker-left { flex-direction: column; align-items: flex-start; width: 100%; }
  .ticker-clock { border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-right: 0; padding-bottom: 10px; width: 100%; }
  .ticker-rates { width: 100%; }
  .hero-modern-grid { grid-template-columns: 1fr; gap: 20px; }
  .hero-bento { grid-template-columns: 1fr 1fr; }
  .corp-v2-picker {
    max-width: none;
  }
  .contact-layout { grid-template-columns: 1fr; }
  .admin-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 1024px) {
  .site-nav { display: none; }
  .tools-mega { display: none !important; }
  .nav-toggle { display: flex; }
  .header-actions .theme-toggle { display: none; }
}
@media (max-width: 768px) {
  .site-header-inner { padding: 0 16px; height: 56px; }
  .nav-toggle { width: 40px; height: 40px; }
  .ticker-time { font-size: 1.05rem; }
  .ticker-row--info { padding: 8px 16px; }
  .hero-modern h1 { font-size: 2rem; }
  .hero-bento-card--featured { grid-column: span 2; }
  .cat-grid { grid-template-columns: 1fr; }
  .cat-nav { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
  .corp-v2-head,
  .corp-v2-picker-row,
  .corp-v2-panel-top,
  .corp-v2-tools-list {
    padding-left: 20px;
    padding-right: 20px;
  }
  .corp-v2-show-more {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-right: 20px;
  }
  .cat-tools-grid { grid-template-columns: 1fr; max-height: none; }
  .search-results-grid { grid-template-columns: 1fr; }
  .calc-card-inner { padding: 26px 22px; }
  .tool-head { padding: 24px 22px; }
  .tool-head h1 { font-size: 1.6rem; }
  .action-bar { flex-direction: column; }
  .btn-primary, .btn-ghost { width: 100%; }
  .calc-form.hn-form .field-item { flex-direction: column; }
  .calc-form.hn-form .field-item:hover { background: transparent; }
  .calc-form.hn-form .field-index { display: none; }
  .calc-form.hn-form .field-body--split { flex-direction: column; gap: 8px; }
  .calc-form.hn-form .field-body--split > .field-label {
    flex: none;
    max-width: none;
    padding-top: 0;
  }
  .calc-form.hn-form .option-group--grid { grid-template-columns: 1fr; }
  .calc-form.hn-form .option-group--rates > label {
    flex: 1 1 calc(33.333% - 8px);
    min-width: 0;
  }
  .calc-form.hn-form .option-group--rates > .rate-other {
    flex: 1 1 100%;
  }
  .quick-links { gap: 8px; }
  .page-hero { padding: 28px 22px; }
  .page-hero h1 { font-size: 1.65rem; }
  .blog-grid,
  .blog-list { grid-template-columns: 1fr; }
  .blog-card--featured .blog-card-link { padding: 24px 22px 16px; }
  .blog-card--featured .blog-card-title { font-size: 1.2rem; }
  .blog-filter { top: 60px; position: relative; }
  .blog-card-link { padding: 22px 20px 14px; }
  .blog-card-tool { padding: 10px 20px 14px; }
  .contact-form-card { padding: 22px 20px; }
  .admin-nav { display: none; }
  .admin-topbar-inner { flex-wrap: wrap; gap: 10px; }
}

/* Admin — genişletilmiş panel */
.admin-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 auto;
}
.admin-nav-link {
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-secondary);
  border: 1px solid transparent;
  transition: all var(--transition);
}
.admin-nav-link:hover,
.admin-nav-link.is-active {
  color: var(--brand);
  background: var(--brand-soft);
  border-color: var(--border);
}
.admin-grid-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
.admin-card-link { text-decoration: none; color: inherit; }
.admin-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 22px;
  box-shadow: var(--shadow-sm);
  transition: transform var(--transition), box-shadow var(--transition);
}
.admin-card-link:hover .admin-card {
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.admin-card h3 {
  font-size: 0.9rem;
  color: var(--text-secondary);
  margin-bottom: 8px;
}
.admin-card-num {
  font-size: 2rem;
  font-weight: 800;
  color: var(--brand);
  line-height: 1;
}
.admin-card-site {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
}
.admin-card-hint {
  display: block;
  margin-top: 8px;
  font-size: 0.8rem;
  color: var(--text-muted);
}
.admin-section h2 {
  font-size: 1.1rem;
  margin-bottom: 14px;
}
.admin-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.admin-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
}
.admin-blog-table small {
  display: block;
  color: var(--text-muted);
  font-size: 0.78rem;
}
.admin-row-actions {
  display: flex;
  gap: 6px;
  align-items: center;
  white-space: nowrap;
}
.admin-inline-form { display: inline; }
.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}
.admin-blog-form .native-field { margin-bottom: 14px; }
.admin-content-editor {
  font-family: ui-monospace, Consolas, monospace;
  font-size: 0.88rem;
  line-height: 1.5;
}
.admin-form-actions {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}
.admin-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  margin: 8px 0 16px;
}
.admin-cat-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.admin-cat-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface);
  cursor: pointer;
}
.admin-cat-row input { width: 18px; height: 18px; accent-color: var(--brand); }
.admin-cat-info { flex: 1; }
.admin-cat-info strong { display: block; }
.admin-cat-info small { color: var(--text-muted); font-size: 0.8rem; }
.admin-cat-state {
  font-size: 0.78rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  background: #fee2e2;
  color: #991b1b;
}
.admin-form-note {
  margin: 0 0 16px;
  color: var(--text-muted);
  font-size: 0.88rem;
  line-height: 1.5;
}
.admin-social-row .admin-cat-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.admin-social-url {
  width: 100%;
  max-width: 520px;
  padding: 10px 12px;
  border: 1.5px solid var(--border);
  border-radius: var(--radius-sm);
  font: inherit;
  font-size: 0.86rem;
  color: var(--text);
  background: #fff;
}
.admin-social-url:focus {
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px var(--brand-glow);
}
.admin-cat-state.is-on {
  background: #d1fae5;
  color: #065f46;
}
.alert-success {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
  padding: 12px 16px;
  border-radius: 10px;
  margin-bottom: 16px;
}

/* Admin — modern shell */
.admin-app {
  --admin-sidebar-w: 252px;
  --admin-sidebar-bg: linear-gradient(165deg, #0c1a30 0%, #071018 55%, #050d14 100%);
  --admin-main-bg: #f4f7fb;
}
.admin-app.admin-page {
  background: var(--admin-main-bg);
}
.admin-shell {
  display: grid;
  grid-template-columns: var(--admin-sidebar-w) 1fr;
  min-height: 100vh;
}
.admin-sidebar {
  position: sticky;
  top: 0;
  z-index: 120;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100vh;
  padding: 22px 14px 18px;
  background: var(--admin-sidebar-bg);
  border-right: 1px solid rgba(255, 255, 255, 0.06);
  overflow-y: auto;
}
.admin-sidebar-brand {
  display: block;
  padding: 4px 10px 2px;
  font-weight: 800;
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: #f8fafc;
}
.admin-sidebar-brand span { color: var(--brand, #00b0a0); }
.admin-sidebar-tag {
  margin: 0 0 10px;
  padding: 0 10px;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(148, 163, 184, 0.85);
}
.admin-sidebar-nav {
  display: flex;
  flex-direction: column;
  gap: 3px;
  flex: 1;
  padding: 4px 0;
}
.admin-app .admin-nav-link {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size: 0.84rem;
  font-weight: 600;
  color: rgba(203, 213, 225, 0.88);
  border: 1px solid transparent;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.admin-app .admin-nav-link:hover {
  color: #f8fafc;
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.04);
}
.admin-app .admin-nav-link.is-active {
  color: #fff;
  background: color-mix(in srgb, var(--brand, #00b0a0) 22%, rgba(255, 255, 255, 0.04));
  border-color: color-mix(in srgb, var(--brand, #00b0a0) 35%, transparent);
  box-shadow: inset 3px 0 0 var(--brand, #00b0a0);
}
.admin-nav-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin-left: auto;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 0.68rem;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  background: #ef4444;
}
.admin-sidebar-foot {
  margin-top: auto;
  padding: 14px 10px 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.admin-user-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #e2e8f0;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.admin-sidebar-actions {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}
.admin-sidebar-action {
  flex: 1;
  padding: 8px 10px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  color: rgba(203, 213, 225, 0.9);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: background 0.15s ease, color 0.15s ease;
}
.admin-sidebar-action:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.admin-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.admin-mobile-bar {
  display: none;
}
.admin-main-inner {
  flex: 1;
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding: 28px 28px 48px;
}
.admin-app .admin-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
  padding: 22px 24px;
  border-radius: 16px;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}
.admin-app .admin-head h1 {
  margin: 0 0 6px;
  font-size: 1.55rem;
  letter-spacing: -0.02em;
}
.admin-app .admin-head p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9rem;
}
.admin-site-link {
  flex-shrink: 0;
  padding: 9px 14px;
  border-radius: 10px;
  font-size: 0.82rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--brand, #00b0a0);
  background: color-mix(in srgb, var(--brand, #00b0a0) 10%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--brand, #00b0a0) 22%, var(--border));
  transition: background 0.15s ease, transform 0.15s ease;
}
.admin-site-link:hover {
  background: color-mix(in srgb, var(--brand, #00b0a0) 16%, var(--surface));
  transform: translateY(-1px);
}
.admin-app .admin-card {
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.05);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.admin-app .admin-card-link:hover .admin-card {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.08);
  border-color: color-mix(in srgb, var(--brand, #00b0a0) 30%, var(--border));
}
.admin-app .admin-table-wrap {
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
}
.admin-app .admin-report-card,
.admin-app .admin-seo-block,
.admin-app .admin-cat-row {
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}
.admin-login-page {
  background:
    radial-gradient(ellipse 80% 60% at 20% 0%, color-mix(in srgb, var(--brand, #00b0a0) 18%, transparent), transparent 55%),
    radial-gradient(ellipse 60% 50% at 100% 100%, color-mix(in srgb, var(--corp-navy, #003060) 14%, transparent), transparent 50%),
    var(--bg);
}
.admin-login-card {
  width: min(420px, 100%);
  padding: 36px 32px;
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface) 94%, #fff);
  border: 1px solid color-mix(in srgb, var(--border) 80%, transparent);
  box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1);
}
.admin-login-brand .brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--brand, #00b0a0);
  background: color-mix(in srgb, var(--brand, #00b0a0) 12%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--brand, #00b0a0) 22%, var(--border));
}
@media (max-width: 960px) {
  .admin-shell {
    grid-template-columns: 1fr;
  }
  .admin-sidebar {
    position: relative;
    height: auto;
    flex-direction: column;
    padding: 14px 12px;
  }
  .admin-sidebar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
  }
  .admin-app .admin-nav-link {
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 0.8rem;
  }
  .admin-app .admin-nav-link.is-active {
    box-shadow: none;
  }
  .admin-sidebar-foot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 8px;
    padding-top: 12px;
  }
  .admin-sidebar-actions {
    margin-top: 0;
    flex: 1;
    justify-content: flex-end;
  }
  .admin-main-inner {
    padding: 20px 16px 40px;
  }
  .admin-app .admin-head {
    flex-direction: column;
    padding: 18px 20px;
  }
}

/* Admin — SEO + blog editör */
.admin-seo-block {
  margin-bottom: 28px;
  padding: 22px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--surface);
}
.admin-seo-block h2 {
  margin: 0 0 16px;
  font-size: 1.05rem;
}
.admin-seo-block h2 small {
  font-weight: 600;
  color: var(--text-muted);
  font-size: 0.78rem;
}
.admin-seo-hint {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin: 0 0 14px;
}
.admin-blog-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 24px;
  align-items: start;
}
.admin-blog-side { display: flex; flex-direction: column; gap: 14px; }
.admin-side-card {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
}
.admin-side-card h3 {
  margin: 0 0 12px;
  font-size: 0.88rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-secondary);
}
.admin-side-hint {
  margin: -6px 0 10px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.field-input--title {
  font-size: 1.15rem;
  font-weight: 700;
}
.admin-editor-wrap { margin-bottom: 16px; }
.admin-quill-editor {
  min-height: 320px;
  background: #fff;
  border-radius: 0 0 12px 12px;
}
.admin-editor-wrap .ql-toolbar {
  border-radius: 12px 12px 0 0;
  border-color: var(--border);
  background: var(--bg-elevated);
}
.admin-editor-wrap .ql-container {
  border-color: var(--border);
  font-size: 0.95rem;
  font-family: inherit;
}
.admin-form-actions--side { flex-direction: column; margin-top: 4px; }
.btn-block { width: 100%; justify-content: center; }
.tag-editor {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--bg);
}
.tag-chips { display: contents; }
.tag-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px 4px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  background: var(--brand-soft);
  color: var(--brand);
}
.tag-chip--sm { padding: 3px 8px; font-size: 0.72rem; }
.tag-chip-remove {
  border: none;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  opacity: 0.7;
  padding: 0;
}
.tag-chip-remove:hover { opacity: 1; }
.tag-input {
  flex: 1;
  min-width: 120px;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 6px 4px !important;
}
.admin-tags-cell { display: flex; flex-wrap: wrap; gap: 4px; }
@media (max-width: 900px) {
  .admin-blog-layout { grid-template-columns: 1fr; }
}

/* Araç meta, sonuç paylaşım, ilgili araçlar */
.tool-meta-bar {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--brand-soft);
  border: 1px solid color-mix(in srgb, var(--brand) 15%, transparent);
}
.tool-meta-items { display: flex; flex-wrap: wrap; gap: 10px 18px; font-size: 0.82rem; color: var(--text-muted); }
.tool-meta-item strong { color: var(--text-secondary); font-weight: 700; }
.altin-live-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.altin-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.altin-rate-chip strong { color: var(--brand); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em; }
.altin-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.altin-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.altin-result-table { margin-top: 10px; }
.altin-rate-chip--ons strong { color: #b45309; }
.altin-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #d97706 10%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, #d97706 18%, var(--border));
}
.altin-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.altin-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #d97706; margin: 4px 0; }
.altin-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }

/* Modern altın hesaplayıcı */
.calc-form--altin-modern > .native-field { display: none !important; }
.altin-converter {
  position: relative; margin-bottom: 20px; padding: 22px 20px 20px;
  border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #d97706 7%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #d97706 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #d97706 8%, transparent);
}
.altin-converter-glow {
  position: absolute; top: -40%; right: -15%; width: 50%; height: 80%; pointer-events: none;
  background: radial-gradient(circle, color-mix(in srgb, #f59e0b 16%, transparent) 0%, transparent 70%);
}
.altin-converter-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin-bottom: 14px; position: relative;
}
.altin-converter-title {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 0.88rem; font-weight: 700; color: var(--text-secondary);
}
.altin-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #f59e0b;
  box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.5);
  animation: altin-pulse 2s ease infinite;
}
@keyframes altin-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.45); }
  50% { box-shadow: 0 0 0 6px rgba(245, 158, 11, 0); }
}
.altin-gram-badge {
  font-size: 0.68rem; font-weight: 700; padding: 4px 10px; border-radius: 999px;
  background: color-mix(in srgb, #d97706 10%, var(--surface)); color: #b45309;
  border: 1px solid color-mix(in srgb, #d97706 22%, transparent);
  white-space: nowrap;
}
.altin-mode-pills { display: flex; gap: 8px; margin-bottom: 14px; position: relative; }
.altin-mode-pill {
  flex: 1; padding: 9px 12px; border-radius: 10px; font-size: 0.78rem; font-weight: 600;
  border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary);
  cursor: pointer; font-family: inherit; transition: all 0.15s ease;
}
.altin-mode-pill.is-active,
.altin-mode-pill:hover {
  border-color: color-mix(in srgb, #d97706 40%, transparent);
  background: color-mix(in srgb, #d97706 10%, var(--surface)); color: #b45309;
}
.altin-type-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.altin-type-chip {
  padding: 6px 11px; border-radius: 999px; font-size: 0.74rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #d97706 20%, var(--border));
  background: color-mix(in srgb, #d97706 5%, var(--surface)); color: #b45309;
  cursor: pointer; font-family: inherit; transition: all 0.15s ease;
}
.altin-type-chip[data-active],
.altin-type-chip:hover {
  background: color-mix(in srgb, #d97706 14%, var(--surface));
  border-color: color-mix(in srgb, #d97706 35%, transparent);
}
.altin-type-select-wrap { display: block; margin-bottom: 14px; position: relative; }
.altin-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.altin-type-select {
  width: 100%; padding: 9px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface);
  font-size: 0.88rem; font-weight: 600; font-family: inherit;
}
.altin-amount-panel { margin-bottom: 12px; position: relative; }
.altin-amount-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.altin-amount-row {
  padding: 10px 12px; border-radius: 12px;
  border: 1px solid var(--border); background: var(--surface);
}
.altin-amount-row:focus-within { border-color: color-mix(in srgb, #d97706 35%, var(--border)); }
.altin-amount-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; font-size: 1.1rem; font-weight: 700; }
.altin-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.altin-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.74rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #d97706 22%, var(--border));
  background: color-mix(in srgb, #d97706 6%, var(--surface)); color: #b45309; cursor: pointer; font-family: inherit;
}
.altin-quick-btn:hover { background: color-mix(in srgb, #d97706 14%, var(--surface)); }
.altin-unit-line { margin: 0 0 12px; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.altin-preview {
  padding: 16px; border-radius: 12px; position: relative;
  background: color-mix(in srgb, #d97706 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #d97706 14%, var(--border));
}
.altin-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.altin-preview-value { display: block; font-size: 1.45rem; font-weight: 800; color: #d97706; }
.altin-preview-value.is-empty { color: var(--text-muted); font-weight: 600; }
.altin-preview-hint { display: block; margin-top: 6px; font-size: 0.76rem; color: var(--text-muted); }
.kdv-live-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.kdv-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
  cursor: help;
}
.kdv-rate-chip strong { color: var(--brand); font-size: 0.85rem; }
.kdv-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kdv-rate-source a { color: var(--brand); }
.kdv-result-lead { margin: 0 0 10px; font-size: 0.95rem; line-height: 1.5; }
.kdv-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--brand-soft);
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.kdv-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.kdv-result-note a { color: var(--brand); }
.kdv-result-table { margin-top: 4px; }

.calc-form--kdv-modern > .native-field { display: none !important; }
.kdv-panel {
  position: relative;
  margin-bottom: 20px;
  padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--brand) 7%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, var(--brand) 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, var(--brand) 9%, transparent);
}
.kdv-panel-glow {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 55%);
}
.kdv-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.kdv-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 0.95rem;
}
.kdv-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 25%, transparent);
}
.kdv-panel-badge {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: color-mix(in srgb, var(--brand) 12%, var(--surface));
  color: var(--brand);
  border: 1px solid color-mix(in srgb, var(--brand) 22%, transparent);
}
.kdv-mode-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.kdv-mode-pill {
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
}
.kdv-mode-pill.is-active {
  background: color-mix(in srgb, var(--brand) 14%, var(--surface));
  border-color: color-mix(in srgb, var(--brand) 32%, var(--border));
  color: var(--brand);
}
.kdv-rate-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 14px;
}
.kdv-rate-pill {
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--text-secondary);
  cursor: pointer;
}
.kdv-rate-pill.is-active {
  background: color-mix(in srgb, var(--brand) 12%, var(--surface));
  border-color: color-mix(in srgb, var(--brand) 28%, var(--border));
  color: var(--brand);
}
.kdv-custom-rate {
  width: 64px;
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid var(--border);
  font-size: 0.78rem;
  font-weight: 700;
  text-align: center;
}
.kdv-amount-panel { margin-bottom: 14px; }
.kdv-amount-label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
}
.kdv-amount-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface);
}
.kdv-amount-row:focus-within {
  border-color: color-mix(in srgb, var(--brand) 40%, var(--border));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent);
}
.kdv-amount-symbol { font-weight: 700; color: var(--text-muted); }
.kdv-amount-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 1.15rem;
  font-weight: 700;
  outline: none;
  min-width: 0;
}
.kdv-quick-amounts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.kdv-quick-btn {
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
}
.kdv-quick-btn:hover {
  border-color: color-mix(in srgb, var(--brand) 30%, var(--border));
  color: var(--brand);
}
.kdv-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.kdv-preview-card {
  padding: 12px 10px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--brand) 7%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--brand) 14%, transparent);
  text-align: center;
}
.kdv-preview-card--kdv {
  background: color-mix(in srgb, #7c3aed 8%, var(--surface));
  border-color: color-mix(in srgb, #7c3aed 18%, transparent);
}
.kdv-preview-card--total {
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, var(--surface)), var(--surface));
}
.kdv-preview-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.kdv-preview-matrah,
.kdv-preview-kdv,
.kdv-preview-total {
  display: block;
  font-size: clamp(0.95rem, 2.5vw, 1.15rem);
  font-weight: 800;
  color: var(--brand);
}
.kdv-preview-kdv { color: #7c3aed; }
.kdv-preview-matrah.is-empty,
.kdv-preview-kdv.is-empty,
.kdv-preview-total.is-empty { opacity: 0.45; color: var(--text-muted); }
.kdv-preview-hint {
  margin: 10px 0 0;
  font-size: 0.76rem;
  color: var(--text-muted);
  text-align: center;
}
.kdv-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
}
.kdv-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.kdv-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: var(--brand);
}
.kdv-result-hero-sub {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  color: var(--text-muted);
}

.doviz-live-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.doviz-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
  cursor: pointer;
  font-family: inherit;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}
.doviz-rate-chip:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--brand) 35%, transparent);
  box-shadow: 0 4px 14px color-mix(in srgb, var(--brand) 12%, transparent);
}
.doviz-rate-chip strong { color: var(--brand); font-size: 0.72rem; }
.doviz-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }

/* Modern döviz çevirici */
.calc-form--doviz-modern > .native-field { display: none !important; }
.doviz-converter {
  position: relative;
  margin-bottom: 20px;
  padding: 22px 20px 20px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--brand) 6%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, var(--brand) 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, var(--brand) 8%, transparent);
  overflow: hidden;
}
.doviz-converter-glow {
  position: absolute;
  top: -40%;
  right: -20%;
  width: 55%;
  height: 80%;
  background: radial-gradient(circle, color-mix(in srgb, var(--brand) 18%, transparent) 0%, transparent 70%);
  pointer-events: none;
}
.doviz-converter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  position: relative;
}
.doviz-converter-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  font-weight: 700;
  color: var(--text-secondary);
}
.doviz-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #10b981;
  box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5);
  animation: doviz-pulse 2s ease infinite;
}
@keyframes doviz-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.45); }
  50% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
}
.doviz-converter-badge {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  background: var(--brand-soft);
  color: var(--brand);
  border: 1px solid color-mix(in srgb, var(--brand) 20%, transparent);
}
.doviz-pair-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  position: relative;
}
.doviz-pair-chip {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-secondary);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.doviz-pair-chip:hover,
.doviz-pair-chip[data-active] {
  border-color: color-mix(in srgb, var(--brand) 40%, transparent);
  background: var(--brand-soft);
  color: var(--brand);
}
.doviz-amount-panel { margin-bottom: 16px; position: relative; }
.doviz-amount-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
  margin-bottom: 8px;
}
.doviz-amount-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 14px;
  border-radius: 14px;
  background: var(--surface);
  border: 2px solid color-mix(in srgb, var(--brand) 12%, var(--border));
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.doviz-amount-row:focus-within {
  border-color: color-mix(in srgb, var(--brand) 45%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 10%, transparent);
}
.doviz-amount-symbol {
  font-size: 1.35rem;
  font-weight: 700;
  color: var(--brand);
  min-width: 1.5rem;
  text-align: center;
}
.doviz-amount-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 700;
  color: var(--text-primary);
  padding: 12px 0;
  outline: none;
  font-family: inherit;
  min-width: 0;
}
.doviz-quick-amounts {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.doviz-quick-btn {
  padding: 5px 11px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 90%, var(--brand-soft));
  color: var(--text-muted);
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.12s ease;
}
.doviz-quick-btn:hover {
  color: var(--brand);
  border-color: color-mix(in srgb, var(--brand) 30%, transparent);
}
.doviz-currency-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 10px;
  align-items: end;
  margin-bottom: 12px;
  position: relative;
}
.doviz-currency-box { min-width: 0; }
.doviz-currency-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.doviz-currency-select {
  width: 100%;
  padding: 11px 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text-primary);
  font-size: 0.88rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
}
.doviz-swap-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid color-mix(in srgb, var(--brand) 25%, var(--border));
  background: var(--surface);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 2px;
  transition: transform 0.2s ease, background 0.15s ease;
  flex-shrink: 0;
}
.doviz-swap-btn:hover {
  transform: rotate(180deg);
  background: var(--brand-soft);
}
.doviz-rate-line {
  margin: 0 0 14px;
  font-size: 0.8rem;
  color: var(--text-muted);
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.doviz-kur-pills {
  display: inline-flex;
  padding: 4px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--surface) 80%, var(--border));
  border: 1px solid var(--border);
  margin-bottom: 16px;
}
.doviz-kur-pill {
  padding: 8px 18px;
  border: none;
  border-radius: 9px;
  background: transparent;
  color: var(--text-muted);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.15s ease;
}
.doviz-kur-pill.is-active {
  background: var(--surface);
  color: var(--brand);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--brand) 12%, transparent);
}
.doviz-preview {
  padding: 16px 18px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
  text-align: center;
}
.doviz-preview-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.doviz-preview-value {
  display: block;
  font-size: clamp(1.35rem, 3.5vw, 1.85rem);
  font-weight: 800;
  color: var(--brand);
  font-variant-numeric: tabular-nums;
  transition: opacity 0.2s ease;
}
.doviz-preview-value.is-empty { opacity: 0.45; color: var(--text-muted); }
.doviz-preview-hint {
  display: block;
  margin-top: 6px;
  font-size: 0.76rem;
  color: var(--text-muted);
}

.doviz-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 14%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, var(--brand) 20%, transparent);
}
.doviz-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.doviz-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: var(--brand);
  font-variant-numeric: tabular-nums;
}
.doviz-result-hero-sub {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.doviz-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--brand-soft);
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.doviz-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.doviz-result-table { margin-top: 4px; }

.aidat-mevzuat-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.aidat-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.aidat-rate-chip strong { color: var(--brand); font-size: 0.72rem; }
.aidat-rate-chip--info strong { color: #0a6e63; }
.aidat-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.aidat-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 12%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
}
.aidat-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.aidat-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: var(--brand);
}
.aidat-result-hero-sub {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.aidat-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--brand-soft);
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.aidat-breakdown-title {
  margin: 16px 0 8px;
  font-size: 0.9rem;
  font-weight: 700;
}
.aidat-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.aidat-result-table { margin-top: 4px; }

.evsarj-live-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.evsarj-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #0d9488 22%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.evsarj-rate-chip strong { color: #0d9488; font-size: 0.72rem; }
.evsarj-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.evsarj-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #0d9488 10%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, #0d9488 20%, transparent);
}
.evsarj-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.evsarj-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: #0d9488;
}
.evsarj-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, #0d9488 8%, var(--brand-soft));
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.evsarj-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.evsarj-result-table { margin-top: 4px; }

.calc-form--kk-asgari-modern > .native-field { display: none !important; }
.kk-asgari-mevzuat-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.kk-asgari-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #2563eb 18%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.kk-asgari-rate-chip strong { color: #2563eb; font-size: 0.72rem; }
.kk-asgari-rate-chip--info strong { color: #0a6e63; }
.kk-asgari-rate-chip--warn strong { color: #b45309; }
.kk-asgari-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kk-asgari-panel {
  position: relative;
  margin-bottom: 20px;
  padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #2563eb 6%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #2563eb 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #2563eb 8%, transparent);
}
.kk-asgari-panel-glow {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #2563eb 12%, transparent), transparent 55%);
}
.kk-asgari-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.kk-asgari-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 0.95rem;
}
.kk-asgari-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2563eb;
  box-shadow: 0 0 0 3px color-mix(in srgb, #2563eb 25%, transparent);
}
.kk-asgari-rate-badge {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  background: color-mix(in srgb, #2563eb 12%, var(--surface));
  color: #2563eb;
  border: 1px solid color-mix(in srgb, #2563eb 22%, transparent);
}
.kk-asgari-rate-badge.is-high {
  background: color-mix(in srgb, #b45309 12%, var(--surface));
  color: #b45309;
  border-color: color-mix(in srgb, #b45309 22%, transparent);
}
.kk-asgari-field-block { margin-bottom: 14px; }
.kk-asgari-field-label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
}
.kk-asgari-amount-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface);
}
.kk-asgari-amount-row:focus-within {
  border-color: color-mix(in srgb, #2563eb 40%, var(--border));
  box-shadow: 0 0 0 3px color-mix(in srgb, #2563eb 12%, transparent);
}
.kk-asgari-currency { font-weight: 700; color: var(--text-muted); }
.kk-asgari-amount-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text);
  outline: none;
  min-width: 0;
}
.kk-asgari-quick-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.kk-asgari-quick-btn {
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
}
.kk-asgari-quick-btn:hover {
  border-color: color-mix(in srgb, #2563eb 30%, var(--border));
  color: #2563eb;
}
.kk-asgari-preview-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 6px;
}
.kk-asgari-preview {
  padding: 14px 12px;
  border-radius: 12px;
  background: color-mix(in srgb, #2563eb 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #2563eb 16%, transparent);
  text-align: center;
}
.kk-asgari-preview--secondary {
  background: color-mix(in srgb, var(--brand) 6%, var(--surface));
  border-color: color-mix(in srgb, var(--brand) 14%, transparent);
}
.kk-asgari-preview-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.kk-asgari-preview-value,
.kk-asgari-remain-value {
  display: block;
  font-size: clamp(1.1rem, 3vw, 1.35rem);
  font-weight: 800;
  color: #2563eb;
}
.kk-asgari-remain-value { color: var(--brand); }
.kk-asgari-preview-value.is-empty { opacity: 0.45; color: var(--text-muted); }
.kk-asgari-preview-hint {
  margin: 10px 0 0;
  font-size: 0.78rem;
  color: var(--text-muted);
  text-align: center;
}
.kk-asgari-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #2563eb 12%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, #2563eb 18%, transparent);
}
.kk-asgari-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.kk-asgari-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: #2563eb;
}
.kk-asgari-result-hero-sub {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.kk-asgari-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, #2563eb 8%, var(--brand-soft));
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.kk-asgari-warn {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, #b45309 10%, var(--surface));
  border: 1px solid color-mix(in srgb, #b45309 25%, transparent);
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.kk-asgari-breakdown-title {
  margin: 16px 0 8px;
  font-size: 0.9rem;
  font-weight: 700;
}
.kk-asgari-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.kk-asgari-result-table,
.kk-asgari-cmp-table { margin-top: 4px; }

.calc-form--kk-gecikme-modern > .native-field { display: none !important; }
.kk-gecikme-mevzuat-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.kk-gecikme-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #ea580c 20%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.kk-gecikme-rate-chip strong { color: #ea580c; font-size: 0.72rem; }
.kk-gecikme-rate-chip--warn strong { color: #dc2626; }
.kk-gecikme-rate-chip--info strong { color: #2563eb; }
.kk-gecikme-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kk-gecikme-panel {
  position: relative;
  margin-bottom: 20px;
  padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #ea580c 6%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #ea580c 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #ea580c 8%, transparent);
}
.kk-gecikme-panel-glow {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #ea580c 12%, transparent), transparent 55%);
}
.kk-gecikme-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.kk-gecikme-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 0.95rem;
}
.kk-gecikme-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ea580c;
  box-shadow: 0 0 0 3px color-mix(in srgb, #ea580c 25%, transparent);
}
.kk-gecikme-panel-badge {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: color-mix(in srgb, #ea580c 12%, var(--surface));
  color: #ea580c;
  border: 1px solid color-mix(in srgb, #ea580c 22%, transparent);
}
.kk-gecikme-mode-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.kk-gecikme-mode-btn {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.76rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
}
.kk-gecikme-mode-btn.is-active {
  background: color-mix(in srgb, #ea580c 14%, var(--surface));
  border-color: color-mix(in srgb, #ea580c 30%, var(--border));
  color: #ea580c;
}
.kk-gecikme-limit-block { margin-bottom: 12px; }
.kk-gecikme-field-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 10px;
}
.kk-gecikme-field-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.kk-gecikme-amount-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface);
}
.kk-gecikme-amount-row:focus-within {
  border-color: color-mix(in srgb, #ea580c 35%, var(--border));
}
.kk-gecikme-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.95rem;
  font-weight: 600;
  outline: none;
  min-width: 0;
}
.kk-gecikme-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}
.kk-gecikme-chip {
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
}
.kk-gecikme-chip:hover {
  border-color: color-mix(in srgb, #ea580c 30%, var(--border));
  color: #ea580c;
}
.kk-gecikme-preview-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 10px;
}
.kk-gecikme-preview-card {
  padding: 12px 10px;
  border-radius: 12px;
  background: color-mix(in srgb, #ea580c 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #ea580c 14%, transparent);
  text-align: center;
}
.kk-gecikme-preview-card--main {
  background: linear-gradient(135deg, color-mix(in srgb, #ea580c 12%, var(--surface)), var(--surface));
}
.kk-gecikme-preview-label {
  display: block;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.kk-gecikme-preview-total,
.kk-gecikme-preview-daily {
  display: block;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  font-weight: 800;
  color: #ea580c;
}
.kk-gecikme-preview-status {
  display: block;
  margin-top: 4px;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--text-muted);
}
.kk-gecikme-preview-status.is-warn { color: #dc2626; }
.kk-gecikme-preview-status.is-ok { color: #0d9488; }
.kk-gecikme-preview-hint {
  margin: 10px 0 0;
  font-size: 0.76rem;
  color: var(--text-muted);
  text-align: center;
}
.kk-gecikme-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #ea580c 12%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, #ea580c 18%, transparent);
}
.kk-gecikme-result-hero--warn {
  border-color: color-mix(in srgb, #dc2626 25%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, #dc2626 8%, var(--surface)) 0%, var(--surface) 100%);
}
.kk-gecikme-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.kk-gecikme-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: #ea580c;
}
.kk-gecikme-result-hero-sub {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.kk-gecikme-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, #ea580c 8%, var(--brand-soft));
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.kk-gecikme-warn {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, #dc2626 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #dc2626 20%, transparent);
  font-size: 0.85rem;
}
.kk-gecikme-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.kk-gecikme-result-table { margin-top: 4px; }

.calc-form--zekat-modern > .native-field { display: none !important; }
.zekat-mevzuat-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.zekat-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #0d9488 20%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.zekat-rate-chip strong { color: #0d9488; font-size: 0.72rem; }
.zekat-rate-chip--info strong { color: #2563eb; }
.zekat-rate-chip--gold strong { color: #b8860b; }
.zekat-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.zekat-panel {
  position: relative;
  margin-bottom: 20px;
  padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #0d9488 6%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #0d9488 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0d9488 8%, transparent);
}
.zekat-panel-glow {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #0d9488 14%, transparent), transparent 55%);
}
.zekat-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.zekat-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 0.95rem;
}
.zekat-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0d9488;
  box-shadow: 0 0 0 3px color-mix(in srgb, #0d9488 25%, transparent);
}
.zekat-panel-badge {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: color-mix(in srgb, #0d9488 12%, var(--surface));
  color: #0d9488;
  border: 1px solid color-mix(in srgb, #0d9488 22%, transparent);
}
.zekat-section-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}
.zekat-tab {
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
}
.zekat-tab.is-active {
  background: color-mix(in srgb, #0d9488 14%, var(--surface));
  border-color: color-mix(in srgb, #0d9488 30%, var(--border));
  color: #0d9488;
}
.zekat-section { display: none; }
.zekat-section.is-active { display: block; }
.zekat-field-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 12px;
}
.zekat-field-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.zekat-field-row {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface);
}
.zekat-field-row:focus-within {
  border-color: color-mix(in srgb, #0d9488 35%, var(--border));
}
.zekat-field--debt .zekat-field-row {
  border-color: color-mix(in srgb, #b45309 25%, var(--border));
}
.zekat-field-input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 0.95rem;
  font-weight: 600;
  outline: none;
  min-width: 0;
}
.zekat-field-unit {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-muted);
}
.zekat-preview-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}
.zekat-preview-card {
  padding: 12px 10px;
  border-radius: 12px;
  background: color-mix(in srgb, #0d9488 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #0d9488 16%, transparent);
  text-align: center;
}
.zekat-preview-card--main {
  background: linear-gradient(135deg, color-mix(in srgb, #0d9488 14%, var(--surface)), var(--surface));
}
.zekat-preview-label {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.zekat-preview-zekat,
.zekat-preview-net,
.zekat-preview-nisab {
  display: block;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  font-weight: 800;
  color: #0d9488;
}
.zekat-preview-zekat.is-zero { color: var(--text-muted); }
.zekat-preview-status {
  display: block;
  margin-top: 4px;
  font-size: 0.68rem;
  font-weight: 600;
  color: var(--text-muted);
}
.zekat-preview-status.is-ok { color: #0d9488; }
.zekat-preview-hint,
.zekat-panel-note {
  margin: 10px 0 0;
  font-size: 0.76rem;
  color: var(--text-muted);
  text-align: center;
}
.zekat-panel-note { font-style: italic; }
.zekat-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #0d9488 12%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, #0d9488 18%, transparent);
}
.zekat-result-hero--muted {
  background: linear-gradient(135deg, color-mix(in srgb, var(--text-muted) 8%, var(--surface)) 0%, var(--surface) 100%);
  border-color: var(--border);
}
.zekat-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.zekat-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: #0d9488;
}
.zekat-result-hero-sub {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.zekat-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, #0d9488 8%, var(--brand-soft));
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.zekat-breakdown-title {
  margin: 16px 0 8px;
  font-size: 0.9rem;
  font-weight: 700;
}
.zekat-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.zekat-result-table,
.zekat-breakdown-table { margin-top: 4px; }

.calc-form--gecikme-modern > .native-field { display: none !important; }
.gecikme-mevzuat-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.gecikme-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #dc2626 18%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.gecikme-rate-chip strong { color: #dc2626; font-size: 0.72rem; }
.gecikme-rate-chip--info strong { color: #2563eb; }
.gecikme-rate-chip--warn strong { color: #b45309; }
.gecikme-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.gecikme-panel {
  position: relative;
  margin-bottom: 20px;
  padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #dc2626 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #dc2626 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #dc2626 7%, transparent);
}
.gecikme-panel-glow {
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #dc2626 10%, transparent), transparent 55%);
}
.gecikme-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.gecikme-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 0.95rem;
}
.gecikme-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dc2626;
  box-shadow: 0 0 0 3px color-mix(in srgb, #dc2626 22%, transparent);
}
.gecikme-preview-rate {
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 700;
  background: color-mix(in srgb, #dc2626 10%, var(--surface));
  color: #dc2626;
  border: 1px solid color-mix(in srgb, #dc2626 20%, transparent);
}
.gecikme-unknown-rate {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 0.82rem;
  color: var(--text-secondary);
  cursor: pointer;
}
.gecikme-field-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 12px;
}
.gecikme-field--wide { grid-column: 1 / -1; }
.gecikme-field-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.gecikme-field-row,
.gecikme-field-select {
  width: 100%;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.92rem;
  font-weight: 600;
}
.gecikme-field-row:focus-within {
  border-color: color-mix(in srgb, #dc2626 35%, var(--border));
}
.gecikme-field-input {
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  font: inherit;
}
.gecikme-quick-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.gecikme-quick-btn {
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--surface);
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--text-secondary);
  cursor: pointer;
}
.gecikme-quick-btn:hover {
  border-color: color-mix(in srgb, #dc2626 30%, var(--border));
  color: #dc2626;
}
.gecikme-preview-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 10px;
  margin-top: 14px;
}
.gecikme-preview-card {
  padding: 12px 10px;
  border-radius: 12px;
  background: color-mix(in srgb, #dc2626 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #dc2626 14%, transparent);
  text-align: center;
}
.gecikme-preview-card--main {
  background: linear-gradient(135deg, color-mix(in srgb, #dc2626 12%, var(--surface)), var(--surface));
}
.gecikme-preview-label {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 4px;
}
.gecikme-preview-total,
.gecikme-preview-daily {
  display: block;
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 800;
  color: #dc2626;
}
.gecikme-preview-hint {
  margin: 10px 0 0;
  font-size: 0.76rem;
  color: var(--text-muted);
  text-align: center;
}
.gecikme-result-hero {
  text-align: center;
  padding: 20px 16px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #dc2626 10%, var(--surface)) 0%, var(--surface) 100%);
  border: 1px solid color-mix(in srgb, #dc2626 16%, transparent);
}
.gecikme-result-hero-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 6px;
}
.gecikme-result-hero-value {
  display: block;
  font-size: clamp(1.5rem, 4vw, 2rem);
  font-weight: 800;
  color: #dc2626;
}
.gecikme-result-hero-sub {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  color: var(--text-muted);
}
.gecikme-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: color-mix(in srgb, #dc2626 7%, var(--brand-soft));
  font-size: 0.85rem;
  color: var(--text-secondary);
}
.gecikme-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.gecikme-result-table { margin-top: 4px; }

@media (max-width: 520px) {
  .kk-gecikme-field-grid { grid-template-columns: 1fr; }
  .kk-gecikme-preview-grid { grid-template-columns: 1fr; }
  .kdv-preview-grid { grid-template-columns: 1fr; }
  .kdv-mode-pill { flex: 1 1 auto; text-align: center; }
  .gecikme-field-grid { grid-template-columns: 1fr; }
  .gecikme-preview-grid { grid-template-columns: 1fr; }
  .zekat-field-grid { grid-template-columns: 1fr; }
  .zekat-preview-grid { grid-template-columns: 1fr; }
  .kk-asgari-preview-grid { grid-template-columns: 1fr; }
  .doviz-currency-row {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }
  .doviz-swap-btn {
    margin: 0 auto;
    transform: rotate(90deg);
  }
  .doviz-swap-btn:hover { transform: rotate(270deg); }
}
.erken-mevzuat-rates {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
}
.erken-rate-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, var(--brand) 18%, transparent);
  font-size: 0.8rem;
  color: var(--text-secondary);
}
.erken-rate-chip strong { color: var(--brand); font-size: 0.72rem; }
.erken-rate-chip--free strong { color: #0a6e63; }
.erken-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.erken-result-lead { margin: 0 0 10px; font-size: 0.95rem; }
.erken-formula {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--brand-soft);
  font-size: 0.85rem;
}
.erken-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.erken-result-table { margin-top: 4px; }
.result-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.related-tools-section,
.related-blog-section {
  margin-top: 28px;
  padding: 22px 24px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.92);
}
.related-tools-section h3,
.related-blog-section h3 {
  margin: 0 0 14px;
  font-size: 1rem;
  font-weight: 800;
}
.related-tools-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}
.related-tool-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  text-decoration: none;
  color: var(--text-secondary);
  transition: all var(--transition);
}
.related-tool-card:hover {
  border-color: color-mix(in srgb, var(--cat-color) 35%, var(--border));
  color: var(--cat-color);
  text-decoration: none;
  transform: translateY(-1px);
}
.related-tool-icon { width: 34px; height: 34px; border-radius: 8px; }
.related-tool-icon svg { width: 16px; height: 16px; }
.related-tool-title { font-size: 0.86rem; font-weight: 600; line-height: 1.3; }
.related-blog-list { display: flex; flex-direction: column; gap: 8px; }
.related-blog-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  text-decoration: none;
  color: inherit;
}
.related-blog-card:hover { background: var(--brand-soft); text-decoration: none; }
.related-blog-card span { font-size: 0.82rem; color: var(--text-muted); }
.user-tools-section { margin-bottom: 28px; }

/* Bülten (anasayfa) */
.newsletter-form {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.newsletter-form input {
  flex: 1;
  min-width: 180px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.newsletter-msg { margin-top: 8px; font-size: 0.82rem; color: rgba(255, 255, 255, 0.7); }

/* Kurumsal sayfalar */
.legal-content { display: flex; flex-direction: column; gap: 16px; }
.legal-block {
  padding: 22px 24px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.92);
}
.legal-block h2 { margin: 0 0 8px; font-size: 1.05rem; }
.legal-block p { margin: 0; color: var(--text-secondary); line-height: 1.65; }

/* Çekiliş Robotu */
.page-hero--raffle { border-left: 4px solid var(--brand-2); }
.raffle-trust-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-bottom: 24px;
  padding: 14px 18px;
  border-radius: 12px;
  background: var(--brand-soft);
  border: 1px solid color-mix(in srgb, var(--brand) 12%, transparent);
  font-size: 0.84rem;
  color: var(--text-secondary);
}
.raffle-trust-item { display: flex; align-items: center; gap: 6px; }
.raffle-layout {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
  margin-bottom: 28px;
}
.raffle-panel {
  padding: 20px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.94);
}
.raffle-tabs { display: flex; gap: 6px; margin-bottom: 16px; flex-wrap: wrap; }
.raffle-tab {
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--bg);
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
}
.raffle-tab.is-active {
  background: var(--brand-soft);
  border-color: var(--brand);
  color: var(--brand);
}
.raffle-textarea {
  width: 100%;
  min-height: 180px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--border);
  font-family: inherit;
  font-size: 0.88rem;
  resize: vertical;
}
.raffle-field { margin-bottom: 14px; }
.raffle-field label { display: block; margin-bottom: 6px; font-size: 0.84rem; font-weight: 600; }
.raffle-label { display: block; margin-bottom: 8px; font-weight: 700; font-size: 0.88rem; }
.raffle-hint { font-size: 0.82rem; color: var(--text-muted); line-height: 1.5; }
.raffle-hint--warn {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid color-mix(in srgb, var(--brand-2) 25%, var(--border));
  background: color-mix(in srgb, var(--brand-2) 5%, white);
}
.raffle-advanced {
  margin: 12px 0;
  padding: 12px 14px;
  border: 1px dashed var(--border);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
}
.raffle-advanced summary {
  cursor: pointer;
  font-size: 0.84rem;
  font-weight: 700;
  color: var(--text-muted);
}
.raffle-advanced .field-input { margin-top: 10px; }
.raffle-status { margin-top: 10px; font-size: 0.84rem; color: var(--brand); }
.raffle-sidebar { display: flex; flex-direction: column; gap: 12px; }
.raffle-stat-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.94);
  text-align: center;
}
.raffle-stat-label { display: block; font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; }
.raffle-stat-value { font-size: 1.8rem; color: var(--brand); }
.raffle-license-box {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--brand-2) 35%, var(--border));
  background: color-mix(in srgb, var(--brand-2) 6%, white);
}
.raffle-license-box h3 { margin: 0 0 8px; font-size: 0.95rem; }
.raffle-audit,
.raffle-results {
  margin-bottom: 24px;
  padding: 20px 24px;
  border-radius: 16px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.94);
}
.raffle-audit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.raffle-audit-grid div { display: flex; flex-direction: column; gap: 4px; }
.raffle-audit-grid span { font-size: 0.75rem; color: var(--text-muted); text-transform: uppercase; }
.raffle-audit-grid code { font-size: 0.78rem; word-break: break-all; }
.raffle-winner-list { margin: 0; padding-left: 20px; }
.raffle-winner-list li { margin-bottom: 10px; }
.raffle-winner-list span { display: block; font-size: 0.84rem; color: var(--text-muted); }

.admin-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}
.admin-form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.admin-form-grid label { display: flex; flex-direction: column; gap: 4px; font-size: 0.84rem; font-weight: 600; }
.admin-field-full { grid-column: 1 / -1; }
.admin-hint {
  display: block;
  margin-top: 6px;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--text-muted);
  line-height: 1.45;
}
.admin-hint code { font-size: 0.76rem; }

@media (max-width: 900px) {
  .raffle-layout { grid-template-columns: 1fr; }
  .admin-grid-2 { grid-template-columns: 1fr; }
}

/* Simpliers tarzı çekiliş sihirbazı */
.raffle-wizard-wrap { max-width: 820px; margin: 0 auto; }
.raffle-steps {
  display: flex;
  gap: 6px;
  margin: 24px 0 20px;
  flex-wrap: wrap;
}
.raffle-step-item {
  flex: 1;
  min-width: 90px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.9);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--text-muted);
}
.raffle-step-item span {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--bg-elevated);
  font-size: 0.72rem;
}
.raffle-step-item.is-active {
  border-color: var(--brand);
  color: var(--brand);
  background: var(--brand-soft);
}
.raffle-step-item.is-active span { background: var(--brand); color: #fff; }
.raffle-step-item.is-done { border-color: var(--brand-2); color: var(--brand-2); }
.raffle-wizard-card {
  padding: 28px 26px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: var(--shadow);
}
.raffle-wizard-card h2 { margin: 0 0 12px; font-size: 1.25rem; }
.raffle-wizard-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.field-input--lg { padding: 14px 16px; font-size: 1rem; }
.raffle-source-toggle { display: flex; gap: 10px; margin: 16px 0; flex-wrap: wrap; }
.raffle-source-opt {
  flex: 1;
  min-width: 180px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 2px solid var(--border);
  cursor: pointer;
  font-weight: 600;
  font-size: 0.88rem;
}
.raffle-source-opt.is-active { border-color: var(--brand); background: var(--brand-soft); }
.raffle-source-opt--disabled { opacity: 0.5; cursor: not-allowed; }
.raffle-rules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
  margin-top: 16px;
}
.raffle-field--check label { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.raffle-progress-wrap {
  height: 10px;
  border-radius: 999px;
  background: var(--bg-elevated);
  overflow: hidden;
  margin: 20px 0 12px;
}
.raffle-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--brand), var(--brand-2));
  border-radius: 999px;
  transition: width 0.35s ease;
}
.raffle-fetch-status { font-weight: 600; color: var(--text); }
.raffle-fetch-count { font-size: 0.9rem; color: var(--text-secondary); }
.raffle-fetch-count strong { color: var(--brand); }
.raffle-shuffle-screen {
  text-align: center;
  padding: 40px 20px;
  min-height: 220px;
}
.raffle-countdown {
  font-size: 4rem;
  font-weight: 900;
  color: var(--brand);
  line-height: 1;
  margin-bottom: 16px;
}
.raffle-shuffle-name {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--text);
  min-height: 2rem;
  margin-bottom: 8px;
}
.raffle-winner-reveal { text-align: center; padding-top: 20px; }
.raffle-winner-badge {
  display: inline-block;
  margin: 6px;
  padding: 10px 18px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), var(--brand-2));
  color: #fff;
  font-weight: 800;
  font-size: 1.05rem;
}
.raffle-certificate {
  padding: 24px;
  border-radius: 16px;
  border: 2px solid var(--brand-2);
  background: linear-gradient(145deg, var(--brand-soft), #fff);
  margin-bottom: 22px;
  text-align: center;
}
.raffle-cert-head {
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--brand);
}
.raffle-cert-meta { color: var(--text-muted); font-size: 0.88rem; }
.raffle-cert-code { font-size: 1.1rem; margin: 12px 0; }
.raffle-cert-code strong {
  font-family: ui-monospace, monospace;
  letter-spacing: 0.12em;
  color: var(--brand);
}
.raffle-results-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 20px;
}
.raffle-winner-list--backup { opacity: 0.85; }
.raffle-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.raffle-modal {
  background: #fff;
  border-radius: 16px;
  max-width: 560px;
  width: 100%;
  max-height: 80vh;
  overflow: auto;
  padding: 22px;
  position: relative;
}
.raffle-modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  border: none;
  background: var(--bg-elevated);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}
.raffle-participant-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
.raffle-participant-row {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--bg-elevated);
  font-size: 0.86rem;
}
.raffle-participant-row span { color: var(--text-muted); font-size: 0.8rem; }

@media (max-width: 700px) {
  .raffle-results-cols { grid-template-columns: 1fr; }
  .raffle-step-item { min-width: calc(50% - 6px); flex: none; }
}

/* —— Ticari İhtiyaç Kredisi (modern) —— */
.calc-form--ticari-modern > .native-field { display: none !important; }
.ticari-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.ticari-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #0d9488 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.ticari-rate-chip strong { color: #0d9488; font-size: 0.72rem; }
.ticari-rate-chip--info strong { color: #2563eb; }
.ticari-rate-chip--warn strong { color: #b45309; }
.ticari-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.ticari-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #0d9488 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #0d9488 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0d9488 7%, transparent);
}
.ticari-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #0d9488 10%, transparent), transparent 55%);
}
.ticari-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ticari-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.ticari-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #0d9488;
  box-shadow: 0 0 0 3px color-mix(in srgb, #0d9488 22%, transparent);
}
.ticari-preview-annual {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #0d9488 10%, var(--surface)); color: #0d9488;
  border: 1px solid color-mix(in srgb, #0d9488 20%, transparent);
}
.ticari-taksit-mode {
  display: flex; align-items: flex-start; gap: 8px; margin-bottom: 14px;
  font-size: 0.82rem; color: var(--text-secondary); cursor: pointer;
}
.ticari-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.ticari-field--wide { grid-column: 1 / -1; }
.ticari-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.ticari-field-row, .ticari-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.ticari-field-row:focus-within { border-color: color-mix(in srgb, #0d9488 35%, var(--border)); }
.ticari-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.ticari-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.ticari-quick-chips--vade { margin-top: 6px; }
.ticari-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #0d9488 22%, var(--border));
  background: color-mix(in srgb, #0d9488 6%, var(--surface)); color: #0d9488; cursor: pointer;
}
.ticari-quick-btn:hover { background: color-mix(in srgb, #0d9488 14%, var(--surface)); }
.ticari-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.ticari-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #0d9488 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #0d9488 12%, var(--border));
}
.ticari-preview-card--main { grid-column: 1 / -1; }
.ticari-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.ticari-preview-pmt, .ticari-preview-total { font-size: 1.35rem; font-weight: 800; color: #0d9488; }
.ticari-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.ticari-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #0d9488 8%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, #0d9488 15%, var(--border));
}
.ticari-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.ticari-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #0d9488; margin: 4px 0; }
.ticari-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.ticari-plan-title { margin: 16px 0 8px; font-size: 0.9rem; }
.ticari-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* —— İhtiyaç Kredisi (modern) —— */
.calc-form--ihtiyac-modern > .native-field { display: none !important; }
.ihtiyac-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.ihtiyac-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #7c3aed 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.ihtiyac-rate-chip strong { color: #7c3aed; font-size: 0.72rem; }
.ihtiyac-rate-chip--info strong { color: #2563eb; }
.ihtiyac-rate-chip--warn strong { color: #b45309; }
.ihtiyac-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.ihtiyac-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #7c3aed 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #7c3aed 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #7c3aed 7%, transparent);
}
.ihtiyac-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #7c3aed 10%, transparent), transparent 55%);
}
.ihtiyac-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ihtiyac-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.ihtiyac-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #7c3aed;
  box-shadow: 0 0 0 3px color-mix(in srgb, #7c3aed 22%, transparent);
}
.ihtiyac-preview-annual {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #7c3aed 10%, var(--surface)); color: #7c3aed;
  border: 1px solid color-mix(in srgb, #7c3aed 20%, transparent);
}
.ihtiyac-taksit-mode {
  display: flex; align-items: flex-start; gap: 8px; margin-bottom: 14px;
  font-size: 0.82rem; color: var(--text-secondary); cursor: pointer;
}
.ihtiyac-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.ihtiyac-field--wide { grid-column: 1 / -1; }
.ihtiyac-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.ihtiyac-field-row, .ihtiyac-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.ihtiyac-field-row:focus-within { border-color: color-mix(in srgb, #7c3aed 35%, var(--border)); }
.ihtiyac-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.ihtiyac-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.ihtiyac-quick-chips--vade { margin-top: 6px; }
.ihtiyac-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #7c3aed 22%, var(--border));
  background: color-mix(in srgb, #7c3aed 6%, var(--surface)); color: #7c3aed; cursor: pointer;
}
.ihtiyac-quick-btn:hover { background: color-mix(in srgb, #7c3aed 14%, var(--surface)); }
.ihtiyac-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.ihtiyac-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #7c3aed 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #7c3aed 12%, var(--border));
}
.ihtiyac-preview-card--main { grid-column: 1 / -1; }
.ihtiyac-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.ihtiyac-preview-pmt, .ihtiyac-preview-total { font-size: 1.35rem; font-weight: 800; color: #7c3aed; }
.ihtiyac-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.ihtiyac-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #7c3aed 8%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, #7c3aed 15%, var(--border));
}
.ihtiyac-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.ihtiyac-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #7c3aed; margin: 4px 0; }
.ihtiyac-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.ihtiyac-plan-title { margin: 16px 0 8px; font-size: 0.9rem; }
.ihtiyac-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* —— İş Yeri Kredisi (modern) —— */
.calc-form--iyk-modern > .native-field { display: none !important; }
.iyk-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.iyk-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #4f46e5 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.iyk-rate-chip strong { color: #4f46e5; font-size: 0.72rem; }
.iyk-rate-chip--info strong { color: #2563eb; }
.iyk-rate-chip--warn strong { color: #b45309; }
.iyk-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.iyk-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #4f46e5 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #4f46e5 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #4f46e5 7%, transparent);
}
.iyk-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #4f46e5 10%, transparent), transparent 55%);
}
.iyk-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.iyk-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.iyk-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #4f46e5;
  box-shadow: 0 0 0 3px color-mix(in srgb, #4f46e5 22%, transparent);
}
.iyk-preview-annual {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #4f46e5 10%, var(--surface)); color: #4f46e5;
  border: 1px solid color-mix(in srgb, #4f46e5 20%, transparent);
}
.iyk-amac-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.iyk-amac-tab {
  flex: 1; min-width: 140px; padding: 8px 10px; border-radius: 10px;
  font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border);
  background: var(--surface); color: var(--text-secondary); cursor: pointer;
}
.iyk-amac-tab.is-active {
  background: color-mix(in srgb, #4f46e5 12%, var(--surface)); color: #4f46e5;
  border-color: color-mix(in srgb, #4f46e5 28%, var(--border));
}
.iyk-taksit-mode {
  display: flex; align-items: flex-start; gap: 8px; margin-bottom: 14px;
  font-size: 0.82rem; color: var(--text-secondary); cursor: pointer;
}
.iyk-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.iyk-field--wide { grid-column: 1 / -1; }
.iyk-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.iyk-field-row, .iyk-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.iyk-field-row:focus-within { border-color: color-mix(in srgb, #4f46e5 35%, var(--border)); }
.iyk-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.iyk-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.iyk-quick-chips--vade { margin-top: 6px; }
.iyk-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #4f46e5 22%, var(--border));
  background: color-mix(in srgb, #4f46e5 6%, var(--surface)); color: #4f46e5; cursor: pointer;
}
.iyk-quick-btn:hover { background: color-mix(in srgb, #4f46e5 14%, var(--surface)); }
.iyk-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 0.78rem; color: var(--text-secondary); }
.iyk-rate-strip strong { color: #4f46e5; }
.iyk-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.iyk-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #4f46e5 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #4f46e5 12%, var(--border));
}
.iyk-preview-card--main { grid-column: 1 / -1; }
.iyk-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.iyk-preview-pmt, .iyk-preview-total { font-size: 1.35rem; font-weight: 800; color: #4f46e5; }
.iyk-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.iyk-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #4f46e5 8%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, #4f46e5 15%, var(--border));
}
.iyk-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.iyk-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #4f46e5; margin: 4px 0; }
.iyk-result-hero-badge {
  display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700;
  background: color-mix(in srgb, #4f46e5 10%, var(--surface)); color: #4f46e5;
  border: 1px solid color-mix(in srgb, #4f46e5 20%, transparent); margin-bottom: 6px;
}
.iyk-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.iyk-plan-title { margin: 16px 0 8px; font-size: 0.9rem; }
.iyk-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* —— Konut Kredisi (modern) —— */
.calc-form--kk-modern > .native-field { display: none !important; }
.kk-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.kk-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #0d9488 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.kk-rate-chip strong { color: #0d9488; font-size: 0.72rem; }
.kk-rate-chip--info strong { color: #0891b2; }
.kk-rate-chip--warn strong { color: #b45309; }
.kk-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kk-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #0d9488 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #0d9488 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0d9488 7%, transparent);
}
.kk-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #0d9488 10%, transparent), transparent 55%);
}
.kk-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.kk-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.kk-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #0d9488;
  box-shadow: 0 0 0 3px color-mix(in srgb, #0d9488 22%, transparent);
}
.kk-preview-annual {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #0d9488 10%, var(--surface)); color: #0d9488;
  border: 1px solid color-mix(in srgb, #0d9488 20%, transparent);
}
.kk-konut-check, .kk-taksit-mode {
  display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px;
  font-size: 0.82rem; color: var(--text-secondary); cursor: pointer;
}
.kk-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.kk-field-grid--advanced { margin-top: 10px; }
.kk-field--wide { grid-column: 1 / -1; }
.kk-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.kk-field-row {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.kk-field-row:focus-within { border-color: color-mix(in srgb, #0d9488 35%, var(--border)); }
.kk-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.kk-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.kk-quick-chips--vade { margin-top: 6px; }
.kk-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #0d9488 22%, var(--border));
  background: color-mix(in srgb, #0d9488 6%, var(--surface)); color: #0d9488; cursor: pointer;
}
.kk-quick-btn:hover { background: color-mix(in srgb, #0d9488 14%, var(--surface)); }
.kk-advanced {
  margin-top: 14px; padding: 10px 12px; border-radius: 12px;
  border: 1px dashed color-mix(in srgb, #0d9488 25%, var(--border));
  background: color-mix(in srgb, #0d9488 3%, var(--surface));
}
.kk-advanced summary {
  cursor: pointer; font-size: 0.82rem; font-weight: 700; color: #0d9488;
}
.kk-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 0.78rem; color: var(--text-secondary); }
.kk-rate-strip strong { color: #0d9488; }
.kk-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.kk-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #0d9488 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #0d9488 12%, var(--border));
}
.kk-preview-card--main { grid-column: 1 / -1; }
.kk-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.kk-preview-pmt, .kk-preview-total { font-size: 1.35rem; font-weight: 800; color: #0d9488; }
.kk-preview-ltv, .kk-preview-afford { margin: 6px 0 0; font-size: 0.78rem; color: var(--text-secondary); }
.kk-preview-afford--warn { color: #b45309; font-weight: 700; }
.kk-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.kk-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #0d9488 8%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, #0d9488 15%, var(--border));
}
.kk-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.kk-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #0d9488; margin: 4px 0; }
.kk-result-hero-badge {
  display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700;
  background: color-mix(in srgb, #0d9488 10%, var(--surface)); color: #0d9488;
  border: 1px solid color-mix(in srgb, #0d9488 20%, transparent); margin-bottom: 6px;
}
.kk-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.kk-ltv-strip, .kk-afford-bar {
  display: flex; flex-wrap: wrap; justify-content: center; gap: 12px;
  margin-top: 10px; font-size: 0.78rem; color: var(--text-secondary);
}
.kk-ltv-strip strong, .kk-afford-bar strong { color: #0d9488; }
.kk-afford-bar--warn { color: #b45309; }
.kk-afford-bar--warn strong { color: #b45309; }
.kk-section-title { margin: 18px 0 8px; font-size: 0.9rem; }
.kk-analysis-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.kk-analysis-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #0d9488 4%, var(--surface));
  border: 1px solid color-mix(in srgb, #0d9488 12%, var(--border));
}
.kk-analysis-card--wide { grid-column: 1 / -1; }
.kk-analysis-label { display: block; font-size: 0.72rem; color: var(--text-muted); }
.kk-analysis-value { display: block; font-size: 1.15rem; font-weight: 800; color: #0d9488; margin: 4px 0; }
.kk-analysis-sub { font-size: 0.75rem; color: var(--text-secondary); }
.kk-vade-table .kk-vade-row--active { background: color-mix(in srgb, #0d9488 8%, var(--surface)); font-weight: 700; }
.kk-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* —— Sınav Puanı (modern) —— */
.calc-form--snv-modern > .native-field { display: none !important; }
.calc-form--snv-native .snv-native-bar {
  display: flex; align-items: center; gap: 10px; margin-bottom: 16px; padding: 12px 14px;
  border-radius: 12px; background: color-mix(in srgb, #7c3aed 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #7c3aed 18%, var(--border));
  font-size: 0.88rem;
}
.snv-native-badge {
  margin-left: auto; padding: 4px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #7c3aed 12%, var(--surface)); color: #7c3aed;
}
.snv-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.snv-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, #7c3aed 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.snv-rate-chip strong { color: #7c3aed; font-size: 0.72rem; }
.snv-rate-chip--info strong { color: #6d28d9; }
.snv-rate-chip--warn strong { color: #b45309; }
.snv-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.snv-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #7c3aed 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #7c3aed 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #7c3aed 7%, transparent);
}
.snv-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 10% 0%, color-mix(in srgb, #7c3aed 10%, transparent), transparent 55%);
}
.snv-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.snv-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.snv-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #7c3aed;
  box-shadow: 0 0 0 3px color-mix(in srgb, #7c3aed 22%, transparent);
}
.snv-preview-badge {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #7c3aed 10%, var(--surface)); color: #7c3aed;
  border: 1px solid color-mix(in srgb, #7c3aed 20%, transparent);
}
.snv-section-label {
  grid-column: 1 / -1; font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: 0.04em; color: var(--text-muted); margin-top: 6px;
}
.snv-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.snv-field--wide { grid-column: 1 / -1; }
.snv-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.snv-field-row {
  width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border);
  background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.snv-field-row:focus-within { border-color: color-mix(in srgb, #7c3aed 35%, var(--border)); }
.snv-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.snv-check { display: flex; align-items: flex-start; gap: 8px; grid-column: 1 / -1; font-size: 0.82rem; color: var(--text-secondary); cursor: pointer; }
.snv-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.snv-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #7c3aed 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #7c3aed 12%, var(--border));
}
.snv-preview-card--main { grid-column: 1 / -1; }
.snv-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.snv-preview-main, .snv-preview-sub { font-size: 1.35rem; font-weight: 800; color: #7c3aed; }
.snv-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.snv-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #7c3aed 8%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, #7c3aed 15%, var(--border));
}
.snv-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.snv-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #7c3aed; margin: 4px 0; }
.snv-result-hero-badge {
  display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700;
  background: color-mix(in srgb, #7c3aed 10%, var(--surface)); color: #7c3aed;
  border: 1px solid color-mix(in srgb, #7c3aed 20%, transparent); margin-bottom: 6px;
}
.snv-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.snv-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }
.snv-panel--yks .snv-field-grid { grid-template-columns: repeat(3, 1fr); }
.snv-yks-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 16px;
}
.snv-yks-card {
  padding: 14px 12px; border-radius: 12px; text-align: center;
  background: color-mix(in srgb, #7c3aed 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #7c3aed 12%, var(--border));
}
.snv-yks-card--primary {
  border-color: color-mix(in srgb, #7c3aed 35%, var(--border));
  background: color-mix(in srgb, #7c3aed 10%, var(--surface));
}
.snv-yks-card--muted { opacity: 0.55; }
.snv-yks-card-type { display: block; font-size: 0.72rem; font-weight: 700; color: var(--text-muted); }
.snv-yks-card-value { display: block; font-size: 1.25rem; font-weight: 800; color: #7c3aed; margin: 4px 0; }
.snv-yks-card-yer, .snv-yks-card-rank, .snv-yks-card-note {
  display: block; font-size: 0.72rem; color: var(--text-secondary); line-height: 1.4;
}

/* —— Kredi Yapılandırma (modern) —— */
.calc-form--yapi-modern > .native-field { display: none !important; }
.yapi-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.yapi-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #4f46e5 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.yapi-rate-chip strong { color: #4f46e5; font-size: 0.72rem; }
.yapi-rate-chip--info strong { color: #2563eb; }
.yapi-rate-chip--warn strong { color: #b45309; }
.yapi-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.yapi-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #4f46e5 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #4f46e5 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #4f46e5 7%, transparent);
}
.yapi-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 85% 0%, color-mix(in srgb, #4f46e5 10%, transparent), transparent 55%);
}
.yapi-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.yapi-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.yapi-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #4f46e5;
  box-shadow: 0 0 0 3px color-mix(in srgb, #4f46e5 22%, transparent);
}
.yapi-preview-kalan {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #4f46e5 10%, var(--surface)); color: #4f46e5;
  border: 1px solid color-mix(in srgb, #4f46e5 20%, transparent);
}
.yapi-section-label {
  font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--text-muted); margin: 14px 0 8px;
}
.yapi-section-label:first-of-type { margin-top: 0; }
.yapi-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.yapi-field--wide { grid-column: 1 / -1; }
.yapi-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.yapi-konut-check { display: flex; align-items: flex-start; gap: 8px; cursor: pointer; font-size: 0.82rem; color: var(--text-secondary); }
.yapi-field-row, .yapi-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.yapi-field-row:focus-within { border-color: color-mix(in srgb, #4f46e5 35%, var(--border)); }
.yapi-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.yapi-compare-preview {
  display: grid; grid-template-columns: 1fr auto 1fr; gap: 8px 12px; align-items: center;
  margin-top: 18px; padding: 16px; border-radius: 14px;
  background: color-mix(in srgb, #4f46e5 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #4f46e5 12%, var(--border));
}
.yapi-compare-col-label { display: block; font-size: 0.72rem; color: var(--text-muted); }
.yapi-preview-old, .yapi-preview-new { font-size: 1.2rem; font-weight: 800; }
.yapi-preview-old { color: var(--text-secondary); }
.yapi-preview-new { color: #4f46e5; }
.yapi-compare-arrow { font-size: 1.2rem; color: var(--text-muted); font-weight: 700; }
.yapi-preview-delta-wrap { grid-column: 1 / -1; text-align: center; }
.yapi-preview-delta {
  display: inline-block; padding: 4px 12px; border-radius: 999px;
  font-size: 0.82rem; font-weight: 700;
  background: color-mix(in srgb, #4f46e5 10%, var(--surface));
}
.yapi-delta--good { color: #059669; background: color-mix(in srgb, #059669 10%, var(--surface)); }
.yapi-delta--warn { color: #b45309; background: color-mix(in srgb, #b45309 10%, var(--surface)); }
.yapi-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); text-align: center; }
.yapi-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  background: linear-gradient(135deg, color-mix(in srgb, #4f46e5 8%, var(--surface)), var(--surface));
  border: 1px solid color-mix(in srgb, #4f46e5 15%, var(--border));
}
.yapi-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.yapi-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #4f46e5; margin: 4px 0; }
.yapi-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.yapi-compare-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
.yapi-compare-card {
  padding: 14px; border-radius: 12px;
  background: var(--bg-elevated); border: 1px solid var(--border);
}
.yapi-compare-card--good { border-color: color-mix(in srgb, #059669 30%, var(--border)); }
.yapi-compare-card--warn { border-color: color-mix(in srgb, #b45309 30%, var(--border)); }
.yapi-compare-label { display: block; font-size: 0.72rem; color: var(--text-muted); }
.yapi-compare-value { display: block; font-size: 1.25rem; font-weight: 800; margin: 4px 0; }
.yapi-compare-sub { font-size: 0.78rem; color: var(--text-secondary); }
.yapi-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

@media (max-width: 560px) {
  .ticari-field-grid, .iyk-field-grid, .kk-field-grid, .snv-field-grid, .snv-panel--yks .snv-field-grid, .yapi-field-grid { grid-template-columns: 1fr; }
  .snv-yks-grid { grid-template-columns: 1fr; }
  .snv-preview-grid { grid-template-columns: 1fr; }
  .kk-analysis-grid { grid-template-columns: 1fr; }
  .ticari-preview-grid { grid-template-columns: 1fr; }
  .yapi-compare-preview { grid-template-columns: 1fr; }
  .yapi-compare-arrow { display: none; }
  .yapi-compare-grid { grid-template-columns: 1fr; }
}

/* —— Reel Getiri (modern) —— */
.calc-form--reel-modern > .native-field { display: none !important; }
.reel-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.reel-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #d97706 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.reel-rate-chip strong { color: #d97706; font-size: 0.72rem; }
.reel-rate-chip--info strong { color: #2563eb; }
.reel-rate-chip--warn strong { color: #b45309; }
.reel-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.reel-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #d97706 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #d97706 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #d97706 7%, transparent);
}
.reel-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #d97706 10%, transparent), transparent 55%);
}
.reel-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.reel-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.reel-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #d97706;
  box-shadow: 0 0 0 3px color-mix(in srgb, #d97706 22%, transparent);
}
.reel-preview-nominal {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #d97706 10%, var(--surface)); color: #d97706;
  border: 1px solid color-mix(in srgb, #d97706 20%, transparent);
}
.reel-mode-tabs { display: flex; gap: 6px; margin-bottom: 14px; }
.reel-mode-tab {
  flex: 1; padding: 8px 10px; border-radius: 10px; font-size: 0.82rem; font-weight: 700;
  border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer;
}
.reel-mode-tab.is-active {
  background: color-mix(in srgb, #d97706 12%, var(--surface)); color: #d97706;
  border-color: color-mix(in srgb, #d97706 30%, var(--border));
}
.reel-section-label {
  font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--text-muted); margin: 14px 0 8px;
}
.reel-field-grid, .reel-date-grid, .reel-inf-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.reel-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.reel-field-row, .reel-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.reel-field-row:focus-within { border-color: color-mix(in srgb, #d97706 35%, var(--border)); }
.reel-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.reel-custom-inf {
  display: flex; align-items: flex-start; gap: 8px; margin-bottom: 10px;
  font-size: 0.82rem; color: var(--text-secondary); cursor: pointer;
}
.reel-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.reel-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #d97706 22%, var(--border));
  background: color-mix(in srgb, #d97706 6%, var(--surface)); color: #d97706; cursor: pointer;
}
.reel-quick-btn:hover { background: color-mix(in srgb, #d97706 14%, var(--surface)); }
.reel-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.reel-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #d97706 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #d97706 12%, var(--border));
}
.reel-preview-card--main { grid-column: 1 / -1; }
.reel-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.reel-preview-rate { font-size: 1.5rem; font-weight: 800; }
.reel-preview-rate.is-pos { color: #059669; }
.reel-preview-rate.is-neg { color: #dc2626; }
.reel-preview-gain { font-size: 1.2rem; font-weight: 800; color: #d97706; }
.reel-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.reel-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 16px; border-radius: 14px;
  border: 1px solid var(--border);
}
.reel-result-hero--pos {
  background: linear-gradient(135deg, color-mix(in srgb, #059669 8%, var(--surface)), var(--surface));
  border-color: color-mix(in srgb, #059669 20%, var(--border));
}
.reel-result-hero--neg {
  background: linear-gradient(135deg, color-mix(in srgb, #dc2626 8%, var(--surface)), var(--surface));
  border-color: color-mix(in srgb, #dc2626 20%, var(--border));
}
.reel-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.reel-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; margin: 4px 0; }
.reel-result-hero--pos .reel-result-hero-value { color: #059669; }
.reel-result-hero--neg .reel-result-hero-value { color: #dc2626; }
.reel-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.reel-formula-box {
  padding: 12px 14px; margin-bottom: 14px; border-radius: 10px;
  background: var(--bg-elevated); font-size: 0.84rem; color: var(--text-secondary);
}
.reel-formula-detail { display: block; margin-top: 6px; font-size: 0.8rem; }
.reel-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

@media (max-width: 560px) {
  .reel-field-grid, .reel-date-grid, .reel-inf-grid { grid-template-columns: 1fr; }
  .reel-preview-grid { grid-template-columns: 1fr; }
}

/* —— Zam Hesaplama (modern) —— */
.calc-form--zam-modern > .native-field { display: none !important; }

/* Modern araçlar — yerel form alanlarını gizle (çift form önleme) */
.calc-form--fitre-modern > .native-field,
.calc-form--kusak-modern > .native-field,
.calc-form--klima-btu-modern > .native-field,
.calc-form--aidat-modern > .native-field,
.calc-form--ay-modern > .native-field,
.calc-form--astro-modern > .native-field,
.calc-form--dask-modern > .native-field,
.calc-form--geo-modern > .native-field,
.calc-form--sigorta-modern > .native-field,
.calc-form--arsa-modern > .native-field,
.calc-form--insaat-modern > .native-field,
.calc-form--kargo-modern > .native-field,
.calc-form--om-modern > .native-field,
.calc-form--th-modern > .native-field,
.calc-form--dak-modern > .native-field,
.calc-form--bn-modern > .native-field { display: none !important; }

/* ── Fitre (yeşil tema) ── */
.fitre-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.fitre-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #059669 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.fitre-rate-chip strong { color: #059669; font-size: 0.72rem; }
.fitre-rate-chip--info strong { color: #10b981; }
.fitre-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.fitre-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #065f46 8%, var(--surface)) 0%, var(--surface) 60%);
  border: 1px solid color-mix(in srgb, #059669 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #065f46 8%, transparent);
}
.fitre-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #10b981 12%, transparent), transparent 55%); }
.fitre-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.fitre-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.fitre-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 3px color-mix(in srgb, #10b981 25%, transparent); }
.fitre-preview-unit { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #059669 10%, var(--surface)); color: #059669; border: 1px solid color-mix(in srgb, #059669 20%, transparent); }
.fitre-bayram-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.fitre-bayram-tab { padding: 6px 12px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.fitre-bayram-tab.is-active { background: color-mix(in srgb, #059669 12%, var(--surface)); color: #059669; border-color: color-mix(in srgb, #059669 30%, var(--border)); }
.fitre-field { display: block; margin-bottom: 10px; position: relative; }
.fitre-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.fitre-field-select, .fitre-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.fitre-field-row { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.fitre-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.fitre-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #059669 20%, var(--border)); background: color-mix(in srgb, #059669 6%, var(--surface)); color: #059669; cursor: pointer; }
.fitre-quick-btn.is-active { background: color-mix(in srgb, #059669 16%, var(--surface)); }
.fitre-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.fitre-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #059669 5%, var(--surface)); border: 1px solid color-mix(in srgb, #059669 12%, var(--border)); }
.fitre-preview-card--main { grid-column: 1 / -1; }
.fitre-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.fitre-preview-main { font-size: 1.45rem; font-weight: 800; color: #059669; }
.fitre-preview-sub { font-size: 1rem; font-weight: 700; color: var(--text-secondary); }
.fitre-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.fitre-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #059669 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #065f46 8%, var(--surface)), var(--surface)); }
.fitre-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #059669; margin: 4px 0; }
.fitre-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* ── Kuşak (mor tema) ── */
.kusak-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.kusak-rate-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, #7c3aed 18%, transparent); font-size: 0.8rem; color: var(--text-secondary); }
.kusak-rate-chip strong { color: #7c3aed; font-size: 0.72rem; }
.kusak-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kusak-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #5b21b6 8%, var(--surface)) 0%, var(--surface) 60%);
  border: 1px solid color-mix(in srgb, #7c3aed 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #5b21b6 8%, transparent);
}
.kusak-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #a78bfa 12%, transparent), transparent 55%); }
.kusak-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.kusak-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.kusak-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #a78bfa; box-shadow: 0 0 0 3px color-mix(in srgb, #a78bfa 25%, transparent); }
.kusak-preview-age { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #7c3aed 10%, var(--surface)); color: #7c3aed; border: 1px solid color-mix(in srgb, #7c3aed 20%, transparent); }
.kusak-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.kusak-field-row { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.kusak-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; font-weight: 600; }
.kusak-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0; position: relative; }
.kusak-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #7c3aed 20%, var(--border)); background: color-mix(in srgb, #7c3aed 6%, var(--surface)); color: #7c3aed; cursor: pointer; }
.kusak-quick-btn.is-active { background: color-mix(in srgb, #7c3aed 14%, var(--surface)); }
.kusak-preview-stage { padding: 14px; border-radius: 14px; background: color-mix(in srgb, #4c1d95 6%, var(--surface)); border: 1px solid color-mix(in srgb, #7c3aed 12%, var(--border)); position: relative; }
.kusak-preview-name { font-size: 1.35rem; font-weight: 800; color: #c4b5fd; display: block; }
.kusak-preview-sub { font-size: 0.84rem; color: var(--text-secondary); }
.kusak-gen-strip { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.kusak-gen-dot { padding: 4px 8px; border-radius: 999px; font-size: 0.7rem; font-weight: 700; opacity: 0.4; border: 1px solid var(--border); color: var(--kusak-color, #7c3aed); }
.kusak-gen-dot.is-active { opacity: 1; background: color-mix(in srgb, var(--kusak-color, #7c3aed) 12%, var(--surface)); transform: scale(1.05); }
.kusak-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.kusak-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #7c3aed 20%, var(--border)); }
.kusak-result-hero-value { font-size: 1.6rem; font-weight: 800; color: #7c3aed; }

/* ── Klima BTU (mavi tema) ── */
.klima-btu-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.klima-btu-rate-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, #0284c7 18%, transparent); font-size: 0.8rem; color: var(--text-secondary); }
.klima-btu-rate-chip strong { color: #0284c7; font-size: 0.72rem; }
.klima-btu-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.klima-btu-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #0369a1 6%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #0284c7 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0369a1 7%, transparent);
}
.klima-btu-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #38bdf8 10%, transparent), transparent 55%); }
.klima-btu-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.klima-btu-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.klima-btu-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #0ea5e9; box-shadow: 0 0 0 3px color-mix(in srgb, #0ea5e9 22%, transparent); }
.klima-btu-preview-rec { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #0284c7 10%, var(--surface)); color: #0284c7; border: 1px solid color-mix(in srgb, #0284c7 20%, transparent); }
.klima-btu-region-grid { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.klima-btu-region-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.klima-btu-region-btn.is-active { background: color-mix(in srgb, #0284c7 12%, var(--surface)); color: #0284c7; border-color: color-mix(in srgb, #0284c7 28%, var(--border)); }
.klima-btu-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.klima-btu-field-select, .klima-btu-field-row { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.klima-btu-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.klima-btu-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.klima-btu-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.klima-btu-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #0284c7 20%, var(--border)); background: color-mix(in srgb, #0284c7 6%, var(--surface)); color: #0284c7; cursor: pointer; }
.klima-btu-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.klima-btu-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #0284c7 5%, var(--surface)); border: 1px solid color-mix(in srgb, #0284c7 12%, var(--border)); }
.klima-btu-preview-card--main { grid-column: 1 / -1; }
.klima-btu-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.klima-btu-preview-main { font-size: 1.45rem; font-weight: 800; color: #0284c7; }
.klima-btu-preview-sub { font-size: 1rem; font-weight: 700; color: var(--text-secondary); }
.klima-btu-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.klima-btu-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #0284c7 20%, var(--border)); }
.klima-btu-result-hero-value { font-size: 1.8rem; font-weight: 800; color: #0284c7; }

/* ── DASK (turuncu / deprem teması) ── */
.dask-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.dask-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #ea580c 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.dask-rate-chip strong { color: #ea580c; font-size: 0.72rem; }
.dask-rate-chip--info strong { color: #c2410c; }
.dask-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.dask-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #9a3412 7%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #ea580c 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #9a3412 8%, transparent);
}
.dask-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #fb923c 14%, transparent), transparent 55%); }
.dask-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.dask-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.dask-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #f97316; box-shadow: 0 0 0 3px color-mix(in srgb, #f97316 25%, transparent); }
.dask-preview-cov { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #ea580c 10%, var(--surface)); color: #c2410c; border: 1px solid color-mix(in srgb, #ea580c 20%, transparent); }
.dask-risk-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 12px; position: relative; }
.dask-risk-tab { flex: 1; min-width: 36px; padding: 6px 4px; border-radius: 8px; font-size: 0.72rem; font-weight: 800; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; text-align: center; }
.dask-risk-tab.is-active { background: color-mix(in srgb, #ea580c 14%, var(--surface)); color: #c2410c; border-color: color-mix(in srgb, #ea580c 30%, var(--border)); }
.dask-city-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; position: relative; }
.dask-city-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.dask-city-btn.is-active { background: color-mix(in srgb, #ea580c 12%, var(--surface)); color: #c2410c; border-color: color-mix(in srgb, #ea580c 28%, var(--border)); }
.dask-field { display: block; margin-bottom: 10px; position: relative; }
.dask-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.dask-field-select, .dask-field-row { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.dask-field-row { display: flex; align-items: center; gap: 8px; }
.dask-field-input { flex: 1; border: none; background: transparent; outline: none; font: inherit; font-weight: 600; }
.dask-field-suffix { font-size: 0.78rem; color: var(--text-muted); font-weight: 700; }
.dask-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.dask-field--check { display: flex; align-items: center; gap: 8px; padding-top: 18px; font-size: 0.82rem; cursor: pointer; }
.dask-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.dask-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #ea580c 20%, var(--border)); background: color-mix(in srgb, #ea580c 6%, var(--surface)); color: #c2410c; cursor: pointer; }
.dask-quick-btn.is-active { background: color-mix(in srgb, #ea580c 14%, var(--surface)); }
.dask-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.dask-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #ea580c 5%, var(--surface)); border: 1px solid color-mix(in srgb, #ea580c 12%, var(--border)); }
.dask-preview-card--main { grid-column: 1 / -1; }
.dask-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.dask-preview-main { font-size: 1.45rem; font-weight: 800; color: #c2410c; }
.dask-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.dask-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.dask-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #ea580c 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #9a3412 8%, var(--surface)), var(--surface)); }
.dask-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.dask-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #c2410c; margin: 4px 0; }
.dask-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.dask-coverage-bar { height: 6px; border-radius: 999px; background: color-mix(in srgb, #ea580c 10%, var(--border)); margin-bottom: 12px; overflow: hidden; }
.dask-coverage-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #fb923c, #ea580c); }
.dask-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.dask-adj-list { margin: 0 0 12px; padding-left: 18px; font-size: 0.82rem; color: var(--text-secondary); }
.dask-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* ── Coğrafi araçlar (teal / navigasyon teması) ── */
.geo-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #0e7490 7%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #0891b2 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0e7490 8%, transparent);
}
.geo-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 75% 0%, color-mix(in srgb, #22d3ee 12%, transparent), transparent 55%); }
.geo-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.geo-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.geo-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #06b6d4; box-shadow: 0 0 0 3px color-mix(in srgb, #06b6d4 25%, transparent); }
.geo-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #0891b2 10%, var(--surface)); color: #0e7490; border: 1px solid color-mix(in srgb, #0891b2 20%, transparent); }
.geo-field { display: block; margin-bottom: 10px; position: relative; }
.geo-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.geo-field-select, .geo-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.geo-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.geo-field--check { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; cursor: pointer; }
.geo-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.geo-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #0891b2 20%, var(--border)); background: color-mix(in srgb, #0891b2 6%, var(--surface)); color: #0e7490; cursor: pointer; }
.geo-quick-btn.is-active { background: color-mix(in srgb, #0891b2 14%, var(--surface)); }
.geo-mode-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.geo-mode-tabs--stack { flex-direction: column; }
.geo-mode-tab { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.8rem; cursor: pointer; }
.geo-mode-tab:has(input:checked) { border-color: color-mix(in srgb, #0891b2 30%, var(--border)); background: color-mix(in srgb, #0891b2 8%, var(--surface)); color: #0e7490; }
.geo-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.geo-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #0891b2 5%, var(--surface)); border: 1px solid color-mix(in srgb, #0891b2 12%, var(--border)); }
.geo-preview-card--main { grid-column: 1 / -1; }
.geo-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.geo-preview-main { font-size: 1.45rem; font-weight: 800; color: #0e7490; }
.geo-preview-sub { font-size: 1rem; font-weight: 700; color: var(--text-secondary); }
.geo-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.geo-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #0891b2 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #0e7490 8%, var(--surface)), var(--surface)); }
.geo-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.geo-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #0e7490; margin: 4px 0; }
.geo-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.geo-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.geo-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.geo-map-link { margin: 12px 0 0; font-size: 0.86rem; }
.geo-map-link a { color: #0e7490; font-weight: 700; }
.geo-btn-maps { display: inline-block; padding: 10px 16px; border-radius: 10px; background: color-mix(in srgb, #0891b2 12%, var(--surface)); border: 1px solid color-mix(in srgb, #0891b2 25%, var(--border)); text-decoration: none; }
.geo-distance-bars { margin-bottom: 12px; }
.geo-distance-bar { display: grid; grid-template-columns: 80px 1fr auto; gap: 8px; align-items: center; margin-bottom: 6px; font-size: 0.78rem; }
.geo-distance-bar > div { height: 8px; border-radius: 999px; background: linear-gradient(90deg, #22d3ee, #0891b2); max-width: 100%; }
.geo-distance-bar--road > div { background: linear-gradient(90deg, #06b6d4, #0e7490); }
.geo-qibla-compass { position: relative; width: 120px; height: 120px; margin: 0 auto 14px; border-radius: 50%; border: 2px solid color-mix(in srgb, #0891b2 30%, var(--border)); background: color-mix(in srgb, #0891b2 5%, var(--surface)); }
.geo-qibla-needle { position: absolute; inset: 10px; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0deg, #0e7490 20deg, transparent 40deg); transform-origin: center; }
.geo-qibla-n { position: absolute; top: 4px; left: 50%; transform: translateX(-50%); font-size: 0.65rem; font-weight: 800; color: var(--text-muted); }

@media (max-width: 560px) {
  .geo-field-grid, .geo-preview-grid { grid-template-columns: 1fr; }
}

/* ── Sigorta araçları (indigo tema) ── */
.sigorta-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.sigorta-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #4f46e5 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.sigorta-rate-chip strong { color: #4f46e5; font-size: 0.72rem; }
.sigorta-rate-chip--info strong { color: #6366f1; }
.sigorta-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.sigorta-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #312e81 7%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #4f46e5 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #312e81 8%, transparent);
}
.sigorta-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #818cf8 12%, transparent), transparent 55%); }
.sigorta-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.sigorta-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.sigorta-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #6366f1; box-shadow: 0 0 0 3px color-mix(in srgb, #6366f1 25%, transparent); }
.sigorta-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #4f46e5 10%, var(--surface)); color: #4338ca; border: 1px solid color-mix(in srgb, #4f46e5 20%, transparent); }
.sigorta-field { display: block; margin-bottom: 10px; position: relative; }
.sigorta-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.sigorta-field-select, .sigorta-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.sigorta-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.sigorta-field--check { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; cursor: pointer; }
.sigorta-check-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 10px; }
.sigorta-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.sigorta-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #4f46e5 20%, var(--border)); background: color-mix(in srgb, #4f46e5 6%, var(--surface)); color: #4338ca; cursor: pointer; }
.sigorta-quick-btn.is-active { background: color-mix(in srgb, #4f46e5 14%, var(--surface)); }
.sigorta-basamak-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 10px; }
.sigorta-basamak-tab { min-width: 32px; padding: 6px 8px; border-radius: 8px; font-size: 0.75rem; font-weight: 800; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; text-align: center; }
.sigorta-basamak-tab.is-active { background: color-mix(in srgb, #4f46e5 14%, var(--surface)); color: #4338ca; border-color: color-mix(in srgb, #4f46e5 30%, var(--border)); }
.sigorta-mode-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.sigorta-mode-tab { display: flex; align-items: center; gap: 6px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.8rem; cursor: pointer; }
.sigorta-mode-tab:has(input:checked) { border-color: color-mix(in srgb, #4f46e5 30%, var(--border)); background: color-mix(in srgb, #4f46e5 8%, var(--surface)); color: #4338ca; }
.sigorta-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.sigorta-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #4f46e5 5%, var(--surface)); border: 1px solid color-mix(in srgb, #4f46e5 12%, var(--border)); }
.sigorta-preview-card--main { grid-column: 1 / -1; }
.sigorta-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.sigorta-preview-main { font-size: 1.45rem; font-weight: 800; color: #4338ca; }
.sigorta-preview-sub { font-size: 1rem; font-weight: 700; color: var(--text-secondary); }
.sigorta-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.sigorta-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #4f46e5 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #312e81 8%, var(--surface)), var(--surface)); }
.sigorta-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.sigorta-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #4338ca; margin: 4px 0; }
.sigorta-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.sigorta-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.sigorta-adj-list { margin: 0 0 12px; padding-left: 18px; font-size: 0.82rem; color: var(--text-secondary); }
.sigorta-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

@media (max-width: 560px) {
  .sigorta-field-grid, .sigorta-preview-grid { grid-template-columns: 1fr; }
}

/* ── Aidat (kırmızı tema) ── */
.aidat-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.aidat-rate-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, #e11d48 18%, transparent); font-size: 0.8rem; color: var(--text-secondary); }
.aidat-rate-chip strong { color: #e11d48; font-size: 0.72rem; }
.aidat-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.aidat-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #9f1239 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #e11d48 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #9f1239 7%, transparent);
}
.aidat-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #fb7185 10%, transparent), transparent 55%); }
.aidat-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.aidat-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.aidat-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #f43f5e; box-shadow: 0 0 0 3px color-mix(in srgb, #f43f5e 22%, transparent); }
.aidat-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #e11d48 10%, var(--surface)); color: #e11d48; border: 1px solid color-mix(in srgb, #e11d48 20%, transparent); }
.aidat-field { display: block; margin-bottom: 10px; }
.aidat-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.aidat-field-row { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.aidat-field-input, .aidat-field-select { width: 100%; border: none; background: transparent; outline: none; font: inherit; font-weight: 600; }
.aidat-field-select { padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.aidat-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; }
.aidat-date-fields { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 10px; }
.aidat-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.aidat-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text-secondary); cursor: pointer; }
.aidat-quick-btn--amt.is-active, .aidat-rate-tab.is-active { background: color-mix(in srgb, #e11d48 12%, var(--surface)); color: #e11d48; border-color: color-mix(in srgb, #e11d48 28%, var(--border)); }
.aidat-rate-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.aidat-rate-tab { padding: 6px 12px; border-radius: 999px; font-size: 0.75rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.aidat-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.aidat-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #e11d48 5%, var(--surface)); border: 1px solid color-mix(in srgb, #e11d48 12%, var(--border)); }
.aidat-preview-card--main { grid-column: 1 / -1; }
.aidat-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.aidat-preview-main { font-size: 1.45rem; font-weight: 800; color: #e11d48; }
.aidat-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.aidat-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.aidat-check-row { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; font-size: 0.84rem; }

/* ── Arsa Payı (amber / toprak teması) ── */
.arsa-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.arsa-rate-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, #d97706 18%, transparent); font-size: 0.8rem; color: var(--text-secondary); }
.arsa-rate-chip strong { color: #d97706; font-size: 0.72rem; }
.arsa-rate-chip--info strong { color: #b45309; }
.arsa-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.arsa-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #92400e 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #d97706 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #92400e 7%, transparent);
}
.arsa-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 12% 0%, color-mix(in srgb, #f59e0b 12%, transparent), transparent 55%); }
.arsa-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.arsa-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.arsa-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 0 3px color-mix(in srgb, #f59e0b 22%, transparent); }
.arsa-preview-mode { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #d97706 10%, var(--surface)); color: #d97706; border: 1px solid color-mix(in srgb, #d97706 20%, transparent); }
.arsa-mode-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; position: relative; }
.arsa-mode-tab { flex: 1; min-width: 90px; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.arsa-mode-tab.is-active { background: color-mix(in srgb, #d97706 12%, var(--surface)); color: #d97706; border-color: color-mix(in srgb, #d97706 28%, var(--border)); }
.arsa-field { display: block; margin-bottom: 10px; position: relative; }
.arsa-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.arsa-field-row, .arsa-share-row { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.arsa-share-row .arsa-field-input { text-align: center; }
.arsa-share-slash { font-weight: 700; color: var(--text-muted); }
.arsa-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; font-weight: 600; }
.arsa-field-input--solo { padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.arsa-field-suffix { font-size: 0.78rem; font-weight: 700; color: var(--text-muted); white-space: nowrap; }
.arsa-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.arsa-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text-secondary); cursor: pointer; }
.arsa-quick-btn--fill { margin-top: 6px; background: color-mix(in srgb, #d97706 8%, var(--surface)); color: #d97706; border-color: color-mix(in srgb, #d97706 22%, var(--border)); }
.arsa-rayic-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 8px; }
.arsa-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; position: relative; }
.arsa-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #d97706 5%, var(--surface)); border: 1px solid color-mix(in srgb, #d97706 12%, var(--border)); }
.arsa-preview-card--main { grid-column: 1 / -1; }
.arsa-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.arsa-preview-main { font-size: 1.45rem; font-weight: 800; color: #d97706; }
.arsa-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.arsa-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.arsa-result-hero { padding: 18px; border-radius: 14px; background: color-mix(in srgb, #d97706 6%, var(--surface)); border: 1px solid color-mix(in srgb, #d97706 14%, var(--border)); margin-bottom: 14px; text-align: center; }
.arsa-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 6px; }
.arsa-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #d97706; }
.arsa-result-hero-sub { display: block; font-size: 0.85rem; color: var(--text-secondary); margin-top: 6px; }
.arsa-formula { font-size: 0.88rem; margin: 0 0 12px; }
.arsa-result-note { font-size: 0.8rem; color: var(--text-muted); margin-top: 12px; line-height: 1.5; }
.arsa-rayic-table { margin-bottom: 12px; }

/* ── İnşaat Alanı (çelik mavi tema) ── */
.insaat-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.insaat-rate-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, #2563eb 18%, transparent); font-size: 0.8rem; color: var(--text-secondary); }
.insaat-rate-chip strong { color: #2563eb; font-size: 0.72rem; }
.insaat-rate-chip--info strong { color: #1d4ed8; }
.insaat-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.insaat-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #1e3a8a 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #2563eb 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #1e3a8a 7%, transparent);
}
.insaat-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 10% 0%, color-mix(in srgb, #3b82f6 12%, transparent), transparent 55%); }
.insaat-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.insaat-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.insaat-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #3b82f6; box-shadow: 0 0 0 3px color-mix(in srgb, #3b82f6 22%, transparent); }
.insaat-preview-mode { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #2563eb 10%, var(--surface)); color: #2563eb; border: 1px solid color-mix(in srgb, #2563eb 20%, transparent); }
.insaat-check-row { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 12px; font-size: 0.84rem; position: relative; }
.insaat-field { display: block; margin-bottom: 10px; position: relative; }
.insaat-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.insaat-field-row { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.insaat-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; font-weight: 600; }
.insaat-field-input--solo { padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.insaat-field-suffix { font-size: 0.78rem; font-weight: 700; color: var(--text-muted); white-space: nowrap; }
.insaat-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; position: relative; }
.insaat-quick-chips--scenario { margin-top: 4px; }
.insaat-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text-secondary); cursor: pointer; }
.insaat-quick-btn.is-active, .insaat-taks-chip.is-active, .insaat-kaks-chip.is-active { background: color-mix(in srgb, #2563eb 12%, var(--surface)); color: #2563eb; border-color: color-mix(in srgb, #2563eb 28%, var(--border)); }
.insaat-scenario-btn--kat { border-style: dashed; }
.insaat-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; position: relative; }
.insaat-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #2563eb 5%, var(--surface)); border: 1px solid color-mix(in srgb, #2563eb 12%, var(--border)); }
.insaat-preview-card--main { grid-column: 1 / -1; }
.insaat-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.insaat-preview-main { font-size: 1.45rem; font-weight: 800; color: #2563eb; }
.insaat-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.insaat-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.insaat-result-hero { padding: 18px; border-radius: 14px; background: color-mix(in srgb, #2563eb 6%, var(--surface)); border: 1px solid color-mix(in srgb, #2563eb 14%, var(--border)); margin-bottom: 14px; text-align: center; }
.insaat-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 6px; }
.insaat-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #2563eb; }
.insaat-result-hero-sub { display: block; font-size: 0.85rem; color: var(--text-secondary); margin-top: 6px; }
.insaat-metric-bar { display: flex; gap: 4px; height: 6px; border-radius: 999px; overflow: hidden; background: var(--border); margin-bottom: 12px; }
.insaat-metric-fill { height: 100%; border-radius: 999px; }
.insaat-metric-fill--kaks { background: #2563eb; }
.insaat-metric-fill--taks { background: #60a5fa; max-width: 40%; }
.insaat-formula { font-size: 0.88rem; margin: 0 0 8px; }
.insaat-result-note { font-size: 0.8rem; color: var(--text-muted); margin-top: 12px; line-height: 1.5; }

/* ── Kargo Ücreti (turuncu lojistik teması) ── */
.kargo-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.kargo-rate-chip { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: rgba(255,255,255,0.75); border: 1px solid color-mix(in srgb, #ea580c 18%, transparent); font-size: 0.8rem; color: var(--text-secondary); }
.kargo-rate-chip strong { color: #ea580c; font-size: 0.72rem; }
.kargo-rate-chip--info strong { color: #c2410c; }
.kargo-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kargo-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #9a3412 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #ea580c 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #9a3412 7%, transparent);
}
.kargo-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 85% 0%, color-mix(in srgb, #fb923c 12%, transparent), transparent 55%); }
.kargo-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.kargo-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.kargo-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #f97316; box-shadow: 0 0 0 3px color-mix(in srgb, #f97316 22%, transparent); }
.kargo-preview-desi { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #ea580c 10%, var(--surface)); color: #ea580c; border: 1px solid color-mix(in srgb, #ea580c 20%, transparent); }
.kargo-check-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 12px; position: relative; }
.kargo-check { display: flex; align-items: center; gap: 6px; font-size: 0.8rem; cursor: pointer; }
.kargo-field { display: block; margin-bottom: 10px; position: relative; }
.kargo-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.kargo-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; }
.kargo-field-grid--dims { grid-template-columns: repeat(4, 1fr); }
.kargo-field-row { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); }
.kargo-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; font-weight: 600; }
.kargo-field-select { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-weight: 600; }
.kargo-field-suffix { font-size: 0.72rem; font-weight: 700; color: var(--text-muted); white-space: nowrap; }
.kargo-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.kargo-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text-secondary); cursor: pointer; }
.kargo-carrier-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.kargo-carrier-chip { padding: 4px 8px; border-radius: 8px; font-size: 0.68rem; font-weight: 600; background: color-mix(in srgb, #ea580c 6%, var(--surface)); border: 1px solid color-mix(in srgb, #ea580c 14%, var(--border)); color: var(--text-secondary); }
.kargo-carrier-chip.is-best { background: color-mix(in srgb, #ea580c 14%, var(--surface)); color: #ea580c; border-color: color-mix(in srgb, #ea580c 30%, var(--border)); font-weight: 800; }
.kargo-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.kargo-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #ea580c 5%, var(--surface)); border: 1px solid color-mix(in srgb, #ea580c 12%, var(--border)); }
.kargo-preview-card--main { grid-column: 1 / -1; }
.kargo-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.kargo-preview-main { font-size: 1.45rem; font-weight: 800; color: #ea580c; }
.kargo-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.kargo-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.kargo-result-hero { padding: 18px; border-radius: 14px; background: color-mix(in srgb, #ea580c 6%, var(--surface)); border: 1px solid color-mix(in srgb, #ea580c 14%, var(--border)); margin-bottom: 14px; text-align: center; }
.kargo-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 6px; }
.kargo-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #ea580c; }
.kargo-result-hero-sub { display: block; font-size: 0.85rem; color: var(--text-secondary); margin-top: 6px; }
.kargo-formula { font-size: 0.88rem; margin: 0 0 12px; }
.kargo-carrier-table { margin-bottom: 12px; }
.kargo-result-note { font-size: 0.8rem; color: var(--text-muted); margin-top: 12px; line-height: 1.5; }

@media (max-width: 560px) {
  .fitre-preview-grid, .klima-btu-preview-grid, .klima-btu-field-grid, .dask-field-grid, .dask-preview-grid, .aidat-field-grid, .aidat-date-fields, .aidat-preview-grid, .arsa-rayic-list, .arsa-preview-grid, .insaat-preview-grid, .kargo-field-grid, .kargo-field-grid--dims, .kargo-preview-grid, .kargo-check-grid { grid-template-columns: 1fr; }
}
/* Yüzde hesaplama — modern panel (sky / matematik) */
.calc-form--pct-modern > .native-field { display: none !important; }
.calc-form--oran-modern > .native-field { display: none !important; }
.calc-form--mod-modern > .native-field { display: none !important; }
.mod-preview-grid, .mod-class-grid { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; }
.mod-cell {
  min-width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 8px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #64748b 12%, var(--surface)); color: var(--text-secondary);
  border: 1px solid var(--border);
}
.mod-cell--active {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6); color: #fff;
  border-color: color-mix(in srgb, #8b5cf6 40%, var(--border));
  box-shadow: 0 0 0 2px color-mix(in srgb, #8b5cf6 20%, transparent);
}
.mod-class-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.pct-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.pct-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #0ea5e9 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #38bdf8 14%, var(--border));
}
.pct-rate-chip strong { color: #0284c7; font-size: 0.72rem; }
.pct-rate-chip--info strong { color: #0ea5e9; }
.pct-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.pct-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #0284c7 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #38bdf8 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0ea5e9 8%, transparent);
}
.pct-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #38bdf8 12%, transparent), transparent 55%); }
.pct-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.pct-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.pct-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #0ea5e9; box-shadow: 0 0 0 3px color-mix(in srgb, #38bdf8 25%, transparent); }
.pct-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #0ea5e9 10%, var(--surface)); color: #0284c7; border: 1px solid color-mix(in srgb, #38bdf8 20%, transparent); }
.pct-preview-card { padding: 14px; border-radius: 12px; margin-bottom: 12px; background: color-mix(in srgb, #0ea5e9 5%, var(--surface)); border: 1px solid color-mix(in srgb, #38bdf8 12%, var(--border)); position: relative; }
.pct-preview-main { font-size: 1.55rem; font-weight: 800; color: #0284c7; }
.pct-preview-sub { font-size: 0.92rem; font-weight: 700; color: var(--text-secondary); margin-top: 4px; }
.pct-preview-hint { margin: 8px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.pct-mode-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.pct-mode-tab { flex: 1; min-width: 72px; padding: 7px 8px; border-radius: 10px; font-size: 0.72rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.pct-mode-tab.is-active { background: color-mix(in srgb, #0ea5e9 12%, var(--surface)); color: #0284c7; border-color: color-mix(in srgb, #38bdf8 28%, var(--border)); }
.pct-field { display: block; position: relative; }
.pct-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.pct-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.pct-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.pct-quick-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.pct-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #38bdf8 20%, var(--border)); background: color-mix(in srgb, #0ea5e9 6%, var(--surface)); color: #0284c7; cursor: pointer; }
.pct-preview-bar, .pct-compare-bar { display: flex; height: 10px; border-radius: 999px; overflow: hidden; margin-bottom: 12px; background: var(--border); }
.pct-bar-a, .pct-bar-b, .pct-bar-seg { display: flex; align-items: center; justify-content: center; font-size: 0.62rem; font-weight: 700; color: #fff; transition: width 0.2s; min-width: 0; }
.pct-bar-a, .pct-bar-seg--base { background: color-mix(in srgb, #64748b 70%, #94a3b8); }
.pct-bar-b, .pct-bar-seg--part { background: linear-gradient(90deg, #0284c7, #0ea5e9); }
.pct-bar-seg--up { background: linear-gradient(90deg, #059669, #10b981); }
.pct-bar-seg--down { background: linear-gradient(90deg, #dc2626, #f87171); }
.pct-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #38bdf8 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #0284c7 8%, var(--surface)), var(--surface)); }
.pct-result-hero--up { border-color: color-mix(in srgb, #10b981 28%, var(--border)); }
.pct-result-hero--down { border-color: color-mix(in srgb, #ef4444 28%, var(--border)); }
.pct-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.pct-result-hero-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; margin-bottom: 6px; }
.pct-result-hero-badge--up { background: color-mix(in srgb, #10b981 12%, var(--surface)); color: #059669; }
.pct-result-hero-badge--down { background: color-mix(in srgb, #ef4444 12%, var(--surface)); color: #dc2626; }
.pct-result-hero-value { display: block; font-size: 1.9rem; font-weight: 800; color: #0284c7; margin: 4px 0; }
.pct-result-hero--up .pct-result-hero-value { color: #059669; }
.pct-result-hero--down .pct-result-hero-value { color: #dc2626; }
.pct-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.pct-formula { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.5; }
.pct-result-table { margin-bottom: 12px; }
.pct-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

.zam-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.zam-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #059669 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.zam-rate-chip strong { color: #059669; font-size: 0.72rem; }
.zam-rate-chip--info strong { color: #2563eb; }
.zam-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.zam-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #059669 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #059669 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #059669 7%, transparent);
}
.zam-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #059669 10%, transparent), transparent 55%);
}
.zam-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.zam-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.zam-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #059669;
  box-shadow: 0 0 0 3px color-mix(in srgb, #059669 22%, transparent);
}
.zam-preview-diff {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #059669 10%, var(--surface)); color: #059669;
  border: 1px solid color-mix(in srgb, #059669 20%, transparent);
}
.zam-mode-tabs { display: flex; gap: 6px; margin-bottom: 14px; }
.zam-mode-tab {
  flex: 1; padding: 8px 8px; border-radius: 10px; font-size: 0.78rem; font-weight: 700;
  border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer;
}
.zam-mode-tab.is-active {
  background: color-mix(in srgb, #059669 12%, var(--surface)); color: #059669;
  border-color: color-mix(in srgb, #059669 30%, var(--border));
}
.zam-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.zam-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.zam-field-row {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.zam-field-row:focus-within { border-color: color-mix(in srgb, #059669 35%, var(--border)); }
.zam-field-input { width: 100%; border: none; background: transparent; outline: none; font: inherit; }
.zam-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.zam-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #059669 22%, var(--border));
  background: color-mix(in srgb, #059669 6%, var(--surface)); color: #059669; cursor: pointer;
}
.zam-quick-btn:hover { background: color-mix(in srgb, #059669 14%, var(--surface)); }
.zam-quick-btn--amt { color: var(--text-secondary); border-color: var(--border); background: var(--bg-elevated); }
.zam-preview-bar {
  display: flex; height: 10px; border-radius: 999px; overflow: hidden; margin-top: 16px;
  background: var(--bg-elevated); border: 1px solid var(--border);
}
.zam-bar-old { background: color-mix(in srgb, #64748b 30%, var(--surface)); transition: width 0.2s; }
.zam-bar-new { background: linear-gradient(90deg, #059669, #10b981); transition: width 0.2s; }
.zam-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.zam-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #059669 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #059669 12%, var(--border));
}
.zam-preview-card--main { grid-column: 1 / -1; }
.zam-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.zam-preview-main { font-size: 1.45rem; font-weight: 800; color: #059669; }
.zam-preview-sub { font-size: 1.05rem; font-weight: 700; color: var(--text-secondary); }
.zam-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.zam-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #059669 20%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #059669 8%, var(--surface)), var(--surface));
}
.zam-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.zam-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #059669; margin: 4px 0; }
.zam-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.zam-compare-bar {
  display: flex; height: 12px; border-radius: 999px; overflow: hidden; margin-bottom: 14px;
  border: 1px solid var(--border);
}
.zam-compare-seg { display: flex; align-items: center; justify-content: center; font-size: 0.62rem; font-weight: 700; min-width: 0; }
.zam-compare-seg--old { background: color-mix(in srgb, #64748b 25%, var(--surface)); color: var(--text-muted); }
.zam-compare-seg--new { background: linear-gradient(90deg, #059669, #34d399); color: #fff; }
.zam-formula { margin-bottom: 12px; font-size: 0.84rem; color: var(--text-secondary); }
.zam-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

@media (max-width: 560px) {
  .zam-field-grid { grid-template-columns: 1fr; }
  .zam-preview-grid { grid-template-columns: 1fr; }
  .zam-mode-tab { font-size: 0.72rem; padding: 7px 6px; }
}

/* ── Ay Evresi (lunar tema) ── */
.calc-form--ay-modern > .native-field { display: none !important; }
.ay-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.ay-rate-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid color-mix(in srgb, #6366f1 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.ay-rate-chip strong { color: #6366f1; font-size: 0.72rem; }
.ay-rate-chip--info strong { color: #a78bfa; }
.ay-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.ay-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #312e81 12%, var(--surface)) 0%, var(--surface) 60%);
  border: 1px solid color-mix(in srgb, #6366f1 18%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #312e81 12%, transparent);
}
.ay-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #818cf8 14%, transparent), transparent 55%);
}
.ay-stars {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.35;
  background-image:
    radial-gradient(1px 1px at 20% 30%, #fff, transparent),
    radial-gradient(1px 1px at 60% 70%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 80% 20%, #e0e7ff, transparent),
    radial-gradient(1px 1px at 40% 80%, #fff, transparent);
}
.ay-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.ay-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.ay-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #818cf8;
  box-shadow: 0 0 0 3px color-mix(in srgb, #818cf8 25%, transparent);
  animation: ay-pulse 2.4s ease-in-out infinite;
}
@keyframes ay-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.ay-preview-mode {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #6366f1 12%, var(--surface)); color: #6366f1;
  border: 1px solid color-mix(in srgb, #6366f1 22%, transparent);
}
.ay-mode-tabs { display: flex; gap: 6px; margin-bottom: 14px; position: relative; }
.ay-mode-tab {
  flex: 1; padding: 8px 8px; border-radius: 10px; font-size: 0.78rem; font-weight: 700;
  border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer;
}
.ay-mode-tab.is-active {
  background: color-mix(in srgb, #6366f1 14%, var(--surface)); color: #6366f1;
  border-color: color-mix(in srgb, #6366f1 32%, var(--border));
}
.ay-date-fields {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; position: relative;
}
.ay-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.ay-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600;
}
.ay-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; position: relative; }
.ay-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #6366f1 20%, var(--border));
  background: color-mix(in srgb, #6366f1 6%, var(--surface)); color: #6366f1; cursor: pointer;
}
.ay-quick-btn:hover { background: color-mix(in srgb, #6366f1 14%, var(--surface)); }
.ay-preview-stage {
  display: flex; align-items: center; gap: 16px; padding: 14px; border-radius: 14px;
  background: color-mix(in srgb, #1e1b4b 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #6366f1 14%, var(--border));
  position: relative;
}
.ay-preview-moon { flex-shrink: 0; line-height: 0; }
.ay-preview-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.ay-preview-phase { font-size: 1.15rem; font-weight: 800; color: #c4b5fd; }
.ay-preview-sub { font-size: 0.82rem; color: var(--text-secondary); }
.ay-preview-dist { font-size: 0.78rem; font-weight: 700; color: #818cf8; }
.ay-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.ay-phase-strip {
  display: flex; justify-content: space-between; gap: 4px; margin-top: 12px; padding: 0 4px;
}
.ay-phase-dot {
  font-size: 1rem; opacity: 0.35; transition: opacity 0.2s, transform 0.2s; cursor: default;
}
.ay-phase-dot.is-active { opacity: 1; transform: scale(1.2); }
.ay-moon-svg { display: block; }
.ay-result-hero {
  display: flex; align-items: center; gap: 20px; text-align: left;
  padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #6366f1 22%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #312e81 10%, var(--surface)), var(--surface));
}
.ay-result-moon { flex-shrink: 0; }
.ay-result-text { flex: 1; min-width: 0; }
.ay-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.ay-result-hero-value { display: block; font-size: 1.5rem; font-weight: 800; color: #a78bfa; margin: 4px 0; }
.ay-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.ay-distance-bar {
  display: flex; align-items: center; gap: 10px; margin-bottom: 8px;
}
.ay-distance-label { font-size: 0.68rem; color: var(--text-muted); white-space: nowrap; }
.ay-distance-track {
  flex: 1; height: 8px; border-radius: 999px; position: relative;
  background: linear-gradient(90deg, #4338ca, #6366f1, #818cf8);
  border: 1px solid var(--border);
}
.ay-distance-marker {
  position: absolute; top: 50%; width: 14px; height: 14px; border-radius: 50%;
  background: #fef9e7; border: 2px solid #6366f1;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 8px rgba(129, 140, 248, 0.6);
}
.ay-distance-note { margin-bottom: 10px; font-size: 0.84rem; color: var(--text-secondary); }
.ay-phase-desc {
  margin-bottom: 12px; padding: 10px 12px; border-radius: 10px; font-size: 0.84rem;
  background: color-mix(in srgb, #6366f1 6%, var(--surface));
  border-left: 3px solid #6366f1; color: var(--text-secondary);
}
.ay-events-grid {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 14px;
}
.ay-event-card {
  padding: 12px; border-radius: 10px;
  background: color-mix(in srgb, #6366f1 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #6366f1 12%, var(--border));
}
.ay-event-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.ay-event-card strong { font-size: 0.88rem; color: var(--text-primary); }
.ay-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

@media (max-width: 560px) {
  .ay-date-fields { grid-template-columns: 1fr; }
  .ay-result-hero { flex-direction: column; text-align: center; }
  .ay-events-grid { grid-template-columns: 1fr; }
  .ay-mode-tab { font-size: 0.72rem; padding: 7px 6px; }
}

/* ── Ebced ── */
.calc-form--ebced-modern > .native-field { display: none !important; }
.ebced-mevzuat-rates, .karar-mevzuat-rates, .parmak-mevzuat-rates, .iddaa-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.ebced-rate-chip, .karar-rate-chip, .parmak-rate-chip, .iddaa-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, var(--accent, #0d9488) 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.ebced-rate-chip strong { color: #0d9488; font-size: 0.72rem; }
.ebced-rate-chip--info strong, .karar-rate-chip--info strong, .parmak-rate-chip--info strong, .iddaa-rate-chip--info strong { color: #14b8a6; }
.ebced-rate-source, .karar-rate-source, .parmak-rate-source, .iddaa-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.ebced-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #134e4a 10%, var(--surface)) 0%, var(--surface) 60%);
  border: 1px solid color-mix(in srgb, #0d9488 18%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #134e4a 10%, transparent);
}
.ebced-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, #14b8a6 12%, transparent), transparent 55%); }
.ebced-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.ebced-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.ebced-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #14b8a6; box-shadow: 0 0 0 3px color-mix(in srgb, #14b8a6 25%, transparent); animation: ebced-pulse 2.4s ease-in-out infinite; }
@keyframes ebced-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.ebced-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #0d9488 12%, var(--surface)); color: #0d9488; border: 1px solid color-mix(in srgb, #0d9488 22%, transparent); }
.ebced-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.ebced-field-input { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.95rem; }
.ebced-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 14px; position: relative; }
.ebced-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #0d9488 20%, var(--border)); background: color-mix(in srgb, #0d9488 6%, var(--surface)); color: #0d9488; cursor: pointer; }
.ebced-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.ebced-preview-card { padding: 12px; border-radius: 12px; background: color-mix(in srgb, #134e4a 6%, var(--surface)); border: 1px solid color-mix(in srgb, #0d9488 12%, var(--border)); }
.ebced-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); }
.ebced-preview-main { font-size: 1.4rem; font-weight: 800; color: #0d9488; }
.ebced-preview-sub { font-size: 1rem; font-weight: 700; color: var(--text-primary); }
.ebced-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.ebced-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #0d9488 22%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #134e4a 8%, var(--surface)), var(--surface)); }
.ebced-result-hero-value { display: block; font-size: 2rem; font-weight: 800; color: #0d9488; margin: 4px 0; }
.ebced-result-hero-label, .ebced-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.ebced-ref-block { margin-top: 12px; }
.ebced-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* ── Karar ── */
.calc-form--karar-modern > .native-field { display: none !important; }
.karar-rate-chip strong { color: #7c3aed; font-size: 0.72rem; }
.karar-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #4c1d95 10%, var(--surface)) 0%, var(--surface) 60%);
  border: 1px solid color-mix(in srgb, #7c3aed 18%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #4c1d95 10%, transparent);
}
.karar-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #a78bfa 12%, transparent), transparent 55%); }
.karar-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.karar-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.karar-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #a78bfa; box-shadow: 0 0 0 3px color-mix(in srgb, #a78bfa 25%, transparent); }
.karar-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #7c3aed 12%, var(--surface)); color: #7c3aed; border: 1px solid color-mix(in srgb, #7c3aed 22%, transparent); }
.karar-field { display: block; margin-bottom: 10px; position: relative; }
.karar-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.karar-field-input, .karar-field-select { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; }
.karar-count-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; }
.karar-options-grid, .karar-criteria-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-bottom: 10px; }
.karar-matrix-wrap-ui { overflow-x: auto; margin-bottom: 12px; }
.karar-ui-matrix { width: 100%; border-collapse: collapse; font-size: 0.8rem; }
.karar-ui-matrix th, .karar-ui-matrix td { padding: 6px 8px; border: 1px solid var(--border); text-align: center; }
.karar-matrix-select { width: 100%; padding: 4px; border-radius: 6px; border: 1px solid var(--border); }
.karar-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.karar-preview-card { padding: 12px; border-radius: 12px; background: color-mix(in srgb, #7c3aed 5%, var(--surface)); border: 1px solid color-mix(in srgb, #7c3aed 12%, var(--border)); }
.karar-preview-main { font-size: 1.1rem; font-weight: 800; color: #7c3aed; }
.karar-preview-sub { font-size: 1rem; font-weight: 700; }
.karar-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.karar-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #7c3aed 22%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #4c1d95 8%, var(--surface)), var(--surface)); }
.karar-result-hero-value { display: block; font-size: 1.6rem; font-weight: 800; color: #7c3aed; margin: 4px 0; }
.karar-section-title { margin: 14px 0 8px; font-size: 0.9rem; }
.karar-rank-row--winner { background: color-mix(in srgb, #7c3aed 8%, var(--surface)); }
.karar-winner-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 700; background: #7c3aed; color: #fff; }
.karar-score-bar { height: 8px; border-radius: 999px; background: var(--border); overflow: hidden; }
.karar-score-fill { height: 100%; background: linear-gradient(90deg, #7c3aed, #a78bfa); border-radius: 999px; }
.karar-matrix-wrap { overflow-x: auto; }
.karar-formula { margin: 12px 0; font-size: 0.84rem; color: var(--text-secondary); }
.karar-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* ── Parmak Alfabesi ── */
.calc-form--parmak-modern > .native-field { display: none !important; }
.parmak-rate-chip strong { color: #2563eb; font-size: 0.72rem; }
.parmak-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #1e3a8a 10%, var(--surface)) 0%, var(--surface) 60%);
  border: 1px solid color-mix(in srgb, #2563eb 18%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #1e3a8a 10%, transparent);
}
.parmak-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 50% 0%, color-mix(in srgb, #60a5fa 12%, transparent), transparent 55%); }
.parmak-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.parmak-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.parmak-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #60a5fa; box-shadow: 0 0 0 3px color-mix(in srgb, #60a5fa 25%, transparent); }
.parmak-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #2563eb 12%, var(--surface)); color: #2563eb; border: 1px solid color-mix(in srgb, #2563eb 22%, transparent); }
.parmak-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.parmak-field-input { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.95rem; }
.parmak-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 14px; }
.parmak-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #2563eb 20%, var(--border)); background: color-mix(in srgb, #2563eb 6%, var(--surface)); color: #2563eb; cursor: pointer; }
.parmak-preview-stage { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding: 12px; border-radius: 12px; background: color-mix(in srgb, #1e3a8a 5%, var(--surface)); border: 1px solid color-mix(in srgb, #2563eb 12%, var(--border)); }
.parmak-preview-strip { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.parmak-preview-chip { display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 8px; font-size: 0.78rem; background: var(--surface); border: 1px solid var(--border); }
.parmak-preview-main { font-size: 1.3rem; font-weight: 800; color: #2563eb; }
.parmak-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.parmak-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #2563eb 22%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #1e3a8a 8%, var(--surface)), var(--surface)); }
.parmak-result-hero-value { display: block; font-size: 1.5rem; font-weight: 800; color: #2563eb; margin: 4px 0; }
.parmak-visual-strip { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.parmak-visual-card { flex: 0 0 auto; min-width: 72px; padding: 10px 8px; border-radius: 12px; text-align: center; background: color-mix(in srgb, #2563eb 6%, var(--surface)); border: 1px solid color-mix(in srgb, #2563eb 14%, var(--border)); }
.parmak-visual-letter { display: block; font-size: 1.1rem; font-weight: 800; color: #2563eb; }
.parmak-visual-glyph { display: block; font-size: 1.6rem; line-height: 1.2; }
.parmak-visual-sign { display: block; font-size: 0.62rem; color: var(--text-muted); margin-top: 4px; }
.parmak-letter-chip { display: inline-block; padding: 2px 8px; border-radius: 6px; font-weight: 800; background: color-mix(in srgb, #2563eb 12%, var(--surface)); color: #2563eb; }
.parmak-glyph { font-size: 1.4rem; }
.parmak-section-title { margin: 14px 0 8px; font-size: 0.9rem; }
.parmak-ref-block { margin-top: 12px; }
.parmak-result-note, .parmak-skip-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* ── İddaa Sistem ── */
.calc-form--iddaa-modern > .native-field { display: none !important; }
.iddaa-rate-chip strong { color: #16a34a; font-size: 0.72rem; }
.iddaa-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #14532d 10%, var(--surface)) 0%, var(--surface) 60%);
  border: 1px solid color-mix(in srgb, #16a34a 18%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #14532d 10%, transparent);
}
.iddaa-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 30% 0%, color-mix(in srgb, #4ade80 12%, transparent), transparent 55%); }
.iddaa-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.iddaa-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.iddaa-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #4ade80; box-shadow: 0 0 0 3px color-mix(in srgb, #4ade80 25%, transparent); }
.iddaa-tutan-toggle { font-size: 0.78rem; font-weight: 600; color: var(--text-secondary); display: flex; align-items: center; gap: 6px; }
.iddaa-top-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; position: relative; }
.iddaa-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.iddaa-field-input, .iddaa-field-select { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; }
.iddaa-matches { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 12px; position: relative; }
.iddaa-match-card { padding: 10px; border-radius: 12px; background: color-mix(in srgb, #16a34a 4%, var(--surface)); border: 1px solid color-mix(in srgb, #16a34a 12%, var(--border)); }
.iddaa-match-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.iddaa-match-num { font-size: 0.72rem; font-weight: 700; color: #16a34a; }
.iddaa-check { font-size: 0.72rem; display: flex; align-items: center; gap: 4px; }
.iddaa-match-odds { display: grid; grid-template-columns: 1fr 80px; gap: 8px; margin-top: 8px; }
.iddaa-match-odds label span { display: block; font-size: 0.68rem; color: var(--text-muted); margin-bottom: 2px; }
.iddaa-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.iddaa-preview-card { padding: 12px; border-radius: 12px; background: color-mix(in srgb, #16a34a 5%, var(--surface)); border: 1px solid color-mix(in srgb, #16a34a 12%, var(--border)); }
.iddaa-preview-card--pay .iddaa-preview-pay { color: #16a34a; }
.iddaa-preview-cols, .iddaa-preview-stake, .iddaa-preview-pay { font-size: 1.1rem; font-weight: 800; }
.iddaa-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.iddaa-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #16a34a 22%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #14532d 8%, var(--surface)), var(--surface)); }
.iddaa-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #16a34a; margin: 4px 0; }
.iddaa-row-banko { background: color-mix(in srgb, #fbbf24 10%, var(--surface)); }
.iddaa-row-tutan { background: color-mix(in srgb, #16a34a 8%, var(--surface)); }
.iddaa-col--win { background: color-mix(in srgb, #16a34a 10%, var(--surface)); }
.iddaa-col--lose { opacity: 0.55; }
.iddaa-section-title { margin: 14px 0 8px; font-size: 0.9rem; }
.iddaa-formula { margin: 12px 0; font-size: 0.84rem; color: var(--text-secondary); }
.iddaa-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

@media (max-width: 560px) {
  .karar-options-grid, .karar-criteria-grid, .karar-count-grid, .karar-preview-grid { grid-template-columns: 1fr; }
  .iddaa-top-grid, .iddaa-matches, .iddaa-preview-grid { grid-template-columns: 1fr; }
  .parmak-preview-stage { grid-template-columns: 1fr; }
  .ebced-preview-grid { grid-template-columns: 1fr; }
}

/* ── Astroloji araçları ── */
.calc-form--astro-modern > .native-field { display: none !important; }
.astro-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px;
  border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #4c1d95 10%, var(--surface)) 0%, var(--surface) 65%);
  border: 1px solid color-mix(in srgb, #8b5cf6 18%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #4c1d95 10%, transparent);
}
.astro-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #a78bfa 12%, transparent), transparent 55%);
}
.astro-stars {
  position: absolute; inset: 0; pointer-events: none; opacity: 0.3;
  background-image:
    radial-gradient(1px 1px at 15% 25%, #fff, transparent),
    radial-gradient(1px 1px at 55% 65%, #fff, transparent),
    radial-gradient(1.5px 1.5px at 85% 15%, #e9d5ff, transparent),
    radial-gradient(1px 1px at 35% 85%, #fff, transparent);
}
.astro-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.astro-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.astro-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #a78bfa;
  box-shadow: 0 0 0 3px color-mix(in srgb, #a78bfa 25%, transparent);
  animation: astro-pulse 2.4s ease-in-out infinite;
}
@keyframes astro-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
.astro-preview-mode {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #8b5cf6 12%, var(--surface)); color: #7c3aed;
  border: 1px solid color-mix(in srgb, #8b5cf6 22%, transparent);
}
.astro-date-fields, .astro-time-fields, .astro-coord-fields--inline {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 12px; position: relative;
}
.astro-time-fields { grid-template-columns: repeat(2, 1fr); }
.astro-coord-fields--inline { grid-template-columns: repeat(2, 1fr); }
.astro-field--wide { display: block; margin-bottom: 12px; position: relative; }
.astro-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.astro-field-select, .astro-field-input {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600;
}
.astro-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; position: relative; }
.astro-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #8b5cf6 20%, var(--border));
  background: color-mix(in srgb, #8b5cf6 6%, var(--surface)); color: #7c3aed; cursor: pointer;
}
.astro-quick-btn:hover { background: color-mix(in srgb, #8b5cf6 14%, var(--surface)); }
.astro-geo-toggle { margin-bottom: 10px; position: relative; }
.astro-geo-btn {
  padding: 6px 12px; border-radius: 8px; font-size: 0.75rem; font-weight: 600;
  border: 1px dashed color-mix(in srgb, #8b5cf6 30%, var(--border));
  background: transparent; color: #7c3aed; cursor: pointer;
}
.astro-coord-fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 12px; }
.astro-preview-stage {
  display: flex; align-items: center; gap: 16px; padding: 14px; border-radius: 14px;
  background: color-mix(in srgb, #2e1065 8%, var(--surface));
  border: 1px solid color-mix(in srgb, #8b5cf6 14%, var(--border));
  position: relative;
}
.astro-preview-symbol { font-size: 2.4rem; line-height: 1; flex-shrink: 0; }
.astro-preview-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.astro-preview-name { font-size: 1.15rem; font-weight: 800; color: #c4b5fd; }
.astro-preview-sub { font-size: 0.82rem; color: var(--text-secondary); }
.astro-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.astro-sign-strip { display: flex; justify-content: space-between; gap: 4px; margin-top: 12px; padding: 0 4px; }
.astro-sign-dot {
  font-size: 1rem; opacity: 0.3; transition: opacity 0.2s, transform 0.2s;
}
.astro-sign-dot.is-active { opacity: 1; transform: scale(1.2); color: var(--astro-el, #a78bfa); }
.astro-chart-preview-row {
  display: flex; align-items: center; gap: 16px; margin-top: 12px; position: relative;
}
.astro-preview-chart { flex-shrink: 0; line-height: 0; }
.astro-trio-preview { display: flex; flex-direction: column; gap: 8px; font-size: 0.82rem; }
.astro-trio-preview div { display: flex; align-items: center; gap: 8px; }
.astro-trio-preview span:first-child { opacity: 0.7; width: 1.2em; }
.astro-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.astro-rate-chip {
  padding: 6px 10px; border-radius: 8px; font-size: 0.75rem;
  background: color-mix(in srgb, #8b5cf6 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #8b5cf6 14%, var(--border));
}
.astro-rate-chip strong { color: #7c3aed; font-size: 0.72rem; }
.astro-rate-chip--info strong { color: #a78bfa; }
.astro-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.astro-result-hero {
  display: flex; align-items: center; gap: 20px; text-align: left;
  padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #8b5cf6 22%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #4c1d95 8%, var(--surface)), var(--surface));
}
.astro-result-symbol { font-size: 3rem; line-height: 1; flex-shrink: 0; color: #fbbf24; }
.astro-result-text { flex: 1; min-width: 0; }
.astro-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.astro-result-hero-value { display: block; font-size: 1.4rem; font-weight: 800; color: #a78bfa; margin: 4px 0; }
.astro-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.astro-result-hero--chart .astro-chart-wrap { flex-shrink: 0; }
.astro-trio-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 14px;
}
.astro-trio-card {
  padding: 12px; border-radius: 10px; text-align: center;
  background: color-mix(in srgb, #8b5cf6 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #8b5cf6 12%, var(--border));
}
.astro-trio-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.astro-trio-card strong { display: block; font-size: 1rem; color: #c4b5fd; }
.astro-trio-card span:last-child { font-size: 0.75rem; color: var(--text-secondary); }
.astro-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }
.astro-mini-chart { display: block; max-width: 200px; }
.astro-wheel-label { fill: var(--text-muted); opacity: 0.85; }

@media (max-width: 560px) {
  .astro-date-fields, .astro-coord-fields--inline, .astro-trio-grid { grid-template-columns: 1fr; }
  .astro-result-hero, .astro-chart-preview-row { flex-direction: column; text-align: center; }
  .astro-time-fields { grid-template-columns: 1fr 1fr; }
}

/* ── Araç Muayene Ücreti (modern) ── */
.calc-form--amu-modern > .native-field { display: none !important; }
.amu-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.amu-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #ea580c 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.amu-rate-chip strong { color: #ea580c; font-size: 0.72rem; }
.amu-rate-chip--info strong { color: #f59e0b; }
.amu-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.amu-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #ea580c 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #ea580c 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #ea580c 7%, transparent);
}
.amu-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #ea580c 10%, transparent), transparent 55%);
}
.amu-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.amu-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.amu-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #ea580c;
  box-shadow: 0 0 0 3px color-mix(in srgb, #ea580c 22%, transparent);
}
.amu-preview-diff {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #ea580c 10%, var(--surface)); color: #ea580c;
  border: 1px solid color-mix(in srgb, #ea580c 20%, transparent);
}
.amu-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; }
.amu-field--wide { grid-column: 1 / -1; }
.amu-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.amu-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border);
  background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.amu-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.amu-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #ea580c 22%, var(--border));
  background: color-mix(in srgb, #ea580c 6%, var(--surface)); color: #ea580c; cursor: pointer;
}
.amu-quick-btn:hover { background: color-mix(in srgb, #ea580c 14%, var(--surface)); }
.amu-preview-bar {
  display: flex; height: 10px; border-radius: 999px; overflow: hidden; margin-top: 16px;
  background: var(--bg-elevated); border: 1px solid var(--border);
}
.amu-bar-base { background: color-mix(in srgb, #ea580c 35%, var(--surface)); transition: width 0.2s; }
.amu-bar-penalty { background: linear-gradient(90deg, #f59e0b, #ef4444); transition: width 0.2s; }
.amu-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.amu-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #ea580c 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #ea580c 12%, var(--border));
}
.amu-preview-card--main { grid-column: 1 / -1; }
.amu-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.amu-preview-main { font-size: 1.45rem; font-weight: 800; color: #ea580c; }
.amu-preview-sub { font-size: 1.05rem; font-weight: 700; color: var(--text-secondary); }
.amu-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.amu-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #ea580c 20%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #ea580c 8%, var(--surface)), var(--surface));
}
.amu-result-hero--warn { border-color: color-mix(in srgb, #ef4444 25%, var(--border)); }
.amu-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.amu-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #ea580c; margin: 4px 0; }
.amu-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.amu-compare-bar {
  display: flex; height: 12px; border-radius: 999px; overflow: hidden; margin-bottom: 14px; border: 1px solid var(--border);
}
.amu-compare-seg { display: flex; align-items: center; justify-content: center; font-size: 0.62rem; font-weight: 700; min-width: 0; }
.amu-compare-seg--base { background: color-mix(in srgb, #ea580c 25%, var(--surface)); color: var(--text-muted); }
.amu-compare-seg--penalty { background: linear-gradient(90deg, #f59e0b, #ef4444); color: #fff; }
.amu-formula { margin-bottom: 12px; font-size: 0.84rem; color: var(--text-secondary); }
.amu-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* ── Ek Ders Ücreti (modern) ── */
.calc-form--ekd-modern > .native-field { display: none !important; }
.ekd-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.ekd-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #2563eb 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.ekd-rate-chip strong { color: #2563eb; font-size: 0.72rem; }
.ekd-rate-chip--info strong { color: #7c3aed; }
.ekd-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.ekd-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #2563eb 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #2563eb 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #2563eb 7%, transparent);
}
.ekd-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #2563eb 10%, transparent), transparent 55%);
}
.ekd-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ekd-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.ekd-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #2563eb;
  box-shadow: 0 0 0 3px color-mix(in srgb, #2563eb 22%, transparent);
}
.ekd-preview-tax {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #2563eb 10%, var(--surface)); color: #2563eb;
  border: 1px solid color-mix(in srgb, #2563eb 20%, transparent);
}
.ekd-mode-tabs { display: flex; gap: 6px; margin-bottom: 14px; }
.ekd-mode-tab {
  flex: 1; padding: 8px 8px; border-radius: 10px; font-size: 0.82rem; font-weight: 700;
  border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer;
}
.ekd-mode-tab.is-active {
  background: color-mix(in srgb, #2563eb 12%, var(--surface)); color: #2563eb;
  border-color: color-mix(in srgb, #2563eb 30%, var(--border));
}
.ekd-top-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; margin-bottom: 12px; }
.ekd-field--wide { grid-column: 1 / -1; }
.ekd-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.ekd-field-select, .ekd-field-input {
  width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border);
  background: var(--surface); font-size: 0.92rem; font-weight: 600;
}
.ekd-vergi-row { margin-bottom: 12px; }
.ekd-vergi-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.ekd-vergi-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid var(--border); background: var(--bg-elevated); color: var(--text-secondary); cursor: pointer;
}
.ekd-vergi-btn.is-active {
  background: color-mix(in srgb, #2563eb 12%, var(--surface)); color: #2563eb;
  border-color: color-mix(in srgb, #2563eb 28%, var(--border));
}
.ekd-hour-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px 10px; margin-bottom: 8px; }
.ekd-hour-grid--extra { grid-template-columns: repeat(2, 1fr); }
.ekd-hour-label { display: block; font-size: 0.68rem; font-weight: 600; color: var(--text-muted); margin-bottom: 3px; }
.ekd-hour-input {
  width: 100%; padding: 7px 9px; border-radius: 8px; border: 1px solid var(--border);
  background: var(--surface); font-size: 0.88rem; font-weight: 600;
}
.ekd-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ekd-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.75rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #2563eb 22%, var(--border));
  background: color-mix(in srgb, #2563eb 6%, var(--surface)); color: #2563eb; cursor: pointer;
}
.ekd-preview-bar {
  display: flex; height: 10px; border-radius: 999px; overflow: hidden; margin-top: 14px;
  background: var(--bg-elevated); border: 1px solid var(--border);
}
.ekd-bar-net { background: linear-gradient(90deg, #2563eb, #3b82f6); transition: width 0.2s; }
.ekd-bar-tax { background: color-mix(in srgb, #64748b 30%, var(--surface)); transition: width 0.2s; }
.ekd-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.ekd-preview-card {
  padding: 14px; border-radius: 12px;
  background: color-mix(in srgb, #2563eb 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #2563eb 12%, var(--border));
}
.ekd-preview-card--main { grid-column: 1 / -1; }
.ekd-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.ekd-preview-net { font-size: 1.45rem; font-weight: 800; color: #2563eb; }
.ekd-preview-gross { font-size: 1.05rem; font-weight: 700; color: var(--text-secondary); }
.ekd-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.ekd-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #2563eb 20%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #2563eb 8%, var(--surface)), var(--surface));
}
.ekd-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); }
.ekd-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #2563eb; margin: 4px 0; }
.ekd-result-hero-sub { font-size: 0.82rem; color: var(--text-secondary); }
.ekd-deduction-bar {
  display: flex; height: 12px; border-radius: 999px; overflow: hidden; margin-bottom: 14px; border: 1px solid var(--border);
}
.ekd-deduction-bar > div { display: flex; align-items: center; justify-content: center; font-size: 0.62rem; font-weight: 700; min-width: 0; }
.ekd-bar-tax span { color: var(--text-muted); }
.ekd-bar-net span { color: #fff; }
.ekd-lines-table { margin-bottom: 12px; }
.ekd-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); }

/* ── Ortalama Maliyet (emerald / finans teması) ── */
.om-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.om-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #059669 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.om-rate-chip strong { color: #059669; font-size: 0.72rem; }
.om-rate-chip--info strong { color: #10b981; }
.om-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.om-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #065f46 7%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #059669 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #065f46 8%, transparent);
}
.om-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #10b981 12%, transparent), transparent 55%); }
.om-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.om-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.om-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #10b981; box-shadow: 0 0 0 3px color-mix(in srgb, #10b981 25%, transparent); }
.om-preview-mode { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #059669 10%, var(--surface)); color: #059669; border: 1px solid color-mix(in srgb, #059669 20%, transparent); }
.om-mode-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; position: relative; }
.om-mode-tab { flex: 1; min-width: 72px; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.om-mode-tab.is-active { background: color-mix(in srgb, #059669 12%, var(--surface)); color: #059669; border-color: color-mix(in srgb, #059669 28%, var(--border)); }
.om-tx-toolbar { margin-bottom: 10px; position: relative; }
.om-tx-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 10px; position: relative; }
.om-tx-row {
  display: grid; grid-template-columns: 28px 1fr 1fr 1fr; gap: 8px; align-items: center;
  padding: 10px; border-radius: 12px; background: color-mix(in srgb, #059669 4%, var(--surface));
  border: 1px solid color-mix(in srgb, #059669 10%, var(--border));
}
.om-tx-no { font-size: 0.72rem; font-weight: 800; color: #059669; text-align: center; }
.om-tx-type { display: flex; flex-wrap: wrap; gap: 6px; font-size: 0.72rem; }
.om-tx-type--block { margin: 10px 0; }
.om-tx-type label { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; }
.om-tx-input { width: 100%; padding: 7px 8px; border-radius: 8px; border: 1px solid var(--border); background: var(--surface); font-size: 0.84rem; font-weight: 600; }
.om-field { display: block; margin-bottom: 10px; position: relative; }
.om-field--inline { display: flex; align-items: center; gap: 10px; margin-bottom: 0; }
.om-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.om-field-select, .om-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.om-field-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.om-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; position: relative; }
.om-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #059669 20%, var(--border)); background: color-mix(in srgb, #059669 6%, var(--surface)); color: #059669; cursor: pointer; }
.om-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.om-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #059669 5%, var(--surface)); border: 1px solid color-mix(in srgb, #059669 12%, var(--border)); }
.om-preview-card--main { grid-column: 1 / -1; }
.om-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.om-preview-main { font-size: 1.45rem; font-weight: 800; color: #059669; }
.om-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.om-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.om-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #059669 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #065f46 8%, var(--surface)), var(--surface)); }
.om-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.om-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #059669; margin: 4px 0; }
.om-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.om-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.om-step-table { margin-bottom: 12px; font-size: 0.82rem; }
.om-result-table { margin-bottom: 12px; }
.om-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.5; }

/* ── Tapu Harcı (lacivert / resmi tema) ── */
.th-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.th-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #1e40af 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.th-rate-chip strong { color: #1e40af; font-size: 0.72rem; }
.th-rate-chip--info strong { color: #2563eb; }
.th-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.th-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #1e3a8a 7%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #1e40af 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #1e3a8a 8%, transparent);
}
.th-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 15% 0%, color-mix(in srgb, #3b82f6 12%, transparent), transparent 55%); }
.th-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.th-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.th-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #3b82f6; box-shadow: 0 0 0 3px color-mix(in srgb, #3b82f6 25%, transparent); }
.th-preview-mode { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #1e40af 10%, var(--surface)); color: #1e40af; border: 1px solid color-mix(in srgb, #1e40af 20%, transparent); }
.th-mode-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; position: relative; }
.th-mode-tab { flex: 1; min-width: 120px; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.th-mode-tab.is-active { background: color-mix(in srgb, #1e40af 12%, var(--surface)); color: #1e40af; border-color: color-mix(in srgb, #1e40af 28%, var(--border)); }
.th-field { display: block; margin-bottom: 10px; position: relative; }
.th-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.th-field-hint { margin: -4px 0 10px; font-size: 0.75rem; color: var(--text-muted); }
.th-field-select, .th-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.th-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.th-field--check { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; cursor: pointer; padding-top: 18px; }
.th-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; position: relative; }
.th-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #1e40af 20%, var(--border)); background: color-mix(in srgb, #1e40af 6%, var(--surface)); color: #1e40af; cursor: pointer; }
.th-rate-strip { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; font-size: 0.78rem; color: var(--text-secondary); position: relative; }
.th-rate-strip strong { color: #1e40af; }
.th-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.th-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #1e40af 5%, var(--surface)); border: 1px solid color-mix(in srgb, #1e40af 12%, var(--border)); }
.th-preview-card--main { grid-column: 1 / -1; }
.th-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.th-preview-main { font-size: 1.45rem; font-weight: 800; color: #1e40af; }
.th-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.th-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.th-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #1e40af 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #1e3a8a 8%, var(--surface)), var(--surface)); }
.th-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.th-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #1e40af; margin: 4px 0; }
.th-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.th-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.th-result-table { margin-bottom: 12px; }
.th-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* ── Değer Artış Kazancı Vergisi (bordo / vergi teması) ── */
.dak-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.dak-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #9f1239 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.dak-rate-chip strong { color: #9f1239; font-size: 0.72rem; }
.dak-rate-chip--info strong { color: #be123c; }
.dak-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.dak-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #881337 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #9f1239 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #881337 8%, transparent);
}
.dak-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 80% 0%, color-mix(in srgb, #fb7185 10%, transparent), transparent 55%); }
.dak-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.dak-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.dak-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #e11d48; box-shadow: 0 0 0 3px color-mix(in srgb, #e11d48 25%, transparent); }
.dak-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #9f1239 10%, var(--surface)); color: #9f1239; border: 1px solid color-mix(in srgb, #9f1239 20%, transparent); }
.dak-date-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; position: relative; }
.dak-fieldset { border: 1px solid color-mix(in srgb, #9f1239 12%, var(--border)); border-radius: 12px; padding: 10px 12px 12px; margin: 0; background: color-mix(in srgb, #9f1239 3%, var(--surface)); }
.dak-fieldset-legend { font-size: 0.72rem; font-weight: 700; color: #9f1239; padding: 0 4px; }
.dak-date-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.dak-field { display: block; margin-bottom: 0; position: relative; }
.dak-field--wide { grid-column: 1 / -1; }
.dak-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.dak-field-select, .dak-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.dak-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 10px; position: relative; }
.dak-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; position: relative; }
.dak-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #9f1239 20%, var(--border)); background: color-mix(in srgb, #9f1239 6%, var(--surface)); color: #9f1239; cursor: pointer; }
.dak-info-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 0.78rem; color: var(--text-secondary); position: relative; }
.dak-info-strip strong { color: #9f1239; }
.dak-preview-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; position: relative; }
.dak-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #9f1239 5%, var(--surface)); border: 1px solid color-mix(in srgb, #9f1239 12%, var(--border)); }
.dak-preview-card--main { grid-column: 1 / -1; }
.dak-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.dak-preview-main { font-size: 1.45rem; font-weight: 800; color: #9f1239; }
.dak-preview-sub, .dak-preview-index { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.dak-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.dak-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #9f1239 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #881337 8%, var(--surface)), var(--surface)); }
.dak-result-hero--exempt { border-color: color-mix(in srgb, #059669 25%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #065f46 8%, var(--surface)), var(--surface)); }
.dak-result-hero--exempt .dak-result-hero-value { color: #059669; }
.dak-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.dak-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #9f1239; margin: 4px 0; }
.dak-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.dak-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.dak-result-table { margin-bottom: 12px; font-size: 0.84rem; }
.dak-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* ── Brütten Nete Maaş (teal / bordro teması) ── */
.bn-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.bn-rate-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.75); border: 1px solid color-mix(in srgb, #0d9488 18%, transparent);
  font-size: 0.8rem; color: var(--text-secondary);
}
.bn-rate-chip strong { color: #0f766e; font-size: 0.72rem; }
.bn-rate-chip--info strong { color: #14b8a6; }
.bn-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.bn-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #0f766e 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #0d9488 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0f766e 8%, transparent);
}
.bn-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #14b8a6 12%, transparent), transparent 55%); }
.bn-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.bn-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.bn-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #14b8a6; box-shadow: 0 0 0 3px color-mix(in srgb, #14b8a6 25%, transparent); }
.bn-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #0d9488 10%, var(--surface)); color: #0f766e; border: 1px solid color-mix(in srgb, #0d9488 20%, transparent); }
.bn-mode-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; position: relative; }
.bn-mode-tab { flex: 1; min-width: 120px; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.bn-mode-tab.is-active { background: color-mix(in srgb, #0d9488 12%, var(--surface)); color: #0f766e; border-color: color-mix(in srgb, #0d9488 28%, var(--border)); }
.bn-field { display: block; margin-bottom: 10px; position: relative; }
.bn-field--hidden { display: none !important; }
.bn-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.bn-field-select, .bn-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.bn-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.bn-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; position: relative; }
.bn-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #0d9488 20%, var(--border)); background: color-mix(in srgb, #0d9488 6%, var(--surface)); color: #0f766e; cursor: pointer; }
.bn-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 0.78rem; color: var(--text-secondary); position: relative; }
.bn-rate-strip strong { color: #0f766e; }
.bn-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.bn-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #0d9488 5%, var(--surface)); border: 1px solid color-mix(in srgb, #0d9488 12%, var(--border)); }
.bn-preview-card--main { grid-column: 1 / -1; }
.bn-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.bn-preview-main { font-size: 1.45rem; font-weight: 800; color: #0f766e; }
.bn-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.bn-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.bn-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #0d9488 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #0f766e 8%, var(--surface)), var(--surface)); }
.bn-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.bn-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #0f766e; margin: 4px 0; }
.bn-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.bn-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.bn-result-table { margin-bottom: 12px; }
.bn-result-table--months th { width: 28%; }
.bn-cell-muted { font-size: 0.82rem; color: var(--text-muted); }
.bn-table-title { margin: 16px 0 8px; font-size: 0.92rem; font-weight: 700; }
.bn-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* Gelir vergisi — modern panel (GİB / indigo) */
.calc-form--gv-modern > .native-field { display: none !important; }
.gv-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.gv-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #4f46e5 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #6366f1 14%, var(--border));
}
.gv-rate-chip strong { color: #4338ca; font-size: 0.72rem; }
.gv-rate-chip--info strong { color: #4f46e5; }
.gv-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.gv-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #4338ca 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #6366f1 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #4f46e5 8%, transparent);
}
.gv-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #6366f1 12%, transparent), transparent 55%); }
.gv-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.gv-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.gv-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #6366f1; box-shadow: 0 0 0 3px color-mix(in srgb, #6366f1 25%, transparent); }
.gv-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #4f46e5 10%, var(--surface)); color: #4338ca; border: 1px solid color-mix(in srgb, #6366f1 20%, transparent); }
.gv-type-tabs { display: flex; gap: 6px; margin-bottom: 12px; position: relative; }
.gv-type-tab { flex: 1; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.gv-type-tab.is-active { background: color-mix(in srgb, #4f46e5 12%, var(--surface)); color: #4338ca; border-color: color-mix(in srgb, #6366f1 28%, var(--border)); }
.gv-field { display: block; margin-bottom: 10px; position: relative; }
.gv-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.gv-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.gv-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 4px; position: relative; }
.gv-preview-card { padding: 14px; border-radius: 12px; margin-bottom: 12px; background: color-mix(in srgb, #4f46e5 5%, var(--surface)); border: 1px solid color-mix(in srgb, #6366f1 12%, var(--border)); position: relative; }
.gv-preview-main { font-size: 1.45rem; font-weight: 800; color: #4338ca; }
.gv-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.gv-preview-hint { margin: 8px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.gv-quick-row { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.gv-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #6366f1 20%, var(--border)); background: color-mix(in srgb, #4f46e5 6%, var(--surface)); color: #4338ca; cursor: pointer; }
.gv-quick-btn:hover { background: color-mix(in srgb, #4f46e5 12%, var(--surface)); }
.gv-check-row { display: flex; align-items: flex-start; gap: 8px; font-size: 0.82rem; color: var(--text-secondary); cursor: pointer; }
.gv-check-row input { margin-top: 3px; }
.gv-hidden-radio { position: absolute; opacity: 0; pointer-events: none; width: 0; height: 0; }
.gv-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #6366f1 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #4338ca 8%, var(--surface)), var(--surface)); }
.gv-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.gv-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #4338ca; margin: 4px 0; }
.gv-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.gv-formula { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.5; }
.gv-table-title { margin: 16px 0 8px; font-size: 0.92rem; font-weight: 700; }
.gv-result-table { margin-bottom: 12px; }
.gv-result-table--brackets th { font-size: 0.82rem; }
.gv-cell-tax { font-weight: 700; color: #4338ca; }
.gv-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* Yıllık izin — modern panel (4857 / 657) */
.calc-form--yi-modern > .native-field { display: none !important; }
.yi-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.yi-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #2563eb 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #2563eb 14%, var(--border));
}
.yi-rate-chip strong { color: #1d4ed8; font-size: 0.72rem; }
.yi-rate-chip--info strong { color: #3b82f6; }
.yi-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.yi-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #1d4ed8 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #3b82f6 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #2563eb 8%, transparent);
}
.yi-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #3b82f6 12%, transparent), transparent 55%); }
.yi-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.yi-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.yi-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #3b82f6; box-shadow: 0 0 0 3px color-mix(in srgb, #3b82f6 25%, transparent); }
.yi-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #2563eb 10%, var(--surface)); color: #1d4ed8; border: 1px solid color-mix(in srgb, #3b82f6 20%, transparent); }
.yi-sector-tabs, .yi-mode-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; position: relative; }
.yi-sector-tab, .yi-mode-tab { flex: 1; min-width: 120px; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.yi-sector-tab.is-active, .yi-mode-tab.is-active { background: color-mix(in srgb, #2563eb 12%, var(--surface)); color: #1d4ed8; border-color: color-mix(in srgb, #3b82f6 28%, var(--border)); }
.yi-field { display: block; margin-bottom: 10px; position: relative; }
.yi-field--hidden { display: none !important; }
.yi-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.yi-field-select, .yi-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.yi-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.yi-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; position: relative; }
.yi-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #3b82f6 20%, var(--border)); background: color-mix(in srgb, #2563eb 6%, var(--surface)); color: #1d4ed8; cursor: pointer; }
.yi-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 0.78rem; color: var(--text-secondary); position: relative; }
.yi-rate-strip strong { color: #1d4ed8; }
.yi-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.yi-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #2563eb 5%, var(--surface)); border: 1px solid color-mix(in srgb, #3b82f6 12%, var(--border)); }
.yi-preview-card--main { grid-column: 1 / -1; }
.yi-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.yi-preview-main { font-size: 1.45rem; font-weight: 800; color: #1d4ed8; }
.yi-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.yi-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.yi-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #3b82f6 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #1d4ed8 8%, var(--surface)), var(--surface)); }
.yi-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.yi-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #1d4ed8; margin: 4px 0; }
.yi-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.yi-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.yi-result-table { margin-bottom: 12px; }
.yi-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* Okula başlama yaşı — modern panel (MEB / amber) */
.calc-form--oby-modern > .native-field { display: none !important; }
.oby-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.oby-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #d97706 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #f59e0b 14%, var(--border));
}
.oby-rate-chip strong { color: #b45309; font-size: 0.72rem; }
.oby-rate-chip--info strong { color: #d97706; }
.oby-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.oby-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #b45309 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #f59e0b 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #d97706 8%, transparent);
}
.oby-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #f59e0b 12%, transparent), transparent 55%); }
.oby-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.oby-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.oby-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #f59e0b; box-shadow: 0 0 0 3px color-mix(in srgb, #f59e0b 25%, transparent); }
.oby-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #d97706 10%, var(--surface)); color: #b45309; border: 1px solid color-mix(in srgb, #f59e0b 20%, transparent); }
.oby-field { display: block; margin-bottom: 10px; position: relative; }
.oby-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.oby-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.oby-preview-card { padding: 14px; border-radius: 12px; margin-bottom: 12px; background: color-mix(in srgb, #d97706 5%, var(--surface)); border: 1px solid color-mix(in srgb, #f59e0b 12%, var(--border)); position: relative; }
.oby-preview-main { font-size: 1.45rem; font-weight: 800; color: #b45309; }
.oby-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.oby-preview-hint { margin: 8px 0 0; font-size: 0.78rem; color: var(--text-muted); }
.oby-quick-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; position: relative; }
.oby-quick-label { font-size: 0.72rem; font-weight: 600; color: var(--text-muted); }
.oby-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #f59e0b 20%, var(--border)); background: color-mix(in srgb, #d97706 6%, var(--surface)); color: #b45309; cursor: pointer; }
.oby-quick-btn:hover { background: color-mix(in srgb, #d97706 12%, var(--surface)); }
.oby-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #f59e0b 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #b45309 8%, var(--surface)), var(--surface)); }
.oby-result-hero--muted { border-color: color-mix(in srgb, var(--text-muted) 25%, var(--border)); }
.oby-result-hero--okul { border-color: color-mix(in srgb, #22c55e 28%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #16a34a 8%, var(--surface)), var(--surface)); }
.oby-result-hero--ana { border-color: color-mix(in srgb, #3b82f6 28%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #2563eb 8%, var(--surface)), var(--surface)); }
.oby-result-hero--warn { border-color: color-mix(in srgb, #f59e0b 35%, var(--border)); }
.oby-result-hero--ilk { border-color: color-mix(in srgb, #d97706 35%, var(--border)); }
.oby-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.oby-result-hero-value { display: block; font-size: 1.8rem; font-weight: 800; color: #b45309; margin: 4px 0; }
.oby-result-hero--okul .oby-result-hero-value { color: #15803d; }
.oby-result-hero--ana .oby-result-hero-value { color: #1d4ed8; }
.oby-result-hero--warn .oby-result-hero-value { color: #d97706; }
.oby-result-hero--ilk .oby-result-hero-value { color: #c2410c; }
.oby-result-hero--muted .oby-result-hero-value { color: var(--text-secondary); }
.oby-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.oby-formula { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.5; }
.oby-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 14px; }
.oby-timeline-item { padding: 10px 8px; border-radius: 10px; text-align: center; border: 1px solid var(--border); background: var(--surface); opacity: 0.55; }
.oby-timeline-item.is-active { opacity: 1; border-color: color-mix(in srgb, #f59e0b 35%, var(--border)); background: color-mix(in srgb, #d97706 6%, var(--surface)); box-shadow: 0 4px 14px color-mix(in srgb, #d97706 10%, transparent); }
.oby-timeline-label { display: block; font-size: 0.72rem; font-weight: 700; color: var(--text-secondary); }
.oby-timeline-range { display: block; font-size: 0.68rem; color: var(--text-muted); margin-top: 2px; }
.oby-options { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.oby-option { padding: 12px 14px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface); font-size: 0.84rem; line-height: 1.45; }
.oby-option strong { display: block; font-size: 0.82rem; margin-bottom: 4px; }
.oby-option--ok { border-color: color-mix(in srgb, #22c55e 25%, var(--border)); background: color-mix(in srgb, #16a34a 5%, var(--surface)); }
.oby-option--ok strong { color: #15803d; }
.oby-option--maybe { border-color: color-mix(in srgb, #f59e0b 28%, var(--border)); background: color-mix(in srgb, #d97706 5%, var(--surface)); }
.oby-option--maybe strong { color: #b45309; }
.oby-option--info { border-color: color-mix(in srgb, #3b82f6 22%, var(--border)); background: color-mix(in srgb, #2563eb 4%, var(--surface)); }
.oby-option--info strong { color: #1d4ed8; }
.oby-option--alt { border-style: dashed; opacity: 0.9; }
.oby-option--wait strong { color: var(--text-muted); }
.oby-result-table { margin-bottom: 12px; }
.oby-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* VKİ — Vücut Kitle Endeksi (sağlık / rose) */
.vki-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.vki-rate-chip { padding: 6px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; background: color-mix(in srgb, var(--vki-chip, #e11d48) 8%, var(--surface)); border: 1px solid color-mix(in srgb, var(--vki-chip, #e11d48) 22%, var(--border)); color: var(--text-secondary); }
.vki-rate-chip strong { color: var(--vki-chip, #be123c); font-size: 0.72rem; }
.vki-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.vki-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #be123c 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #e11d48 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #e11d48 8%, transparent);
}
.vki-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #f43f5e 12%, transparent), transparent 55%); }
.vki-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.vki-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.vki-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #e11d48; box-shadow: 0 0 0 3px color-mix(in srgb, #f43f5e 25%, transparent); }
.vki-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #e11d48 10%, var(--surface)); color: #be123c; border: 1px solid color-mix(in srgb, #f43f5e 20%, transparent); max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vki-field { display: block; margin-bottom: 10px; position: relative; }
.vki-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.vki-field-select, .vki-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.vki-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.vki-field-grid--optional { margin-top: 4px; }
.vki-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.vki-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #f43f5e 20%, var(--border)); background: color-mix(in srgb, #e11d48 6%, var(--surface)); color: #be123c; cursor: pointer; }
.vki-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 0.78rem; color: var(--text-secondary); position: relative; }
.vki-rate-strip strong { color: #be123c; }
.vki-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.vki-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #e11d48 5%, var(--surface)); border: 1px solid color-mix(in srgb, #f43f5e 12%, var(--border)); }
.vki-preview-card--main { grid-column: 1 / -1; }
.vki-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.vki-preview-main { font-size: 1.45rem; font-weight: 800; color: #be123c; transition: color 0.2s; }
.vki-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.vki-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.vki-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--vki-accent, #e11d48) 28%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, var(--vki-accent, #e11d48) 8%, var(--surface)), var(--surface)); }
.vki-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.vki-result-hero-value { display: block; font-size: 2rem; font-weight: 800; color: var(--vki-accent, #be123c); margin: 4px 0; }
.vki-result-hero-badge { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700; background: color-mix(in srgb, var(--vki-accent, #e11d48) 12%, var(--surface)); color: var(--vki-accent, #be123c); border: 1px solid color-mix(in srgb, var(--vki-accent, #e11d48) 25%, var(--border)); margin-bottom: 6px; }
.vki-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.vki-scale { margin: 0 0 14px; }
.vki-scale-track { position: relative; display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: var(--border); }
.vki-scale-seg { flex: 1; }
.vki-scale-seg--under { background: #3b82f6; }
.vki-scale-seg--normal { background: #16a34a; flex: 1.2; }
.vki-scale-seg--over { background: #ca8a04; }
.vki-scale-seg--obese1 { background: #ea580c; }
.vki-scale-seg--obese2 { background: #dc2626; }
.vki-scale-seg--obese3 { background: #9b1c1c; }
.vki-scale-marker { position: absolute; top: -3px; width: 4px; height: 16px; border-radius: 2px; background: var(--text-primary); transform: translateX(-50%); box-shadow: 0 0 0 2px var(--surface); }
.vki-scale-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.68rem; color: var(--text-muted); }
.vki-cat-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.vki-cat-chip { padding: 4px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 600; border: 1px solid var(--border); color: var(--text-muted); background: var(--surface); }
.vki-cat-chip.is-active { color: #be123c; border-color: color-mix(in srgb, #e11d48 30%, var(--border)); background: color-mix(in srgb, #e11d48 8%, var(--surface)); font-weight: 700; }
.vki-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.vki-result-table { margin-bottom: 12px; }
.vki-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* —— İdeal Kilo (modern, teal) —— */
.calc-form--ikl-modern > .native-field { display: none !important; }
.calc-form--vki-modern > .native-field { display: none !important; }
.ikl-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.ikl-rate-chip { padding: 6px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; background: color-mix(in srgb, #0d9488 8%, var(--surface)); border: 1px solid color-mix(in srgb, #14b8a6 22%, var(--border)); color: var(--text-secondary); }
.ikl-rate-chip strong { color: #0f766e; font-size: 0.72rem; }
.ikl-rate-chip--who strong { color: #059669; }
.ikl-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.ikl-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px;
  background: linear-gradient(145deg, color-mix(in srgb, #0d9488 5%, var(--surface)) 0%, var(--surface) 55%);
  border: 1px solid color-mix(in srgb, #14b8a6 14%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0d9488 7%, transparent);
}
.ikl-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 12% 0%, color-mix(in srgb, #14b8a6 10%, transparent), transparent 55%); }
.ikl-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.ikl-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.ikl-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #0d9488; box-shadow: 0 0 0 3px color-mix(in srgb, #14b8a6 22%, transparent); }
.ikl-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #0d9488 10%, var(--surface)); color: #0f766e; border: 1px solid color-mix(in srgb, #14b8a6 20%, transparent); }
.ikl-gender-row { display: flex; gap: 10px; margin-bottom: 12px; position: relative; }
.ikl-gender-opt { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 10px; border-radius: 12px; border: 1px solid var(--border); background: var(--surface); cursor: pointer; font-size: 0.88rem; font-weight: 600; }
.ikl-gender-opt:has(input:checked) { border-color: color-mix(in srgb, #0d9488 40%, var(--border)); background: color-mix(in srgb, #0d9488 8%, var(--surface)); color: #0f766e; }
.ikl-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.ikl-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.ikl-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.ikl-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.ikl-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #14b8a6 20%, var(--border)); background: color-mix(in srgb, #0d9488 6%, var(--surface)); color: #0f766e; cursor: pointer; }
.ikl-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 0.78rem; color: var(--text-secondary); position: relative; }
.ikl-rate-strip strong { color: #0f766e; }
.ikl-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.ikl-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #0d9488 5%, var(--surface)); border: 1px solid color-mix(in srgb, #14b8a6 12%, var(--border)); }
.ikl-preview-card--main { grid-column: 1 / -1; }
.ikl-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.ikl-preview-main { font-size: 1.45rem; font-weight: 800; color: #0f766e; transition: color 0.2s; }
.ikl-preview-sub { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.ikl-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.ikl-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--ikl-accent, #0d9488) 28%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, var(--ikl-accent, #0d9488) 8%, var(--surface)), var(--surface)); }
.ikl-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.ikl-result-hero-value { display: block; font-size: 2rem; font-weight: 800; color: var(--ikl-accent, #0f766e); margin: 4px 0; }
.ikl-result-hero-badge { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700; background: color-mix(in srgb, var(--ikl-accent, #0d9488) 12%, var(--surface)); color: var(--ikl-accent, #0f766e); border: 1px solid color-mix(in srgb, var(--ikl-accent, #0d9488) 25%, var(--border)); margin-bottom: 6px; }
.ikl-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.ikl-range { margin: 0 0 14px; }
.ikl-range-track { position: relative; height: 12px; border-radius: 999px; background: var(--border); }
.ikl-range-who { position: absolute; top: 0; height: 100%; border-radius: 999px; background: color-mix(in srgb, #16a34a 35%, transparent); border: 1px solid color-mix(in srgb, #16a34a 40%, transparent); }
.ikl-range-marker { position: absolute; top: -4px; width: 10px; height: 20px; border-radius: 3px; transform: translateX(-50%); }
.ikl-range-marker--ideal { background: #0d9488; box-shadow: 0 0 0 2px var(--surface); }
.ikl-range-marker--you { background: var(--text-primary); width: 4px; height: 16px; top: -2px; box-shadow: 0 0 0 2px var(--surface); }
.ikl-range-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.68rem; color: var(--text-muted); }
.ikl-advice { margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; font-size: 0.84rem; line-height: 1.5; background: color-mix(in srgb, #0d9488 6%, var(--surface)); border: 1px solid color-mix(in srgb, #14b8a6 15%, var(--border)); }
.ikl-advice--lose { background: color-mix(in srgb, #ca8a04 8%, var(--surface)); border-color: color-mix(in srgb, #ca8a04 20%, var(--border)); }
.ikl-advice--gain { background: color-mix(in srgb, #3b82f6 8%, var(--surface)); border-color: color-mix(in srgb, #3b82f6 20%, var(--border)); }
.ikl-section-title { margin: 16px 0 8px; font-size: 0.88rem; font-weight: 700; }
.ikl-formula-table { margin-bottom: 10px; font-size: 0.84rem; }
.ikl-formula-row--active th, .ikl-formula-row--active td { font-weight: 700; color: #0f766e; }
.ikl-formula-note { margin: 0 0 10px; font-size: 0.82rem; color: var(--text-secondary); }
.ikl-result-table { margin-bottom: 12px; }
.ikl-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

/* Adet Günü — menstrual takvim (rose/pink) */
.adg-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.adg-rate-chip { padding: 6px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; background: color-mix(in srgb, #db2777 8%, var(--surface)); border: 1px solid color-mix(in srgb, #ec4899 22%, var(--border)); color: var(--text-secondary); }
.adg-rate-chip strong { color: #be185d; font-size: 0.72rem; }
.adg-rate-chip--info strong { color: #7c3aed; }
.adg-rate-chip--warn strong { color: #d97706; }
.adg-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.adg-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #be185d 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #ec4899 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #db2777 8%, transparent);
}
.calc-form--adg-modern > .native-field { display: none !important; }
.adg-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #f472b6 12%, transparent), transparent 55%); }
.adg-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.adg-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.adg-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #db2777; box-shadow: 0 0 0 3px color-mix(in srgb, #ec4899 25%, transparent); }
.adg-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #db2777 10%, var(--surface)); color: #be185d; border: 1px solid color-mix(in srgb, #ec4899 20%, transparent); max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adg-field { display: block; margin-bottom: 10px; position: relative; }
.adg-field--wide { margin-bottom: 12px; }
.adg-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.adg-field-input { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.adg-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.adg-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; position: relative; }
.adg-quick-chips--period { margin-bottom: 12px; }
.adg-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #ec4899 20%, var(--border)); background: color-mix(in srgb, #db2777 6%, var(--surface)); color: #be185d; cursor: pointer; }
.adg-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 12px; font-size: 0.78rem; color: var(--text-secondary); position: relative; }
.adg-rate-strip strong { color: #be185d; }
.adg-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; position: relative; }
.adg-preview-card { padding: 14px; border-radius: 12px; background: color-mix(in srgb, #db2777 5%, var(--surface)); border: 1px solid color-mix(in srgb, #ec4899 12%, var(--border)); }
.adg-preview-card--main { grid-column: 1 / -1; }
.adg-preview-card--phase { grid-column: 1 / -1; }
.adg-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.adg-preview-main { font-size: 1.45rem; font-weight: 800; color: #be185d; transition: color 0.2s; }
.adg-preview-sub, .adg-preview-phase { font-size: 0.95rem; font-weight: 700; color: var(--text-secondary); }
.adg-preview-hint { margin: 10px 0 0; font-size: 0.78rem; color: var(--text-muted); position: relative; }
.adg-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--adg-accent, #db2777) 28%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, var(--adg-accent, #db2777) 8%, var(--surface)), var(--surface)); }
.adg-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.adg-result-hero-value { display: block; font-size: 1.65rem; font-weight: 800; color: var(--adg-accent, #be185d); margin: 4px 0; }
.adg-result-hero-badge { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: 0.78rem; font-weight: 700; background: color-mix(in srgb, var(--adg-accent, #db2777) 12%, var(--surface)); color: var(--adg-accent, #be185d); border: 1px solid color-mix(in srgb, var(--adg-accent, #db2777) 25%, var(--border)); margin-bottom: 6px; }
.adg-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.adg-timeline { margin: 0 0 14px; }
.adg-timeline-track { position: relative; display: flex; height: 10px; border-radius: 999px; overflow: hidden; background: var(--border); }
.adg-timeline-seg { flex: 1; }
.adg-timeline-seg--menstrual { background: #db2777; flex: 0.9; }
.adg-timeline-seg--follicular { background: #3b82f6; flex: 1.1; }
.adg-timeline-seg--ovulation { background: #7c3aed; flex: 0.5; }
.adg-timeline-seg--luteal { background: #d97706; flex: 1.2; }
.adg-timeline-marker { position: absolute; top: -3px; width: 4px; height: 16px; border-radius: 2px; background: var(--text-primary); transform: translateX(-50%); box-shadow: 0 0 0 2px var(--surface); }
.adg-timeline-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.68rem; color: var(--text-muted); }
.adg-formula { margin: 0 0 10px; font-size: 0.84rem; color: var(--text-secondary); }
.adg-forecast-title { margin: 16px 0 8px; font-size: 0.9rem; }
.adg-result-table, .adg-forecast-table { margin-bottom: 12px; }
.adg-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

@media (max-width: 560px) {
  .amu-field-grid, .ekd-top-grid, .ekd-hour-grid, .ekd-hour-grid--extra, .amu-preview-grid, .ekd-preview-grid,
  .om-field-grid, .om-preview-grid, .th-field-grid, .th-preview-grid, .bn-field-grid, .gv-field-grid, .pct-field-grid, .yi-field-grid, .vki-field-grid, .ikl-field-grid, .ikl-preview-grid, .adg-field-grid, .dak-date-grid, .dak-field-grid, .dak-preview-grid {
    grid-template-columns: 1fr;
  }
  .om-tx-row { grid-template-columns: 1fr; }
  .om-tx-no { text-align: left; }
  .ekd-mode-tab, .amu-field-grid .amu-field:first-child { font-size: 0.78rem; }
  .oby-timeline { grid-template-columns: repeat(2, 1fr); }
}

/* Tag Assistant eklenti / GTM debug şeridi — ziyaretçi arayüzünden gizle */
#tag-assistant-container,
#tas-floating-ball,
#tag-assistant,
[id*="tag-assistant" i],
/* Ortalama vade — modern panel (indigo / finansal) */
.calc-form--ov-modern > .native-field { display: none !important; }
.ov-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.ov-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #4f46e5 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #6366f1 14%, var(--border));
}
.ov-rate-chip strong { color: #4338ca; font-size: 0.72rem; }
.ov-rate-chip--info strong { color: #4f46e5; }
.ov-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.ov-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #4f46e5 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #6366f1 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #4f46e5 8%, transparent);
}
.ov-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #6366f1 12%, transparent), transparent 55%); }
.ov-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.ov-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.ov-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #4f46e5; box-shadow: 0 0 0 3px color-mix(in srgb, #6366f1 25%, transparent); }
.ov-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #4f46e5 10%, var(--surface)); color: #4338ca; border: 1px solid color-mix(in srgb, #6366f1 20%, transparent); }
.ov-preview-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; margin-bottom: 8px; position: relative; }
.ov-preview-card { padding: 12px; border-radius: 12px; background: color-mix(in srgb, #4f46e5 5%, var(--surface)); border: 1px solid color-mix(in srgb, #6366f1 12%, var(--border)); }
.ov-preview-card--main .ov-preview-main { font-size: 1.35rem; font-weight: 800; color: #4338ca; }
.ov-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.ov-preview-main { display: block; font-size: 1.1rem; font-weight: 800; color: #4338ca; }
.ov-preview-sub { display: block; font-size: 0.88rem; font-weight: 700; color: var(--text-secondary); }
.ov-preview-hint { margin: 0 0 12px; font-size: 0.78rem; color: var(--text-muted); }
.ov-mode-tabs { display: flex; gap: 6px; margin-bottom: 12px; position: relative; }
.ov-mode-tab { flex: 1; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.ov-mode-tab.is-active { background: color-mix(in srgb, #4f46e5 12%, var(--surface)); color: #4338ca; border-color: color-mix(in srgb, #6366f1 28%, var(--border)); }
.ov-control-row { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; margin-bottom: 12px; }
.ov-field { display: block; position: relative; }
.ov-field--inline { flex: 1; min-width: 140px; }
.ov-field--check { display: flex; align-items: center; gap: 8px; font-size: 0.82rem; color: var(--text-secondary); padding-bottom: 8px; }
.ov-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.ov-field-input, .ov-field-select { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.ov-field-input--sm, .ov-field-select--sm { padding: 6px 8px; font-size: 0.82rem; }
.ov-ref-fields { margin-bottom: 12px; padding: 10px; border-radius: 10px; background: color-mix(in srgb, #4f46e5 4%, var(--surface)); border: 1px dashed color-mix(in srgb, #6366f1 18%, var(--border)); }
.ov-ref-fields--hidden { display: none; }
.ov-ref-title { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 6px; }
.ov-ref-grid { display: grid; grid-template-columns: 64px 1fr 80px; gap: 8px; }
.ov-pay-list { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; max-height: 340px; overflow-y: auto; padding-right: 4px; }
.ov-pay-row { display: grid; grid-template-columns: 28px 1fr 1fr; gap: 8px; align-items: end; padding: 10px; border-radius: 12px; background: color-mix(in srgb, #4f46e5 4%, var(--surface)); border: 1px solid color-mix(in srgb, #6366f1 10%, var(--border)); }
.ov-pay-num { font-weight: 800; font-size: 0.85rem; color: #4338ca; text-align: center; padding-bottom: 10px; }
.ov-pay-field { min-width: 0; }
.ov-pay-dates { display: grid; grid-template-columns: 52px 1fr 72px; gap: 6px; }
.ov-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 4px; }
.ov-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #6366f1 20%, var(--border)); background: color-mix(in srgb, #4f46e5 6%, var(--surface)); color: #4338ca; cursor: pointer; }
.ov-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #6366f1 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #4f46e5 8%, var(--surface)), var(--surface)); }
.ov-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.ov-result-hero-value { display: block; font-size: 1.9rem; font-weight: 800; color: #4338ca; margin: 4px 0; }
.ov-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.ov-result-split { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 12px; }
.ov-result-chip { padding: 12px; border-radius: 12px; background: color-mix(in srgb, #4f46e5 5%, var(--surface)); border: 1px solid color-mix(in srgb, #6366f1 12%, var(--border)); text-align: center; }
.ov-result-chip span { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.ov-result-chip strong { font-size: 1.05rem; color: #4338ca; }
.ov-bars { margin-bottom: 12px; display: flex; flex-direction: column; gap: 8px; }
.ov-bar-row { display: grid; grid-template-columns: 72px 1fr auto; gap: 8px; align-items: center; font-size: 0.75rem; }
.ov-bar-label { color: var(--text-muted); font-weight: 600; }
.ov-bar-track { height: 8px; border-radius: 999px; background: var(--border); overflow: hidden; }
.ov-bar-fill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4338ca, #6366f1); }
.ov-bar-meta { color: var(--text-secondary); white-space: nowrap; }
.ov-formula { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.5; word-break: break-word; }
.ov-table-title { margin: 14px 0 8px; font-size: 0.92rem; }
.ov-result-table { margin-bottom: 12px; }
.ov-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

@media (max-width: 640px) {
  .ov-preview-grid, .ov-result-split { grid-template-columns: 1fr; }
  .ov-pay-row { grid-template-columns: 1fr; }
  .ov-pay-num { text-align: left; padding-bottom: 0; }
  .ov-bar-row { grid-template-columns: 1fr; }
}

/* Faiz hesaplama — modern panel (amber / finansal) */
.calc-form--fz-modern > .native-field { display: none !important; }
.fz-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.fz-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #d97706 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #f59e0b 14%, var(--border));
}
.fz-rate-chip strong { color: #b45309; font-size: 0.72rem; }
.fz-rate-chip--info strong { color: #d97706; }
.fz-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.fz-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #d97706 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #f59e0b 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #d97706 8%, transparent);
}
.fz-panel-glow { position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #f59e0b 12%, transparent), transparent 55%); }
.fz-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.fz-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.fz-live-dot { width: 8px; height: 8px; border-radius: 50%; background: #d97706; box-shadow: 0 0 0 3px color-mix(in srgb, #f59e0b 25%, transparent); }
.fz-preview-badge { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700; background: color-mix(in srgb, #d97706 10%, var(--surface)); color: #b45309; border: 1px solid color-mix(in srgb, #f59e0b 20%, transparent); }
.fz-preview-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; margin-bottom: 8px; position: relative; }
.fz-preview-card { padding: 12px; border-radius: 12px; background: color-mix(in srgb, #d97706 5%, var(--surface)); border: 1px solid color-mix(in srgb, #f59e0b 12%, var(--border)); }
.fz-preview-card--main .fz-preview-main { font-size: 1.35rem; font-weight: 800; color: #b45309; }
.fz-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.fz-preview-main { display: block; font-size: 1.1rem; font-weight: 800; color: #b45309; }
.fz-preview-sub { display: block; font-size: 0.88rem; font-weight: 700; color: var(--text-secondary); }
.fz-preview-hint { margin: 0 0 12px; font-size: 0.78rem; color: var(--text-muted); }
.fz-mode-tabs { display: flex; gap: 6px; margin-bottom: 12px; position: relative; }
.fz-mode-tab { flex: 1; padding: 8px 10px; border-radius: 10px; font-size: 0.78rem; font-weight: 700; border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer; }
.fz-mode-tab.is-active { background: color-mix(in srgb, #d97706 12%, var(--surface)); color: #b45309; border-color: color-mix(in srgb, #f59e0b 28%, var(--border)); }
.fz-field { display: block; margin-bottom: 10px; position: relative; }
.fz-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.fz-field-input, .fz-field-select { width: 100%; padding: 8px 10px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600; }
.fz-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; position: relative; }
.fz-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; }
.fz-quick-btn { padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600; border: 1px solid color-mix(in srgb, #f59e0b 20%, var(--border)); background: color-mix(in srgb, #d97706 6%, var(--surface)); color: #b45309; cursor: pointer; }
.fz-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.fz-rate-strip strong { color: #b45309; }
.fz-result-hero { text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px; border: 1px solid color-mix(in srgb, #f59e0b 20%, var(--border)); background: linear-gradient(135deg, color-mix(in srgb, #d97706 8%, var(--surface)), var(--surface)); }
.fz-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.fz-result-hero-value { display: block; font-size: 1.9rem; font-weight: 800; color: #b45309; margin: 4px 0; }
.fz-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.fz-result-split { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 12px; }
.fz-result-chip { padding: 12px; border-radius: 12px; background: color-mix(in srgb, #d97706 5%, var(--surface)); border: 1px solid color-mix(in srgb, #f59e0b 12%, var(--border)); text-align: center; }
.fz-result-chip span { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.fz-result-chip strong { font-size: 1.05rem; color: #b45309; }
.fz-formula { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.5; }
.fz-result-table { margin-bottom: 12px; }
.fz-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

@media (max-width: 560px) {
  .fz-preview-grid, .fz-field-grid, .fz-result-split { grid-template-columns: 1fr; }
}

[class*="tag-assistant" i],
iframe[src*="tagassistant.google.com"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

/* Kredi Karşılaştırma — modern panel (sky / kredi) */
.calc-form--kcmp-modern > .native-field { display: none !important; }
.kcmp-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.kcmp-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #0284c7 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #0ea5e9 14%, var(--border));
}
.kcmp-rate-chip strong { color: #0369a1; font-size: 0.72rem; }
.kcmp-rate-chip--info strong { color: #0284c7; }
.kcmp-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kcmp-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #0284c7 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #0ea5e9 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #0284c7 8%, transparent);
}
.kcmp-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #0ea5e9 12%, transparent), transparent 55%);
}
.kcmp-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.kcmp-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.kcmp-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #0284c7;
  box-shadow: 0 0 0 3px color-mix(in srgb, #0ea5e9 25%, transparent);
}
.kcmp-preview-badge {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #0284c7 10%, var(--surface)); color: #0369a1;
  border: 1px solid color-mix(in srgb, #0ea5e9 20%, transparent);
}
.kcmp-preview-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; margin-bottom: 8px; position: relative; }
.kcmp-preview-card {
  padding: 12px; border-radius: 12px;
  background: color-mix(in srgb, #0284c7 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #0ea5e9 12%, var(--border));
}
.kcmp-preview-card--main .kcmp-preview-main { font-size: 1.35rem; font-weight: 800; color: #0369a1; }
.kcmp-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.kcmp-preview-main { display: block; font-size: 1.1rem; font-weight: 800; color: #0369a1; }
.kcmp-preview-sub { display: block; font-size: 0.88rem; font-weight: 700; color: var(--text-secondary); }
.kcmp-preview-hint { margin: 0 0 12px; font-size: 0.78rem; color: var(--text-muted); }
.kcmp-offers { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: stretch; margin-bottom: 12px; }
.kcmp-offer {
  padding: 14px; border-radius: 14px;
  background: color-mix(in srgb, #0284c7 4%, var(--surface));
  border: 1px solid color-mix(in srgb, #0ea5e9 14%, var(--border));
  transition: border-color 0.2s, box-shadow 0.2s;
}
.kcmp-offer--lead {
  border-color: color-mix(in srgb, #0284c7 45%, var(--border));
  box-shadow: 0 0 0 2px color-mix(in srgb, #0ea5e9 18%, transparent);
}
.kcmp-offer-head { margin-bottom: 10px; }
.kcmp-offer-num { font-weight: 800; font-size: 0.88rem; color: #0369a1; }
.kcmp-vs {
  display: flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; border-radius: 50%; align-self: center;
  font-size: 0.72rem; font-weight: 800; color: #0369a1;
  background: color-mix(in srgb, #0284c7 10%, var(--surface));
  border: 1px solid color-mix(in srgb, #0ea5e9 22%, var(--border));
}
.kcmp-field { display: block; margin-bottom: 10px; }
.kcmp-field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.kcmp-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.kcmp-field-label.kcmp-check { display: flex; align-items: center; gap: 8px; font-size: 0.8rem; color: var(--text-secondary); cursor: pointer; }
.kcmp-field-input, .kcmp-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600;
}
.kcmp-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.kcmp-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #0ea5e9 20%, var(--border));
  background: color-mix(in srgb, #0284c7 6%, var(--surface)); color: #0369a1; cursor: pointer;
}
.kcmp-quick-btn:hover { background: color-mix(in srgb, #0284c7 14%, var(--surface)); }
.kcmp-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; font-size: 0.78rem; color: var(--text-secondary); }
.kcmp-rate-strip strong { color: #0369a1; }
.kcmp-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #0ea5e9 20%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #0284c7 8%, var(--surface)), var(--surface));
}
.kcmp-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.kcmp-result-hero-value { display: block; font-size: 1.75rem; font-weight: 800; color: #0369a1; margin: 4px 0; }
.kcmp-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.kcmp-compare-bar {
  display: flex; height: 28px; border-radius: 999px; overflow: hidden; margin-bottom: 14px;
  border: 1px solid color-mix(in srgb, #0ea5e9 18%, var(--border));
}
.kcmp-bar-seg {
  display: flex; align-items: center; justify-content: center; min-width: 48px;
  font-size: 0.72rem; font-weight: 800; color: #fff;
}
.kcmp-bar-seg--1 { background: linear-gradient(90deg, #0369a1, #0284c7); }
.kcmp-bar-seg--2 { background: linear-gradient(90deg, #0ea5e9, #38bdf8); }
.kcmp-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-bottom: 14px; }
.kcmp-card {
  padding: 14px; border-radius: 14px;
  background: color-mix(in srgb, #0284c7 4%, var(--surface));
  border: 1px solid color-mix(in srgb, #0ea5e9 12%, var(--border));
}
.kcmp-card--win {
  border-color: color-mix(in srgb, #0284c7 40%, var(--border));
  box-shadow: 0 0 0 2px color-mix(in srgb, #0ea5e9 15%, transparent);
}
.kcmp-card-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }
.kcmp-card-title { font-weight: 800; font-size: 0.9rem; color: #0369a1; }
.kcmp-win-badge {
  padding: 3px 8px; border-radius: 999px; font-size: 0.68rem; font-weight: 700;
  background: color-mix(in srgb, #0284c7 12%, var(--surface)); color: #0369a1;
  border: 1px solid color-mix(in srgb, #0ea5e9 22%, transparent);
}
.kcmp-card-type { margin: 0 0 10px; font-size: 0.75rem; color: var(--text-secondary); }
.kcmp-card-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.kcmp-card-metrics div span { display: block; font-size: 0.68rem; color: var(--text-muted); }
.kcmp-card-metrics div strong { font-size: 0.88rem; color: var(--text-primary); }
.kcmp-card-total { color: #0369a1 !important; font-size: 1rem !important; }
.kcmp-card-sub { margin: 10px 0 0; font-size: 0.72rem; color: var(--text-muted); }
.kcmp-result-table { margin-bottom: 12px; }
.kcmp-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

@media (max-width: 720px) {
  .kcmp-preview-grid, .kcmp-cards { grid-template-columns: 1fr; }
  .kcmp-offers { grid-template-columns: 1fr; }
  .kcmp-vs { justify-self: center; margin: 4px 0; }
  .kcmp-card-metrics { grid-template-columns: 1fr; }
}

/* Bileşik Büyüme — modern panel (emerald / büyüme) */
.calc-form--bbuy-modern > .native-field { display: none !important; }
.bbuy-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.bbuy-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #059669 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #10b981 14%, var(--border));
}
.bbuy-rate-chip strong { color: #047857; font-size: 0.72rem; }
.bbuy-rate-chip--info strong { color: #059669; }
.bbuy-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.bbuy-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #059669 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #10b981 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #059669 8%, transparent);
}
.bbuy-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #10b981 12%, transparent), transparent 55%);
}
.bbuy-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.bbuy-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.bbuy-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #059669;
  box-shadow: 0 0 0 3px color-mix(in srgb, #10b981 25%, transparent);
}
.bbuy-preview-badge {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #059669 10%, var(--surface)); color: #047857;
  border: 1px solid color-mix(in srgb, #10b981 20%, transparent);
}
.bbuy-preview-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; margin-bottom: 8px; position: relative; }
.bbuy-preview-card {
  padding: 12px; border-radius: 12px;
  background: color-mix(in srgb, #059669 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #10b981 12%, var(--border));
}
.bbuy-preview-card--main .bbuy-preview-main { font-size: 1.35rem; font-weight: 800; color: #047857; }
.bbuy-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.bbuy-preview-main { display: block; font-size: 1.1rem; font-weight: 800; color: #047857; }
.bbuy-preview-sub { display: block; font-size: 0.88rem; font-weight: 700; color: var(--text-secondary); }
.bbuy-preview-hint { margin: 0 0 12px; font-size: 0.78rem; color: var(--text-muted); }
.bbuy-mode-tabs { display: flex; gap: 6px; margin-bottom: 12px; position: relative; flex-wrap: wrap; }
.bbuy-mode-tab {
  flex: 1; min-width: 100px; padding: 8px 10px; border-radius: 10px; font-size: 0.76rem; font-weight: 700;
  border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); cursor: pointer;
}
.bbuy-mode-tab.is-active {
  background: color-mix(in srgb, #059669 12%, var(--surface)); color: #047857;
  border-color: color-mix(in srgb, #10b981 28%, var(--border));
}
.bbuy-field-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; }
.bbuy-field { display: block; }
.bbuy-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.bbuy-field-input {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600;
}
.bbuy-period-field {
  display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 12px;
  padding: 10px 12px; border-radius: 10px;
  border: 1px dashed color-mix(in srgb, #10b981 22%, var(--border));
  background: color-mix(in srgb, #059669 3%, var(--surface));
}
.bbuy-period-field legend { padding: 0 4px; }
.bbuy-period-opt { display: flex; align-items: center; gap: 6px; font-size: 0.82rem; color: var(--text-secondary); cursor: pointer; }
.bbuy-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.bbuy-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #10b981 20%, var(--border));
  background: color-mix(in srgb, #059669 6%, var(--surface)); color: #047857; cursor: pointer;
}
.bbuy-quick-btn:hover { background: color-mix(in srgb, #059669 14%, var(--surface)); }
.bbuy-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; font-size: 0.78rem; color: var(--text-secondary); }
.bbuy-rate-strip strong { color: #047857; }
.bbuy-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #10b981 20%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #059669 8%, var(--surface)), var(--surface));
}
.bbuy-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.bbuy-result-hero-value { display: block; font-size: 1.75rem; font-weight: 800; color: #047857; margin: 4px 0; }
.bbuy-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.bbuy-result-split { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 12px; }
.bbuy-result-chip {
  padding: 12px; border-radius: 12px; text-align: center;
  background: color-mix(in srgb, #059669 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #10b981 12%, var(--border));
}
.bbuy-result-chip--accent strong { color: #047857; }
.bbuy-result-chip span { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.bbuy-result-chip strong { font-size: 1rem; color: var(--text-primary); }
.bbuy-formula { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.5; word-break: break-word; }
.bbuy-table-title { margin: 14px 0 8px; font-size: 0.92rem; }
.bbuy-table-note { margin: 0 0 12px; font-size: 0.78rem; color: var(--text-muted); }
.bbuy-series-table, .bbuy-result-table { margin-bottom: 12px; }
.bbuy-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

@media (max-width: 640px) {
  .bbuy-preview-grid, .bbuy-result-split, .bbuy-field-grid { grid-template-columns: 1fr; }
  .bbuy-mode-tab { min-width: 0; }
}

/* Kısa Çalışma Ödeneği — modern panel (violet / bordro) */
.calc-form--kco-modern > .native-field { display: none !important; }
.kco-mevzuat-rates { display: flex; flex-wrap: wrap; gap: 8px; }
.kco-rate-chip {
  padding: 6px 10px; border-radius: 999px; font-size: 0.78rem;
  background: color-mix(in srgb, #7c3aed 6%, var(--surface));
  border: 1px solid color-mix(in srgb, #8b5cf6 14%, var(--border));
}
.kco-rate-chip strong { color: #6d28d9; font-size: 0.72rem; }
.kco-rate-chip--info strong { color: #7c3aed; }
.kco-rate-source { margin: 10px 0 0; font-size: 0.75rem; color: var(--text-muted); }
.kco-panel {
  position: relative; margin-bottom: 20px; padding: 22px 20px 18px; border-radius: 18px; overflow: hidden;
  background: linear-gradient(145deg, color-mix(in srgb, #7c3aed 6%, var(--surface)) 0%, var(--surface) 58%);
  border: 1px solid color-mix(in srgb, #8b5cf6 16%, var(--border));
  box-shadow: 0 12px 40px color-mix(in srgb, #7c3aed 8%, transparent);
}
.kco-panel-glow {
  position: absolute; inset: -1px; border-radius: inherit; pointer-events: none;
  background: radial-gradient(ellipse at 18% 0%, color-mix(in srgb, #8b5cf6 12%, transparent), transparent 55%);
}
.kco-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; position: relative; }
.kco-panel-title { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 0.95rem; }
.kco-live-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #7c3aed;
  box-shadow: 0 0 0 3px color-mix(in srgb, #8b5cf6 25%, transparent);
}
.kco-preview-badge {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 700;
  background: color-mix(in srgb, #7c3aed 10%, var(--surface)); color: #6d28d9;
  border: 1px solid color-mix(in srgb, #8b5cf6 20%, transparent);
}
.kco-preview-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: 10px; margin-bottom: 8px; position: relative; }
.kco-preview-card {
  padding: 12px; border-radius: 12px;
  background: color-mix(in srgb, #7c3aed 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #8b5cf6 12%, var(--border));
}
.kco-preview-card--main .kco-preview-main { font-size: 1.35rem; font-weight: 800; color: #6d28d9; }
.kco-preview-label { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.kco-preview-main { display: block; font-size: 1.1rem; font-weight: 800; color: #6d28d9; }
.kco-preview-sub { display: block; font-size: 0.88rem; font-weight: 700; color: var(--text-secondary); }
.kco-preview-hint { margin: 0 0 12px; font-size: 0.78rem; color: var(--text-muted); }
.kco-control-row { display: grid; grid-template-columns: 1.2fr 0.8fr 0.8fr; gap: 10px; margin-bottom: 12px; }
.kco-field { display: block; }
.kco-field-label { display: block; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); margin-bottom: 4px; }
.kco-field-input, .kco-field-select {
  width: 100%; padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.88rem; font-weight: 600;
}
.kco-month-head {
  display: grid; grid-template-columns: 1.1fr 1fr 72px; gap: 8px;
  font-size: 0.72rem; font-weight: 700; color: var(--text-muted); margin-bottom: 6px; padding: 0 4px;
}
.kco-month-list {
  display: flex; flex-direction: column; gap: 6px; max-height: 320px; overflow-y: auto;
  margin-bottom: 12px; padding-right: 4px;
}
.kco-month-row {
  display: grid; grid-template-columns: 1.1fr 1fr 72px; gap: 8px; align-items: center;
  padding: 8px 10px; border-radius: 10px;
  background: color-mix(in srgb, #7c3aed 4%, var(--surface));
  border: 1px solid color-mix(in srgb, #8b5cf6 10%, var(--border));
}
.kco-row-label { font-size: 0.78rem; font-weight: 600; color: var(--text-secondary); }
.kco-row-input {
  width: 100%; padding: 6px 8px; border-radius: 8px;
  border: 1px solid var(--border); background: var(--surface); font-size: 0.84rem; font-weight: 600;
}
.kco-row-input--days { text-align: center; }
.kco-quick-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.kco-quick-btn {
  padding: 5px 10px; border-radius: 999px; font-size: 0.72rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, #8b5cf6 20%, var(--border));
  background: color-mix(in srgb, #7c3aed 6%, var(--surface)); color: #6d28d9; cursor: pointer;
}
.kco-quick-btn:hover { background: color-mix(in srgb, #7c3aed 14%, var(--surface)); }
.kco-rate-strip { display: flex; flex-wrap: wrap; gap: 12px; font-size: 0.78rem; color: var(--text-secondary); }
.kco-rate-strip strong { color: #6d28d9; }
.kco-result-hero {
  text-align: center; padding: 20px 16px; margin-bottom: 14px; border-radius: 14px;
  border: 1px solid color-mix(in srgb, #8b5cf6 20%, var(--border));
  background: linear-gradient(135deg, color-mix(in srgb, #7c3aed 8%, var(--surface)), var(--surface));
}
.kco-result-hero-label { display: block; font-size: 0.78rem; color: var(--text-muted); margin-bottom: 4px; }
.kco-result-hero-value { display: block; font-size: 1.75rem; font-weight: 800; color: #6d28d9; margin: 4px 0; }
.kco-result-hero-sub { font-size: 0.84rem; color: var(--text-secondary); }
.kco-result-split { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 12px; }
.kco-result-chip {
  padding: 12px; border-radius: 12px; text-align: center;
  background: color-mix(in srgb, #7c3aed 5%, var(--surface));
  border: 1px solid color-mix(in srgb, #8b5cf6 12%, var(--border));
}
.kco-result-chip--accent strong { color: #6d28d9; }
.kco-result-chip span { display: block; font-size: 0.72rem; color: var(--text-muted); margin-bottom: 4px; }
.kco-result-chip strong { font-size: 1rem; color: var(--text-primary); }
.kco-cap-warn {
  margin: 0 0 12px; padding: 10px 12px; border-radius: 10px; font-size: 0.82rem;
  background: color-mix(in srgb, #f59e0b 10%, var(--surface)); color: #b45309;
  border: 1px solid color-mix(in srgb, #f59e0b 25%, var(--border));
}
.kco-formula { margin: 0 0 12px; font-size: 0.84rem; color: var(--text-secondary); line-height: 1.5; word-break: break-word; }
.kco-table-title { margin: 14px 0 8px; font-size: 0.92rem; }
.kco-month-table .kco-month-total { font-weight: 700; background: color-mix(in srgb, #7c3aed 6%, var(--surface)); }
.kco-month-table, .kco-result-table { margin-bottom: 12px; }
.kco-result-note { margin-top: 12px; font-size: 0.82rem; color: var(--text-muted); line-height: 1.55; }

@media (max-width: 720px) {
  .kco-preview-grid, .kco-result-split, .kco-control-row { grid-template-columns: 1fr; }
  .kco-month-head, .kco-month-row { grid-template-columns: 1fr; }
  .kco-row-input--days { text-align: left; }
}

/* —— Araçlar dizin sayfası (araclar.html) —— */
.tools-catalog-page .page-inner {
  max-width: 1080px;
}
.tools-catalog-hero {
  text-align: center;
  margin-bottom: 28px;
}
.tools-catalog-search-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 480px;
  margin: 20px auto 0;
  padding: 4px 4px 4px 16px;
  border-radius: 14px;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}
.tools-catalog-search-icon {
  color: var(--text-muted);
  font-size: 1.1rem;
}
.tools-catalog-search {
  flex: 1;
  border: none;
  background: transparent;
  padding: 12px 8px;
  font-size: 1rem;
  color: var(--text);
  outline: none;
}
.tools-catalog-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
  padding: 14px 16px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--surface) 88%, var(--bg));
  border: 1px solid var(--border);
  position: sticky;
  top: 72px;
  z-index: 40;
}
.tools-catalog-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--border);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.tools-catalog-nav-link:hover {
  border-color: color-mix(in srgb, var(--cat-color, var(--brand)) 40%, var(--border));
  box-shadow: 0 4px 14px color-mix(in srgb, var(--cat-color, var(--brand)) 12%, transparent);
  transform: translateY(-1px);
}
.tools-catalog-nav-link small {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--text-muted);
}
.tools-catalog-nav-icon.cat-glyph {
  width: 22px;
  height: 22px;
}
.tools-cat-section {
  margin-bottom: 36px;
  padding: 24px;
  border-radius: 18px;
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  scroll-margin-top: 120px;
}
.tools-cat-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}
.tools-cat-head-icon.cat-glyph {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--cat-color, var(--brand)) 12%, var(--surface));
}
.tools-cat-head h2 {
  margin: 0 0 4px;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
}
.tools-cat-head p {
  margin: 0;
  font-size: 0.85rem;
  color: var(--text-muted);
}
.tools-cat-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.tools-cat-grid a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 14px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--text);
  background: color-mix(in srgb, var(--cat-color, var(--brand)) 4%, var(--bg));
  border: 1px solid transparent;
  transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.tools-cat-grid a:hover {
  background: color-mix(in srgb, var(--cat-color, var(--brand)) 10%, var(--bg));
  border-color: color-mix(in srgb, var(--cat-color, var(--brand)) 22%, var(--border));
  transform: translateX(2px);
}
.tools-cat-link-title {
  font-size: 0.88rem;
  font-weight: 600;
  line-height: 1.35;
}
.tools-cat-link-arrow {
  flex-shrink: 0;
  color: var(--text-muted);
  font-size: 0.9rem;
}
.tools-catalog-empty {
  padding: 48px 24px;
  text-align: center;
  color: var(--text-muted);
  border: 1px dashed var(--border);
  border-radius: 16px;
}

/* Admin — nav ikonları + mobil drawer */
.admin-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 7px;
  font-size: 0.72rem;
  font-weight: 800;
  color: color-mix(in srgb, var(--brand, #00b0a0) 80%, #fff);
  background: color-mix(in srgb, var(--brand, #00b0a0) 14%, transparent);
  flex-shrink: 0;
}
.admin-app .admin-nav-link.is-active .admin-nav-icon {
  color: #fff;
  background: color-mix(in srgb, var(--brand, #00b0a0) 45%, transparent);
}
.admin-nav-text { flex: 1; min-width: 0; }
.admin-app .admin-card {
  position: relative;
  overflow: hidden;
}
.admin-app .admin-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--brand, #00b0a0), color-mix(in srgb, var(--brand, #00b0a0) 40%, #6366f1));
  opacity: 0.85;
}
.admin-mobile-bar {
  display: none;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  position: sticky;
  top: 0;
  z-index: 130;
}
.admin-sidebar-toggle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 40px;
  height: 40px;
  padding: 8px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  cursor: pointer;
}
.admin-sidebar-toggle-bar {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: var(--text);
}
.admin-mobile-brand {
  flex: 1;
  font-weight: 800;
  font-size: 1rem;
  text-decoration: none;
  color: var(--text);
}
.admin-mobile-brand span { color: var(--brand, #00b0a0); }
.admin-mobile-site-link {
  padding: 7px 12px;
  border-radius: 8px;
  font-size: 0.78rem;
  font-weight: 700;
  text-decoration: none;
  color: var(--brand, #00b0a0);
  border: 1px solid color-mix(in srgb, var(--brand, #00b0a0) 25%, var(--border));
}
body.admin-nav-open { overflow: hidden; }
@media (max-width: 960px) {
  .admin-mobile-bar { display: flex; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: min(280px, 88vw);
    height: 100vh;
    z-index: 200;
    transform: translateX(-105%);
    transition: transform 0.22s ease;
    box-shadow: 12px 0 40px rgba(0, 0, 0, 0.18);
  }
  .admin-sidebar.is-open { transform: translateX(0); }
  .admin-sidebar-nav {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .admin-app .admin-nav-link {
    border-radius: 10px;
    padding: 10px 12px;
  }
  .admin-sidebar-foot {
    flex-direction: column;
    align-items: stretch;
  }
  .admin-sidebar-actions {
    flex-direction: column;
  }
  .admin-main-inner .admin-site-link { display: none; }
}
@media (max-width: 768px) {
  .tools-catalog-nav { top: 60px; position: relative; }
  .tools-cat-grid { grid-template-columns: 1fr; }
  .tools-cat-section { padding: 18px 16px; }
}