/* ===========================================================
   MERCEKSOFT - Tema Değişkenleri (referans tasarımdan)
   Tek kaynak: renk, gölge, gradient. Hardcoded değer YOK.
   =========================================================== */

/* Scrollbar'ı gizle (kaydırma çalışmaya devam eder) */
.ms-noscroll{scrollbar-width:none;-ms-overflow-style:none}
.ms-noscroll::-webkit-scrollbar{display:none;width:0;height:0}

/* Hukuki metin tipografisi */
.ms-legal{color:var(--ink-2);font-size:15px;line-height:1.75}
.ms-legal>:first-child{margin-top:0}
.ms-legal h2{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:600;color:var(--ink);margin:30px 0 12px;letter-spacing:-.01em}
.ms-legal h3{font-size:16px;font-weight:600;color:var(--ink);margin:22px 0 8px}
.ms-legal p{margin:0 0 14px}
.ms-legal ul{margin:0 0 14px;padding-left:24px;list-style:disc}
.ms-legal ol{margin:0 0 14px;padding-left:24px;list-style:decimal}
.ms-legal li{margin:0 0 7px;padding-left:4px}
.ms-legal li::marker{color:var(--accent)}
.ms-legal a{color:var(--accent-ink);text-decoration:underline}
.ms-legal strong{color:var(--ink);font-weight:600}
.ms-legal table{width:100%;border-collapse:collapse;margin:0 0 16px;font-size:14px}
.ms-legal th,.ms-legal td{border:1px solid var(--border);padding:9px 12px;text-align:left;vertical-align:top}
.ms-legal th{background:var(--surface-2);font-weight:600;color:var(--ink)}
.ms-legal .ms-legal-note{font-size:13px;color:var(--warn);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent);border-radius:10px;padding:11px 14px;margin:0 0 22px}

:root {
  --paper:#F7F8FA; --surface:#FFFFFF; --surface-2:#FBFCFD;
  --border:#ECEEF2; --border-2:#E2E6EC;
  --ink:#0F1419; --ink-2:#5A6473; --ink-3:#646E7E; /* WCAG AA: eski #919AA8 kontrast 2.67 idi → ~5:1 */
  --accent:#0E7C7B; --accent-ink:#0B5F5E; --accent-soft:#E4F1F0; --on-accent:#FFFFFF;
  --success:#16A34A; --success-soft:#E7F6EC; --success-ink:#0A7A38; /* rozet metni: soft zeminde AA */
  --warn:#D97706; --warn-soft:#FBF1E3;
  --danger:#DC2626; --danger-soft:#FCEBEB;
  --info:#2563EB; --info-soft:#E7EEFC;
  --violet:#7C3AED; --violet-soft:#F0E9FC;
  --shadow-sm:0 1px 2px rgba(16,20,25,.05);
  --shadow:0 1px 2px rgba(16,20,25,.04),0 10px 28px rgba(16,20,25,.06);
  --spectral:linear-gradient(90deg,#1FBDB7,#37C0D8,#7E9BFF,#B07BF0);
  --ring-soft:color-mix(in srgb,var(--accent) 20%,transparent);
  --ring:color-mix(in srgb,var(--accent) 34%,transparent);
  --ring-strong:color-mix(in srgb,var(--accent) 55%,transparent);
}

[data-theme="dark"] {
  --paper:#0E1116; --surface:#161A21; --surface-2:#1B212B;
  --border:#232833; --border-2:#2C333F;
  --ink:#E6E8EC; --ink-2:#9AA3B2; --ink-3:#939CAC; /* WCAG AA: eski #6B7483 kontrast 3.14 idi → ~5:1 */
  --accent:#2BB7B3; --accent-ink:#6FDCD7; --accent-soft:#12302F; --on-accent:#06201F;
  --success:#34C26B; --success-soft:#0F2A1B; --success-ink:#6FDCA0;
  --warn:#E0922F; --warn-soft:#2A1F11;
  --danger:#F26666; --danger-soft:#2A1414;
  --info:#5B8DEF; --info-soft:#111E33;
  --violet:#A78BFA; --violet-soft:#1E1633;
  --shadow-sm:0 1px 2px rgba(0,0,0,.35);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 14px 34px rgba(0,0,0,.4);
  --spectral:linear-gradient(90deg,#2BB7B3,#3FC9E0,#8FA8FF,#C08CFF);
  --ring-soft:color-mix(in srgb,var(--accent) 44%,transparent);
  --ring:color-mix(in srgb,var(--accent) 64%,transparent);
  --ring-strong:color-mix(in srgb,var(--accent) 88%,transparent);
}

/* ---- Temel ---- */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Manrope',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  background:var(--paper);
  color:var(--ink);
}
.font-display{font-family:'Space Grotesk',system-ui,sans-serif}
.font-mono{font-family:ui-monospace,Menlo,monospace}
::selection{background:var(--accent-soft);color:var(--accent-ink)}

/* ---- Animasyonlar (referanstan) ---- */
@keyframes ms-spin{to{transform:rotate(360deg)}}
@keyframes ms-spinrev{to{transform:rotate(-360deg)}}
@keyframes ms-pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}
@keyframes ms-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes ms-ping{0%{transform:scale(.55);opacity:.7}80%{opacity:0}100%{transform:scale(1.95);opacity:0}}
@keyframes ms-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ms-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ms-wordin{from{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}
@keyframes ms-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
@keyframes ms-fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes ms-breathe{0%,100%{opacity:.5}50%{opacity:.95}}
/* Ortalanmış (translate korumalı) dönüş - auth marka paneli halkaları */
@keyframes ms-orbit-cw{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ms-orbit-ccw{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes ms-toast-in{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ms-toast-out{to{opacity:0;transform:translateY(24px) scale(.96)}}

/* Tema uyumlu özel select: native ok yerine dengeli konumlu chevron */
.ms-select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding:0 40px 0 14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238A93A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:18px;
}
.ms-select:focus{border-color:var(--accent)}
.ms-select::-ms-expand{display:none}

/* Hizalı toggle anahtarı */
.ms-switch{display:inline-block;position:relative;width:44px;height:24px;flex:none}
.ms-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.ms-switch-track{display:block;width:100%;height:100%;border-radius:999px;background:var(--border-2);transition:background .2s}
.ms-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s}
.ms-switch input:checked ~ .ms-switch-track{background:var(--accent)}
.ms-switch input:checked ~ .ms-switch-thumb{transform:translateX(20px)}

/* ---- Yardımcı sınıflar (Tailwind dışı, sık kullanılan) ---- */
.ms-card{background:var(--surface);border:1px solid var(--border);border-radius:14px}
.ms-btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-sm);transition:.18s}
.ms-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 26px color-mix(in srgb,var(--accent) 38%,transparent)}
.ms-btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--border-2);transition:.18s}
.ms-btn-ghost:hover{border-color:var(--accent);color:var(--accent-ink)}

/* Header bildirim/kullanıcı açılır menüsü: mobilde viewport'a sabitle (sol/sağ taşmayı önle) */
@media (max-width:640px){
  .ms-hdr-dropdown{position:fixed !important;left:12px !important;right:12px !important;top:60px !important;width:auto !important;max-width:none !important}
}