/*
  ورقةُ صفحتَي الدخول والتسجيل — استُخرجت 2026-08-18.

  ⛔ **كانت كتلتَي `<style>` متطابقتين تقريباً** في `login` و`register`
     (‏125 سطراً مشتركة · ثاني أكبر عنقودِ تكرارٍ بعد الصفحات القانونيّة).
     ونقلُها يُسقط قاعدةَ CLAUDE.md ① وقاعدةَ المالك في تجنّب التضخّم معاً.

  ⚖ **والاتّحادُ هو كتلةُ `login`**: `register` مجموعةٌ جزئيّةٌ منها.
     والزائدُ `.forgot-pass-link` — و**الصنفُ يظهر صفرَ مرّةٍ في التسجيل**
     (‏قِيس)، فإضافتُه إليه بلا أثرٍ مرئيٍّ بالبرهان لا بالظنّ.
*/

        .editorial-shadow {
            background: var(--fnv-surface);
            border: 2px solid var(--fnv-ink);
            box-shadow: none;
            transition: transform 0.3s;
        }
        .editorial-shadow:hover {
            transform: translate(-2px, -2px);
            box-shadow: none;
        }
        .auth-title {
            font-family: var(--fnv-font-heading);
            font-weight: 900;
            font-size: 1.8rem;
            color: var(--fnv-ink);
            margin-bottom: 8px;
        }
        .auth-subtitle {
            font-family: var(--fnv-font-body);
            font-size: .95rem;
            color: var(--fnv-ink-muted);
            line-height: 1.6;
        }
        .form-label-custom {
            font-family: var(--fnv-font-heading);
            font-weight: 800;
            font-size: .95rem;
            color: var(--fnv-ink);
            display: block;
            margin-bottom: 8px;
        }
        .form-control-editorial {
            width: 100%;
            padding: 12px 16px;
            background: var(--fnv-surface);
            border: 2px solid var(--fnv-border);
            border-radius: 0;
            font-family: var(--fnv-font-body);
            color: var(--fnv-ink);
            transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
        }
        .form-control-editorial:focus {
            background: var(--fnv-surface);
            border-color: var(--fnv-ink);
            outline: none;
            box-shadow: none;
        }
        .forgot-pass-link {
            font-family: var(--fnv-font-body);
            font-size: .85rem;
            font-weight: 600;
            color: var(--fnv-ink-3);
            text-decoration: none;
            border-bottom: 1px solid transparent;
            transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
        }
        .forgot-pass-link:hover { 
            color: var(--fnv-ink); 
            border-bottom-color: var(--fnv-ink);
        }
        
        .auth-separator {
            position: relative;
            text-align: center;
        }
        .auth-separator:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            height: 1px;
            background: var(--fnv-ink);
            opacity: 0.2;
        }
        
        .editorial-checkbox {
            border: 2px solid var(--fnv-border);
            border-radius: 0 !important;
            cursor: pointer;
        }
        .editorial-checkbox:checked {
            background-color: var(--fnv-ink) !important;
            border-color: var(--fnv-ink) !important;
        }
        .custom-checkbox .form-check-label {
            font-family: var(--fnv-font-body);
            font-size: .95rem;
            font-weight: 600;
            color: var(--fnv-ink-2);
            cursor: pointer;
        }

        .btn-editorial-solid {
            background: var(--fnv-ink);
            color: var(--fnv-bg) !important;
            border: 2px solid var(--fnv-ink);
            border-radius: 0;
            font-family: var(--fnv-font-heading);
            font-weight: 800;
            text-transform: uppercase;
            transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
        }
        .btn-editorial-solid:hover {
            background: var(--fnv-surface);
            color: var(--fnv-ink) !important;
        }

        .editorial-link {
            border-bottom: 2px solid var(--fnv-ink);
            padding-bottom: 1px;
            transition: background-color 0.3s, color 0.3s, border-color 0.3s, transform 0.3s;
        }
        .editorial-link:hover {
            background: var(--fnv-ink);
            color: var(--fnv-bg) !important;
        }