/* =========================================================
   TESİM ERP | GİRİŞ SAYFASI — "FUTURE SAP" KOYU TEMASI
   Canlı İzleme'deki gelecek-SAP kokpit dili giriş ekranına
   uyarlanır: aurora zemin · cam paneller · cyan/indigo neon.
   GERİ ALMAK İÇİN: index.html'deki bu dosyanın <link> satırını
   silin (yedek: _yedekler/sap-tema-oncesi/index.html).
   ========================================================= */

@keyframes girisAurora {
    0%   { transform: translate(0,0) scale(1); }
    33%  { transform: translate(4%, -3%) scale(1.08); }
    66%  { transform: translate(-3%, 4%) scale(0.96); }
    100% { transform: translate(0,0) scale(1); }
}
@keyframes girisAkis {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* ── Palet: Future SAP değişken katmanı ── */
:root {
    --bg-deep: #0b1020;
    --bg-deep-2: #10142c;

    /* Sağ (giriş) panel de karanlık cam olur */
    --bg-soft: #0e1330;
    --bg-card: rgba(23, 29, 58, 0.72);
    --bg-input: rgba(13, 17, 36, 0.75);

    --border-line: rgba(129, 140, 248, 0.18);
    --border-line-2: rgba(129, 140, 248, 0.30);
    --border-soft: rgba(129, 140, 248, 0.22);
    --border-input: rgba(129, 140, 248, 0.35);

    --accent: #22d3ee;
    --accent-deep: #4f46e5;
    --accent-soft: rgba(34, 211, 238, 0.12);

    --text-light: #ffffff;
    --text-muted: rgba(224, 231, 255, 0.60);
    --text-dim: rgba(224, 231, 255, 0.35);
    --text-dark: #e0e7ff;
    --text-gray: #a9b1d6;
    --text-label: #8b93b8;

    --danger: #fb7185;
    --danger-soft: rgba(251, 113, 133, 0.12);
}

/* ── Aurora zemin ── */
body::before {
    content: '';
    position: fixed; inset: 0;
    background:
        radial-gradient(circle 640px at 12% 8%,  rgba(79,70,229,0.30) 0%, transparent 55%),
        radial-gradient(circle 560px at 88% 18%, rgba(219,39,119,0.18) 0%, transparent 55%),
        radial-gradient(circle 700px at 55% 95%, rgba(34,211,238,0.14) 0%, transparent 55%);
    animation: girisAurora 24s ease-in-out infinite;
    pointer-events: none; z-index: 0;
}
.app-shell { position: relative; z-index: 1; }

/* ── Sol marka paneli: cam + neon ── */
.brand-panel {
    background: rgba(13, 17, 36, 0.55) !important;
    backdrop-filter: blur(14px);
    border-right: 1px solid rgba(129,140,248,0.2) !important;
}
.system-badge {
    background: rgba(34,211,238,0.10) !important;
    border: 1px solid rgba(34,211,238,0.35) !important;
    color: #7dd3fc !important;
    border-radius: 999px !important;
}
.system-badge .dot { background: #22d3ee !important; box-shadow: 0 0 10px 2px rgba(34,211,238,0.8) !important; }
.hero-eyebrow { color: #22d3ee !important; text-shadow: 0 0 12px rgba(34,211,238,0.5); }
.hero-title { text-shadow: 0 0 24px rgba(129,140,248,0.5); }
.hero-title .accent, .hero-title span {
    background: linear-gradient(90deg,#22d3ee,#a5b4fc,#f0abfc) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

/* ── Sağ (giriş) paneli: karanlık cam kokpit ── */
.auth-panel {
    background:
        radial-gradient(circle 480px at 85% 0%, rgba(79,70,229,0.16) 0%, transparent 55%),
        #0e1330 !important;
}
.auth-panel::before, .auth-panel::after { opacity: 0.35; }
.auth-header { border-bottom: 1px solid rgba(129,140,248,0.15) !important; }

/* Kartlar / modüller */
.mod-card, .mod-btn {
    background: rgba(23,29,58,0.72) !important;
    border: 1px solid rgba(129,140,248,0.22) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 24px -12px rgba(0,0,0,0.6) !important;
    transition: transform .2s cubic-bezier(.4,0,.2,1), box-shadow .2s ease, border-color .2s ease !important;
}
.mod-card:hover, .mod-btn:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(34,211,238,0.55) !important;
    box-shadow: 0 14px 34px -12px rgba(0,0,0,0.7), 0 0 24px -4px rgba(34,211,238,0.35) !important;
}
.mod-card.live { border-color: rgba(34,211,238,0.4) !important; }
.mod-card-icon, .mod-btn-icon { color: #7dd3fc !important; }
.mod-btn-arrow { color: #22d3ee !important; }

/* Girişler */
input, select, textarea {
    background: var(--bg-input) !important;
    border-color: var(--border-input) !important;
    color: #e0e7ff !important;
}
input:focus, select:focus, textarea:focus {
    border-color: #22d3ee !important;
    box-shadow: 0 0 0 3px rgba(34,211,238,0.16), 0 0 16px -4px rgba(34,211,238,0.5) !important;
}
::placeholder { color: #5d6488 !important; }

/* Birincil düğmeler: cyan→indigo gradyan + ışıma */
button[type="submit"], .btn-primary, .auth-panel button:not(.lang-btn) {
    background: linear-gradient(90deg,#22d3ee,#4f46e5) !important;
    background-size: 200% 100% !important;
    animation: girisAkis 8s ease infinite;
    border: none !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px -6px rgba(34,211,238,0.7) !important;
    transition: transform .16s ease, box-shadow .16s ease !important;
}
button[type="submit"]:hover, .btn-primary:hover, .auth-panel button:not(.lang-btn):hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 26px -6px rgba(34,211,238,0.9) !important;
}
.lang-btn {
    background: rgba(129,140,248,0.10) !important;
    border: 1px solid rgba(129,140,248,0.3) !important;
    color: #a9b1d6 !important;
    border-radius: 8px !important;
}
.lang-btn.active, .lang-btn:hover { border-color: rgba(34,211,238,0.6) !important; color: #7dd3fc !important; }

/* Boot ekranı: aynı dile hizala */
.boot-screen { background: #0b1020 !important; }
.boot-progress-bar { background: linear-gradient(90deg,#22d3ee,#4f46e5,#7c3aed) !important; box-shadow: 0 0 14px rgba(34,211,238,0.7) !important; }
.boot-logo-text { text-shadow: 0 0 18px rgba(129,140,248,0.6); }

/* Kaydırma + seçim */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-track { background: rgba(255,255,255,0.04); }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg,#4f46e5,#22d3ee); border-radius: 99px; }
::selection { background: rgba(34,211,238,0.35); color: #fff; }