/* ═══════════════════════════════════════════════════════════════════════
   MSK Acil Destek — tasarım sistemi v3
   Açık tema (müşteri) + koyu tema (konsol). Marka kırmızısı yalnızca vurgu
   ve aciliyet için; geri kalan her şey nötr. Hareketler kısa, amaçlı ve
   "prefers-reduced-motion" ile kapatılabilir.
   ═══════════════════════════════════════════════════════════════════════ */
@view-transition { navigation: auto; }
:root{
  --red:#D71920;--red-2:#B3141A;--red-a:rgba(215,25,32,.10);--red-b:rgba(215,25,32,.28);
  --ok:#0E8A55;--ok-a:rgba(14,138,85,.10);--warn:#B26B00;--warn-a:rgba(178,107,0,.10);
  --f:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;--m:'Geist Mono',ui-monospace,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --r-s:6px;--r:10px;--r-l:16px;
}
body.acik{--bg:#F4F4F2;--s:#FFFFFF;--s2:#FAFAF9;--s3:#F1F1EF;--line:#E6E5E1;--line-2:#EFEEEB;--t1:#101113;--t2:#4C4F56;--t3:#8A8D94;--t4:#B5B7BC;--fokus:rgba(16,17,19,.09);--golge:0 1px 2px rgba(16,17,19,.04),0 8px 24px -12px rgba(16,17,19,.10);}
body.koyu{--bg:#0B0C0E;--s:#131418;--s2:#17181D;--s3:#1D1F25;--line:#24262D;--line-2:#1E2026;--t1:#F2F3F5;--t2:#A9ADB5;--t3:#73777F;--t4:#4E525A;--fokus:rgba(255,255,255,.08);--golge:0 1px 0 rgba(255,255,255,.03) inset,0 12px 32px -16px rgba(0,0,0,.6);--red-a:rgba(215,25,32,.14);--ok:#2FBF7B;--ok-a:rgba(47,191,123,.12);--warn:#E3A12F;--warn-a:rgba(227,161,47,.12);}
*{box-sizing:border-box;}
html,body{margin:0;}
body{font-family:var(--f);background:var(--bg);color:var(--t1);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:'ss01','cv11';}
a{color:inherit;}
button{font-family:inherit;}
::selection{background:var(--red);color:#fff;}
.mono{font-family:var(--m);font-variant-numeric:tabular-nums;}
.etiket{font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--t3);}
.etiket.kirmizi{color:var(--red);}

/* giriş animasyonları: data-giris="1..8" sıralı belirir */
[data-giris]{opacity:0;transform:translateY(10px);animation:gir .7s var(--ease) forwards;animation-delay:calc(var(--s,0) * 70ms + 80ms);}
@keyframes gir{to{opacity:1;transform:none;}}

/* düğmeler */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--s);color:var(--t1);font:500 14.5px var(--f);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease),box-shadow .2s;user-select:none;}
.btn:hover{border-color:var(--t4);}
.btn:active{transform:scale(.98);}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--fokus),0 0 0 1px var(--t1);}
.btn.ana{background:var(--red);border-color:var(--red);color:#fff;}
.btn.ana:hover{background:var(--red-2);border-color:var(--red-2);}
.btn.siyah{background:var(--t1);border-color:var(--t1);color:var(--bg);}
.btn.siyah:hover{opacity:.9;}
.btn.yesil{background:var(--ok);border-color:var(--ok);color:#fff;}
.btn.hayalet{background:transparent;border-color:transparent;color:var(--t2);}
.btn.hayalet:hover{background:var(--s3);color:var(--t1);}
.btn.buyuk{height:52px;padding:0 24px;font-size:15.5px;border-radius:12px;}
.btn.kucuk{height:34px;padding:0 12px;font-size:13px;border-radius:8px;}
.btn.tam{width:100%;}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;}
.btn .ok{transition:transform .25s var(--ease);}
.btn:hover .ok{transform:translateX(3px);}
.btn.yukleniyor{color:transparent!important;pointer-events:none;}
.btn.yukleniyor::after{content:'';position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:don .7s linear infinite;}
@keyframes don{to{transform:rotate(360deg);}}

/* form */
.alan{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;}
.alan > label{font-size:13.5px;font-weight:500;color:var(--t1);display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.alan > label small{font-size:12.5px;font-weight:400;color:var(--t3);}
.girdi{width:100%;height:48px;border:1px solid var(--line);border-radius:var(--r);padding:0 15px;font:400 15.5px var(--f);color:var(--t1);background:var(--s);outline:none;transition:border-color .2s,box-shadow .2s,background .2s;}
textarea.girdi{height:auto;min-height:124px;padding:13px 15px;resize:vertical;line-height:1.55;}
.girdi::placeholder{color:var(--t4);}
.girdi:hover{border-color:var(--t4);}
.girdi:focus{border-color:var(--t1);box-shadow:0 0 0 4px var(--fokus);}
.girdi.mono{font-family:var(--m);letter-spacing:.06em;}
.alan.hatali .girdi{border-color:var(--red);box-shadow:0 0 0 4px var(--red-a);}
.alan .hata-m{font-size:12.5px;color:var(--red);display:none;}
.alan.hatali .hata-m{display:block;animation:gir .35s var(--ease);}
.iki{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;}
@media(max-width:620px){.iki{grid-template-columns:1fr;}}
.yardim{font-size:12.5px;color:var(--t3);line-height:1.55;}
.gizli{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.bildirim{display:flex;gap:12px;align-items:flex-start;border-radius:var(--r);padding:12px 14px;font-size:14px;border:1px solid;}
.bildirim.hata{background:var(--red-a);border-color:var(--red-b);color:var(--red);}
.bildirim.uyari{background:var(--warn-a);border-color:transparent;color:var(--warn);}
.bildirim i{margin-top:3px;}

/* durum rozeti */
.rozet{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;border-radius:999px;font-size:12.5px;font-weight:500;background:var(--s3);color:var(--t2);white-space:nowrap;transition:background .3s,color .3s;}
.rozet .nk{width:6px;height:6px;border-radius:50%;background:currentColor;}
.rozet.bekliyor{background:var(--red-a);color:var(--red);}
.rozet.bekliyor .nk{animation:yan 1.1s ease-in-out infinite;}
.rozet.ustlenildi,.rozet.baglaniyor{background:var(--warn-a);color:var(--warn);}
.rozet.tamamlandi{background:var(--ok-a);color:var(--ok);}
@keyframes yan{0%,100%{opacity:1}50%{opacity:.2}}

/* toast */
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;background:var(--t1);color:var(--bg);border-radius:12px;padding:12px 18px;font-size:14px;box-shadow:0 18px 40px -12px rgba(0,0,0,.35);transition:opacity .3s,transform .4s var(--ease);pointer-events:none;z-index:50;max-width:min(440px,calc(100vw - 32px));}
.toast.acik{opacity:1;transform:translate(-50%,0);}

@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}[data-giris]{opacity:1;transform:none;}}