/*
 * Virtus Operation System — giriş sayfası.
 * Yalnızca Login sayfasına scope'lanmış render hook ile yüklenir (PanelProvider);
 * Vite/Tailwind build'ine bağlı değil, harici font/CDN yok (Filament Inter'i kalır).
 * Login her iki temada da aynı koyu tasarımı kullanır (head hook'u `dark` ekler).
 */

:root {
    --vx-navy: #0a1f3d;
    --vx-navy-rgb: 10 31 61;
    --vx-gold: #c9a961;
    --vx-gold-light: #dcc28a;
    --vx-ivory: #f5efe2;
}

html,
body {
    background-color: var(--vx-navy);
}

.fi-simple-layout {
    position: relative;
    isolation: isolate;
}

/* Tam ekran arka plan: görsel dikey (896×1200); masaüstünde kırpılır,
   center 60% arabaları ve Marina silüetini kadrajda tutar. */
.vx-login-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    background-color: var(--vx-navy);
}

.vx-login-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 60%;
}

/* Navy gölge: üstten alta ~%55 → %85, kenarlarda hafif vinyet. */
.vx-login-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse at center, rgb(var(--vx-navy-rgb) / 0) 45%, rgb(3 10 22 / 0.55) 100%),
        linear-gradient(to bottom, rgb(var(--vx-navy-rgb) / 0.55), rgb(var(--vx-navy-rgb) / 0.85));
}

/* Kart: tam ortada, yarı saydam koyu, blur, üstte altın çizgi. */
.fi-simple-main-ctn {
    padding: 1.5rem 1rem 0;
}

.fi-simple-main.fi-simple-main {
    position: relative;
    width: 100%;
    max-width: 26rem;
    margin: 2rem auto;
    padding: 2.5rem 1.75rem 2rem;
    border-radius: 1rem;
    background-color: rgb(8 24 48 / 0.62);
    border: 1px solid rgb(201 169 97 / 0.22);
    box-shadow:
        0 30px 60px -20px rgb(0 0 0 / 0.65),
        inset 0 1px 0 rgb(255 255 255 / 0.04);
    -webkit-backdrop-filter: blur(14px) saturate(120%);
    backdrop-filter: blur(14px) saturate(120%);
}

.fi-simple-main.fi-simple-main::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 2rem;
    right: 2rem;
    height: 2px;
    border-radius: 2px;
    background: linear-gradient(90deg, transparent, var(--vx-gold), transparent);
}

@media (min-width: 640px) {
    .fi-simple-main.fi-simple-main {
        padding: 2.75rem 2.5rem 2.25rem;
    }
}

/* Başlık bloğu: logo → "Virtus Operation System" → alt metin */
.fi-simple-main .fi-logo {
    height: 4.75rem !important;
    margin-bottom: 1.25rem;
}

.fi-simple-main .fi-simple-header-heading {
    color: var(--vx-ivory);
    font-size: 1.375rem;
    letter-spacing: 0.01em;
}

.fi-simple-main .fi-simple-header-subheading {
    color: rgb(245 239 226 / 0.62);
    font-size: 0.8125rem;
    letter-spacing: 0.02em;
}

/* Form */
.fi-simple-main .fi-fo-field-label-content {
    color: rgb(245 239 226 / 0.85);
}

.fi-simple-main .fi-input-wrp {
    background-color: rgb(255 255 255 / 0.06);
}

/* Altın "Giriş Yap" butonu, navy yazı (altın üzerinde beyaz yazı okunmuyor). */
.fi-simple-main .fi-btn.fi-color-primary {
    background-color: var(--vx-gold);
    color: var(--vx-navy);
    font-weight: 600;
    letter-spacing: 0.02em;
}

.fi-simple-main .fi-btn.fi-color-primary:hover,
.fi-simple-main .fi-btn.fi-color-primary:focus-visible {
    background-color: var(--vx-gold-light);
}

.fi-simple-main .fi-btn.fi-color-primary .fi-icon,
.fi-simple-main .fi-btn.fi-color-primary .fi-loading-indicator {
    color: var(--vx-navy);
}

.vx-login-footer {
    padding: 1rem 1rem 1.5rem;
    color: rgb(245 239 226 / 0.55);
    font-size: 0.75rem;
    letter-spacing: 0.03em;
    text-align: center;
}

.vx-login-locales {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.vx-login-locales button {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    cursor: pointer;
    background: none;
    border: 0;
    padding: 0;
}

.vx-login-locales button:hover,
.vx-login-locales button:focus-visible,
.vx-login-locales button[aria-current="true"] {
    color: var(--vx-gold-light);
}