/* auth-layout.css -- M-241a: extracted from layouts/auth.blade.php's inline
   <style> block. Static rules only -- the dynamic platform-default theme
   :root{} variables (M-196) stay inline, since resolveCssVariablesFor(null)
   is evaluated per-request even though it's always the platform default here
   (no org context exists before login). */

        body {
            background: linear-gradient(135deg, var(--cf-dark) 0%, var(--cf-primary) 50%, var(--cf-secondary) 100%);
            min-height: 100vh; display: flex; align-items: center; justify-content: center;
            font-family: 'Segoe UI', system-ui, sans-serif;
        }
        .card-wrap {
            background: #fff; border-radius: 16px; overflow: hidden;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3); max-width: 420px; width: 100%;
        }
        .card-header-custom {
            background: linear-gradient(135deg, var(--cf-primary), var(--cf-secondary));
            padding: 2rem 2rem 1.5rem; text-align: center; color: #fff;
        }
        .card-header-custom .icon { font-size: 2.5rem; color: var(--cf-accent); }
        .card-body-custom { padding: 2rem; }
        .form-control:focus { border-color: var(--cf-primary); box-shadow: 0 0 0 0.2rem rgba(26,35,126,0.15); }
        .btn-primary-cf { background: var(--cf-primary); color: #fff; border: none; padding: 0.65rem; font-weight: 600; }
        .btn-primary-cf:hover { background: var(--cf-secondary); color: #fff; }
        .form-floating label { color: #64748b; }