/*
 * نماء ERP — White Label Branding (مكمّل لـ namaa_theme.css v4.0)
 * هذا الملف يكمّل الثيم الرئيسي — لا يعارضه
 * Uses v4.0 design tokens: --n-primary, --n-accent, etc.
 */

/* ===== CSS Variables Override (legacy compat) ===== */
:root {
    --primary: var(--n-primary, #0891B2);
    --primary-dark: var(--n-primary-hover, #0E7490);
    --primary-light: var(--n-accent, #10B981);
    --btn-primary: var(--n-primary, #0891B2);
    --btn-primary-dark: var(--n-primary-hover, #0E7490);
    --bg-primary: var(--n-primary, #0891B2);
    --text-on-primary: #ffffff;
    --namaa-deep: #0C4A5E;
    --namaa-turquoise: var(--n-accent, #10B981);
}

/* ===== ERPNext/Frappe Logo Overrides ===== */
img[src*="erpnext-logo"],
img[src*="frappe-logo"],
.navbar-brand img[src*="erpnext"],
.erpnext-logo {
    content: url("/assets/namaa/images/namaa-horizontal.svg") !important;
}

/* ===== Desk / Workspace ===== */
.module-links .module-link:hover,
.module-links .module-link.active {
    color: var(--n-primary, #0891B2) !important;
}

/* ===== Setup Wizard ===== */
.setup-wizard-slide .slide-icon {
    color: var(--n-primary, #0891B2) !important;
}
.setup-wizard-slide .btn-primary-dark {
    background-color: var(--n-primary-hover, #0E7490) !important;
}

/* ===== Animations ===== */
@keyframes namaa-name {
    from { transform: translateY(16px); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}
@keyframes namaa-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.namaa-logo-wrap {
    display: inline-block;
}
.namaa-logo-wrap:hover {
    transform: scale(1.05);
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* ===== Notification indicator ===== */
.notifications-icon .notifications-seen .badge {
    background-color: var(--n-primary, #0891B2) !important;
}

/* ============================================================
   صفحة تسجيل الدخول — Login Page
   ============================================================ */

/* خلفية الصفحة */
.login-content,
body[data-route="login"] {
    background: #f0f4f8 !important;
}

/* البطاقة الرئيسية */
.page-card {
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(13, 126, 142, 0.12) !important;
    border: none !important;
    padding: 32px !important;
}

/* شعار التطبيق في الأعلى */
.page-card-head {
    text-align: center !important;
    margin-bottom: 8px !important;
}
.page-card-head .app-logo {
    width: 64px !important;
    height: 64px !important;
    border-radius: 50% !important;
}
.page-card-head h4 {
    color: #0D7E8E !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-top: 8px !important;
}

/* عنوان الصفحة "سجّل الدخول إلى نماء ERP" */
.page-card-body h2,
.for-login > h4,
.login-content h2 {
    color: #1A2332 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

/* حقول الإدخال */
.login-content .form-control,
.page-card .form-control {
    border: 1.5px solid #dde2e8 !important;
    border-radius: 8px !important;
    height: 44px !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
    transition: border-color 0.2s !important;
}
.login-content .form-control:focus,
.page-card .form-control:focus {
    border-color: #0D7E8E !important;
    box-shadow: 0 0 0 3px rgba(13, 126, 142, 0.12) !important;
    outline: none !important;
}

/* ── زر تسجيل الدخول الرئيسي ── */
.btn-login:not(.btn-login-option):not(.btn-ldap-login) {
    background: #0D7E8E !important;
    border-color: #0D7E8E !important;
    color: #fff !important;
    border-radius: 8px !important;
    height: 44px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: background 0.2s !important;
}
.btn-login:not(.btn-login-option):not(.btn-ldap-login):hover {
    background: #0A5F6E !important;
    border-color: #0A5F6E !important;
}

/* ── فاصل "أو" ── */
.login-divider {
    color: #999 !important;
    margin: 16px 0 !important;
    font-size: 13px !important;
}

/* ── زر Microsoft (btn-login-option) ── */
.btn-login-option {
    border: 1.5px solid #dde2e8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #333 !important;
    height: 46px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    transition: box-shadow 0.2s, border-color 0.2s !important;
    text-decoration: none !important;
}
.btn-login-option:hover {
    border-color: #0D7E8E !important;
    box-shadow: 0 2px 10px rgba(13, 126, 142, 0.18) !important;
    color: #0D7E8E !important;
    text-decoration: none !important;
}

/* ── أيقونة Microsoft داخل الزر ── */
.btn-login-option img {
    width: 20px !important;
    height: 20px !important;
    border-radius: 0 !important;
    object-fit: contain !important;
    flex-shrink: 0 !important;
}

/* ── wrapper المحيط بالزر ── */
.login-button-wrapper {
    margin-bottom: 8px !important;
}

/* ── زر Login with Email Link ── */
.btn-login-with-email-link {
    border: 1.5px solid #0D7E8E !important;
    color: #0D7E8E !important;
    background: transparent !important;
    border-radius: 8px !important;
    height: 40px !important;
    font-size: 13px !important;
}
.btn-login-with-email-link:hover {
    background: rgba(13, 126, 142, 0.06) !important;
}

/* إخفاء "ليس لديك حساب؟ سجل" */
.login-content .signup-footer,
.page-card .signup-footer,
.forgot-password-message ~ *,
a[href="/register"],
a[href*="sign-up"],
a[href*="signup"],
.login-content p:last-of-type,
.page-card p a[href="/register"],
p:has(a[href="/register"]) {
    display: none !important;
}

/* رابط نسيت كلمة المرور */
.login-content .forgot-password-message a,
.page-card .forgot-password-message a {
    color: #0D7E8E !important;
    font-size: 13px !important;
}

/* تسجيل الدخول بالرابط */
.page-card .btn-sm[data-label="Sign in with Email Link"],
.login-content .btn[data-label="Sign in with Email Link"] {
    border: 1.5px solid #0D7E8E !important;
    color: #0D7E8E !important;
    border-radius: 8px !important;
    background: transparent !important;
    height: 40px !important;
    font-size: 13px !important;
    width: 100% !important;
    margin-top: 8px !important;
}