/* ═══════════════════════════════════════════════════════════
   Medikcore — Giriş / Tenant / Tablet-Giriş Rafine Katmanı
   ---------------------------------------------------------------
   Yalnızca GÖRSEL. Auth ekranlarını panelle aynı kurumsal dile
   büründürür. Sınıflara sıkıca scope'ludur — ana sayfa (landing)
   ETKİLENMEZ. main.php ve minimal.php'de EN SON yüklenir.
   ═══════════════════════════════════════════════════════════ */

:root {
    --ring-primary: 0 0 0 3px rgba(225, 29, 72, .16);
    --tint-surface: #FCFCFD;
    --hairline: rgba(15, 23, 42, .07);
}

/* ── Giriş sahnesi zemini ───────────────────────────────── */
.layout--auth .main-content,
.layout--tenant-auth .main-content {
    background:
        radial-gradient(900px 500px at 50% -15%, rgba(225, 29, 72, .07), transparent 55%),
        radial-gradient(700px 400px at 100% 110%, rgba(15, 23, 42, .05), transparent 60%),
        var(--color-bg);
}

/* ── Panel giriş kartı ──────────────────────────────────── */
.auth-card {
    position: relative;
    border: 1px solid var(--hairline);
    box-shadow: 0 12px 40px rgba(15, 23, 42, .10), 0 2px 8px rgba(15, 23, 42, .05);
    overflow: hidden;
}
/* Üstte ince marka şeridi — kurumsal imza */
.auth-card::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
}
.auth-card__header h1 { color: var(--color-secondary); }

/* Form alanları — marka odak halkası (eski teal düzeltildi) */
.auth-form .form-group label {
    font-weight: 600;
    font-size: .85rem;
    color: var(--color-text);
}
.auth-form input {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    transition: border-color .15s ease, box-shadow .15s ease;
}
.auth-form input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--ring-primary);
}
.auth-card .btn--primary {
    box-shadow: 0 1px 2px rgba(225, 29, 72, .25), 0 6px 18px rgba(225, 29, 72, .18);
    transition: box-shadow .15s ease, transform .1s ease;
}
.auth-card .btn--primary:active { transform: translateY(1px); }

/* Alt bağlantılar */
.auth-card__footer a { transition: color .15s ease; }
.auth-card__footer a:hover { color: var(--color-primary-dark); text-decoration: underline; }

/* Uyarı kutuları — yumuşak, ikonlu, tutarlı */
.auth-card .alert,
.tablet-auth .alert {
    border-radius: var(--radius-sm);
    border: 1px solid transparent;
    font-size: .88rem;
}

/* ── Tablet giriş ekranı ────────────────────────────────── */
.tablet-auth {
    border: 1px solid var(--hairline);
    box-shadow: 0 16px 48px rgba(15, 23, 42, .12), 0 2px 8px rgba(15, 23, 42, .05);
}
/* Sol marka paneli — daha derin degrade + hafif doku */
.tablet-auth__side {
    position: relative;
    background:
        radial-gradient(600px 300px at 20% 0%, rgba(255, 255, 255, .12), transparent 60%),
        linear-gradient(160deg, var(--color-primary) 0%, var(--color-primary-dark) 100%) !important;
}
.tablet-auth__icon {
    background: rgba(255, 255, 255, .16);
    backdrop-filter: blur(4px);
}
.tablet-auth__features li { font-weight: 500; }
.tablet-auth__features svg { opacity: .9; }

/* Tablet giriş formu alanları — marka odak */
.tablet-auth__form input:focus,
.tablet-auth__main input:focus {
    outline: none;
    border-color: var(--color-primary);
    box-shadow: var(--ring-primary);
}

/* ── Minimal sayfalar (basit içerik) ────────────────────── */
.layout--minimal .card {
    border-color: var(--hairline);
    box-shadow: var(--shadow-md);
}

/* Dar ekranda tablet-auth tek sütuna düşerse yan panel üstte kalsın */
@media (max-width: 760px) {
    .tablet-auth__side { border-radius: 0; }
}