/* =========================================================
   YMail — ortak stil dosyası  (assets/ymail.css)
   Görünüm: koyu lacivert-mor bulanık aurora zemin, noktalı ızgara,
   cam (glass) paneller, Outfit yazı tipi, lila degrade butonlar.
   ========================================================= */

:root{
    --bg:        #07061a;
    --text:      #e9e8fb;
    --muted:     #9b9ac2;
    --line:      rgba(255,255,255,.10);
    --glass:     rgba(255,255,255,.06);
    --glass-hi:  rgba(255,255,255,.10);
    --violet:    #a78bfa;
    --violet-2:  #c084fc;
    --pink:      #f0abfc;
    --ok:        #86efac;
    --danger:    #fda4af;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }

body{
    margin:0;
    font-family:'Outfit',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
    background:var(--bg);
    color:var(--text);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

::selection{ background:rgba(192,132,252,.45); color:#fff; }

/* ---------- Kaydırma çubuğu ---------- */
*{ scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent; }
::-webkit-scrollbar{ width:10px; height:10px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.16); border-radius:999px; border:2px solid transparent; background-clip:content-box; }
::-webkit-scrollbar-thumb:hover{ background:rgba(255,255,255,.28); background-clip:content-box; border:2px solid transparent; }

/* ---------- Aurora zemin (hafif: tek katman, blur/animasyon yok) ---------- */
.aurora{
    position:fixed; inset:0; z-index:-1;
    pointer-events:none; overflow:hidden;
    background:
        radial-gradient(55% 50% at 14% 26%, rgba(75,83,168,.95), transparent 72%),
        radial-gradient(50% 45% at 88% 10%, rgba(138,138,166,.55), transparent 72%),
        radial-gradient(48% 46% at 20% 96%, rgba(106,63,181,.90), transparent 72%),
        radial-gradient(46% 42% at 78% 92%, rgba(92,138,168,.75), transparent 72%),
        var(--bg);
    transform:translateZ(0);
}
.aurora .blob{ display:none; }
.aurora.calm{ opacity:.7; }

/* noktalı ızgara (statik) */
.aurora::after{
    content:"";
    position:absolute; inset:0;
    background-image:radial-gradient(rgba(255,255,255,.28) 1px, transparent 1.3px);
    background-size:34px 34px;
    opacity:.3;
}

@media (prefers-reduced-motion:reduce){
    html{ scroll-behavior:auto; }
    *{ transition-duration:.01ms !important; }
}

/* ---------- Cam paneller (blur yok, ucuz) ---------- */
.glass{
    background:rgba(24,21,58,.62);
    border:1px solid var(--line);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
/* bulanıklık yalnızca ana sayfadaki üst menüde */
header > .glass{
    background:rgba(255,255,255,.07);
    -webkit-backdrop-filter:blur(14px);
            backdrop-filter:blur(14px);
}

/* ---------- Logo ---------- */
.logo-mark{
    display:inline-grid; place-items:center; flex:none;
    border-radius:32%;
    background:linear-gradient(135deg,#a78bfa 0%,#c084fc 55%,#e879f9 100%);
    box-shadow:0 8px 22px -8px rgba(192,132,252,.8), inset 0 1px 0 rgba(255,255,255,.35);
}
.logo-text{
    font-weight:600; color:#fff; letter-spacing:-.03em; line-height:1;
}

/* ---------- Metin degradeleri ---------- */
.gradient-text{
    background:linear-gradient(180deg,#ffffff 20%,#c9c2f5 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
}
.pink-text{
    background:linear-gradient(90deg,#f5b8f7 0%,#f0abfc 45%,#e879f9 100%);
    -webkit-background-clip:text; background-clip:text;
    -webkit-text-fill-color:transparent; color:transparent;
}

/* ---------- Butonlar ---------- */
.btn{
    display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    padding:.85rem 1.8rem;
    border-radius:999px;
    border:1px solid transparent;
    font-family:inherit; font-size:.95rem; font-weight:600; line-height:1.2;
    color:#fff; text-decoration:none; white-space:nowrap;
    cursor:pointer;
    transition:transform .18s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, filter .2s ease;
}
.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0) scale(.98); }
.btn:disabled,.btn[disabled]{ opacity:.55; cursor:not-allowed; transform:none; filter:saturate(.7); }
.btn.hidden{ display:none; }

.btn-sm{ padding:.5rem 1.05rem; font-size:.82rem; }

/* lila degrade + parıltı */
.btn-primary{
    background:linear-gradient(135deg,#a78bfa 0%,#c084fc 60%,#d8a4fb 100%);
    box-shadow:0 12px 32px -10px rgba(167,139,250,.85), inset 0 1px 0 rgba(255,255,255,.3);
}
.btn-primary:hover{ box-shadow:0 16px 38px -10px rgba(192,132,252,.95), inset 0 1px 0 rgba(255,255,255,.35); filter:brightness(1.06); }

/* siyah, mor çerçeveli */
.btn-dark{
    background:#0e0e12;
    border-color:rgba(192,132,252,.65);
    box-shadow:0 0 0 1px rgba(232,121,249,.12), 0 10px 28px -12px rgba(0,0,0,.8);
}
.btn-dark:hover{ border-color:rgba(232,121,249,.95); background:#15141c; }

/* şeffaf cam */
.btn-ghost{
    background:rgba(255,255,255,.07);
    border-color:var(--line);
    color:#e4e3f8;
}
.btn-ghost:hover{ background:rgba(255,255,255,.14); color:#fff; }

/* tehlikeli işlem */
.btn-danger{
    background:rgba(244,63,94,.14);
    border-color:rgba(251,113,133,.38);
    color:#fecdd3;
}
.btn-danger:hover{ background:rgba(244,63,94,.28); border-color:rgba(251,113,133,.65); color:#fff; }

/* ---------- Form ---------- */
.label{
    display:block;
    margin:0 0 .45rem .15rem;
    font-size:.8rem; font-weight:500; color:#c9c8e6;
}
h4.label{ margin-bottom:.75rem; font-size:.85rem; color:#fff; }

.field{
    display:block; width:100%; min-width:0;
    padding:.78rem 1.05rem;
    border-radius:16px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.06);
    color:#fff;
    font-family:inherit; font-size:.95rem;
    outline:none;
    transition:border-color .18s, background .18s, box-shadow .18s;
}
.field::placeholder{ color:#7c7ba3; }
.field:hover{ background:rgba(255,255,255,.08); }
.field:focus{
    border-color:rgba(192,132,252,.75);
    background:rgba(255,255,255,.09);
    box-shadow:0 0 0 4px rgba(167,139,250,.18);
}
textarea.field{ line-height:1.55; }

/* Chrome otomatik doldurma rengi */
.field:-webkit-autofill{
    -webkit-text-fill-color:#fff;
    -webkit-box-shadow:0 0 0 1000px #1a1740 inset;
    caret-color:#fff;
}

/* alan adı eki: [ kullanici ][ @ybg13.com ] */
.has-suffix{ align-items:stretch; }
.has-suffix .field{
    flex:1 1 auto;
    border-top-right-radius:0; border-bottom-right-radius:0;
    border-right:0;
}
.has-suffix .suffix{
    display:flex; align-items:center; flex:none;
    padding:0 1rem;
    border:1px solid var(--line);
    border-left:0;
    border-radius:0 16px 16px 0;
    background:rgba(255,255,255,.04);
    color:var(--muted);
    font-size:.88rem; white-space:nowrap;
}
.has-suffix:focus-within .suffix{ border-color:rgba(192,132,252,.75); }

/* ---------- Bildirimler ---------- */
.notice{
    padding:.75rem 1rem;
    border-radius:14px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.06);
    font-size:.88rem; line-height:1.45;
}
.notice.ok{
    background:rgba(34,197,94,.12);
    border-color:rgba(134,239,172,.35);
    color:#bbf7d0;
}
.notice.err{
    background:rgba(244,63,94,.12);
    border-color:rgba(253,164,175,.38);
    color:#fecdd3;
}
.notice b{ color:#fff; font-weight:600; }

/* ---------- Genel ---------- */
a{ color:inherit; }

:focus-visible{
    outline:2px solid rgba(216,164,251,.9);
    outline-offset:2px;
}
.field:focus-visible{ outline:none; }

button:disabled{ cursor:not-allowed; }