/* *****************************************************
    ** Injaz Hosting - Glassmorphism Client Area **
    Indigo/Violet theme with frosted glass effects
***************************************************** */

html { font-size: 14px; scroll-behavior: smooth; }
body { font-family: 'Cairo', 'Inter', 'Segoe UI', Tahoma, sans-serif; }

/* Bilingual content switching: show/hide based on active language */
.injaz-rtl .lang-en, .injaz-ltr .lang-ar { display: none !important; }
.injaz-rtl .lang-ar, .injaz-ltr .lang-en { display: block; }
span.lang-en, span.lang-ar { display: inline; }
.injaz-rtl span.lang-en, .injaz-ltr span.lang-ar { display: none !important; }
.injaz-rtl span.lang-ar, .injaz-ltr span.lang-en { display: inline; }

:root {
    --white: #fff;
    --injaz-primary: #4f46e5;
    --injaz-primary-hover: #4338ca;
    --injaz-secondary: #7c3aed;
    --injaz-accent: #a78bfa;
    --injaz-dark: #0c0a1d;
    --injaz-dark-lighter: #150f2d;
    --injaz-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    --injaz-gradient-hero: linear-gradient(160deg, #4f46e5 0%, #6d28d9 35%, #7c3aed 100%);
    --injaz-gradient-text: linear-gradient(135deg, #818cf8, #a78bfa, #c084fc);
    --injaz-shadow-primary: 0 4px 14px rgba(79, 70, 229, 0.4);
    --injaz-shadow-card: 0 10px 40px -10px rgba(79, 70, 229, 0.15);
    --injaz-shadow-glow: 0 0 30px rgba(79, 70, 229, 0.12);

    --neutral-50: #f5f3ff;
    --neutral-100: #ede9fe;
    --neutral-200: #ddd6fe;
    --neutral-300: #c4b5fd;
    --neutral-400: #a78bfa;
    --neutral-500: #8b5cf6;
    --neutral-600: #7c3aed;
    --neutral-700: #6d28d9;
    --neutral-800: #1e1b4b;
    --neutral-900: #0c0a1d;

    --primary: #1e1b4b;
    --primary-lifted: #312e81;
    --primary-accented: #3730a3;
    --secondary: #6b7280;
    --secondary-lifted: #4b5563;
    --secondary-accented: #374151;
    --success: #10b981;
    --success-lifted: #059669;
    --info: #4f46e5;
    --info-lifted: #4338ca;
    --notice: #7c3aed;
    --notice-lifted: #6d28d9;
    --warning: #f59e0b;
    --error: #ef4444;
    --text: #1e1b4b;
    --text-muted: #6b7280;
    --text-lifted: #4b5563;
    --border-muted: rgba(79,70,229,0.08);
    --border: rgba(79,70,229,0.12);
    --bg: #f5f3ff;
    --bg-muted: #ede9fe;
    --bg-lifted: #e0e7ff;
    --bg-inverted: #0c0a1d;
    --rounding-sm: 0.5rem;
    --rounding-md: 0.75rem;
    --rounding-lg: 1rem;

    --glass-bg: rgba(255,255,255,0.6);
    --glass-bg-strong: rgba(255,255,255,0.75);
    --glass-border: rgba(79,70,229,0.1);
    --glass-blur: blur(20px);
    --glass-blur-sm: blur(12px);
}

/* ============================================
   Legacy Homepage Styles (unused - kept minimal)
   ============================================ */
.injaz-homepage { margin: 0; padding: 0; }
.injaz-hosting-pro, .hostinger-style, .injaz-pro { display: block; }

/* ============================================
   Header - Glassmorphic Navbar
   ============================================ */
.injaz-header {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: 0 1px 0 var(--glass-border), 0 4px 30px rgba(79,70,229,0.06);
    position: sticky;
    top: 0;
    z-index: 1020;
    border-bottom: 1px solid var(--glass-border);
}
.injaz-header .navbar.navbar-light {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    background: transparent !important;
}
.injaz-brand {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none !important;
}
.injaz-brand-icon {
    font-size: 1.4rem;
    background: var(--injaz-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: opacity 0.2s;
}
.injaz-brand-text {
    font-size: 1.15rem;
    font-weight: 800;
    color: #1e1b4b;
    letter-spacing: -0.02em;
    transition: opacity 0.2s;
}
.injaz-brand:hover .injaz-brand-text { opacity: 0.75; }

/* Topbar (logged-in user bar) */
.injaz-header .topbar {
    background: rgba(237,233,254,0.5);
    border-bottom: 1px solid var(--glass-border);
    font-size: 0.85rem;
    backdrop-filter: var(--glass-blur-sm);
}
.injaz-header .topbar .btn { color: #4b5563; }
.injaz-header .topbar .btn:hover { color: var(--injaz-primary); }
.injaz-header .topbar .input-group-text {
    background: transparent;
    color: #6b7280;
    border-color: var(--glass-border);
    font-size: 0.82rem;
}
.injaz-header .topbar .btn-active-client {
    color: #374151;
    background: transparent;
    border-color: var(--glass-border);
}
.injaz-header .topbar .btn-active-client:hover {
    color: var(--injaz-primary);
    background: rgba(79,70,229,0.06);
}
.injaz-header .topbar .active-client .btn {
    color: #4b5563;
    border-color: var(--glass-border);
}
.injaz-header .topbar .active-client .btn:hover {
    color: var(--injaz-primary);
    background: rgba(79,70,229,0.06);
}
.injaz-header .topbar .client-alerts li a { color: #374151; }

/* Search bar */
.injaz-header .input-group.search .form-control {
    background: rgba(255,255,255,0.7);
    border: 1px solid var(--glass-border);
    color: #1e1b4b;
    font-size: 0.85rem;
    border-radius: 0 8px 8px 0 !important;
}
.injaz-header .input-group.search .form-control::placeholder { color: #9ca3af; }
.injaz-header .input-group.search .form-control:focus {
    background: #fff;
    border-color: var(--injaz-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.1);
}
.injaz-header .input-group.search .btn-default {
    background: rgba(255,255,255,0.7);
    border: 1px solid var(--glass-border);
    border-right: none;
    color: #9ca3af;
    border-radius: 8px 0 0 8px !important;
}
.injaz-header .input-group.search .btn-default:hover { color: var(--injaz-primary); }

/* Cart button & toolbar */
.injaz-header .toolbar .nav-link,
.injaz-header .navbar-nav.toolbar .btn,
.injaz-header .cart-btn {
    color: #4b5563 !important;
}
.injaz-header .toolbar .nav-link:hover,
.injaz-header .cart-btn:hover {
    color: var(--injaz-primary) !important;
}
.injaz-header .cart-btn .badge-info {
    background: var(--injaz-gradient);
    color: #fff;
}

/* Main navigation bar */
.injaz-header .main-navbar-wrapper {
    border-top: 1px solid var(--glass-border);
    background: transparent;
}
.injaz-header .main-navbar-wrapper .navbar-nav .nav-link {
    font-weight: 500;
    color: #4b5563;
    transition: color 0.2s;
    font-size: 0.9rem;
    padding: 0.5rem 0.85rem;
    border-radius: var(--rounding-sm);
}
.injaz-header .main-navbar-wrapper .navbar-nav .nav-link:hover,
.injaz-header .main-navbar-wrapper .navbar-nav .nav-link:focus {
    color: var(--injaz-primary);
    background: rgba(79,70,229,0.06);
}
.injaz-header .main-navbar-wrapper .navbar-nav .nav-link.active {
    color: var(--injaz-primary);
    font-weight: 600;
    background: rgba(79,70,229,0.08);
}

/* Dropdown menus from navbar */
.injaz-header .dropdown-menu {
    background: var(--glass-bg-strong);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(79,70,229,0.1), 0 0 0 1px rgba(79,70,229,0.05);
}
.injaz-header .dropdown-menu .dropdown-item {
    color: #374151;
    font-size: 0.88rem;
    padding: 0.5rem 1rem;
    border-radius: var(--rounding-sm);
}
.injaz-header .dropdown-menu .dropdown-item:hover {
    background: rgba(79,70,229,0.08);
    color: var(--injaz-primary);
}

/* Mobile collapse menu */
.injaz-header .navbar-collapse {
    background: var(--glass-bg-strong);
    backdrop-filter: var(--glass-blur);
}
@media (max-width: 1199px) {
    .injaz-header .navbar-collapse {
        border-top: 1px solid var(--glass-border);
        padding: 0.75rem 0;
    }
}

/* ============================================
   Hide Knowledge Base & Announcements from nav
   ============================================ */
li[menuItemName="Knowledgebase"],
li[menuItemName="Announcements"] {
    display: none !important;
}

/* ============================================
   Footer - Glass theme
   ============================================ */
footer.footer.injaz-footer {
    margin: 0;
    padding: 0;
    background: rgba(237,233,254,0.4);
    backdrop-filter: var(--glass-blur-sm);
    color: #6b7280;
    font-size: 0.9rem;
    margin-top: 3rem;
    border-top: 1px solid var(--glass-border);
}
.injaz-footer .container { max-width: 1140px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }

/* Trust bar */
.injaz-footer-trust {
    background: rgba(255,255,255,0.5);
    border-bottom: 1px solid var(--glass-border);
    padding: 1rem 0;
    backdrop-filter: var(--glass-blur-sm);
}
.injaz-footer-trust-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 1rem 2rem;
}
.injaz-footer-trust-item {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.88rem;
    color: #374151;
}
.injaz-footer-trust-item i {
    color: var(--injaz-primary);
    font-size: 1rem;
}

/* Main footer area */
.injaz-footer-main { padding: 2.5rem 0 1.5rem; }
.injaz-footer-main .container { width: 100%; }
.injaz-footer-main-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}
.injaz-footer-brand { flex: 0 0 auto; text-align: center; min-width: 0; }
.injaz-footer-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none !important;
    font-size: 1.15rem;
    font-weight: 800;
    color: #1e1b4b;
    letter-spacing: -0.02em;
    transition: opacity 0.2s;
}
.injaz-footer-logo i {
    background: var(--injaz-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 1.3rem;
}
.injaz-footer-logo span { color: #1e1b4b; }
.injaz-footer-logo:hover { opacity: 0.75; color: #1e1b4b; }
.injaz-footer-tagline { color: #9ca3af; font-size: 0.85rem; margin: 0.35rem 0 0; }

/* Nav links */
.injaz-footer-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem 1rem;
}
.injaz-footer-link {
    color: #6b7280;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.88rem;
    padding: 0.25rem 0;
    transition: color 0.2s;
}
.injaz-footer-link:hover { color: var(--injaz-primary); }

/* Right section */
.injaz-footer-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.injaz-footer-right .list-inline { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.injaz-footer-right .list-inline-item { display: inline-block; }

/* Language/currency button */
.injaz-footer .btn-outline-light.injaz-footer-lang,
.injaz-footer .btn-outline-light {
    border-color: var(--glass-border);
    color: #4b5563;
    font-size: 0.82rem;
    border-radius: 8px;
    padding: 0.3rem 0.75rem;
    transition: all 0.2s;
    backdrop-filter: var(--glass-blur-sm);
}
.injaz-footer .btn-outline-light:hover {
    border-color: var(--injaz-primary);
    color: var(--injaz-primary);
    background: rgba(79,70,229,0.06);
}

/* Copyright */
.injaz-footer-copyright {
    margin: 0;
    padding: 1rem 0;
    border-top: 1px solid var(--glass-border);
    color: #9ca3af;
    font-size: 0.8rem;
    text-align: center;
}

@media (max-width: 767px) {
    .injaz-footer-main-row { flex-direction: column; text-align: center; }
    .injaz-footer-brand { order: 1; }
    .injaz-footer-nav { order: 2; }
    .injaz-footer-right { order: 3; }
    .injaz-footer-trust-inner { gap: 0.75rem 1rem; }
    .injaz-footer-trust-item { font-size: 0.85rem; }
}

/* ============================================
   Login & Register - Glassmorphism
   ============================================ */
.injaz-login-page {
    min-height: 75vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    background: #0c0a1d;
    position: relative;
    margin: -1rem 0 0;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}
.injaz-login-page::before {
    content: '';
    position: absolute;
    top: -20%;
    left: -15%;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(79,70,229,0.3) 0%, transparent 70%);
    pointer-events: none;
    animation: loginOrb1 12s ease-in-out infinite;
}
.injaz-login-page::after {
    content: '';
    position: absolute;
    bottom: -20%;
    right: -10%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(124,58,237,0.25) 0%, transparent 70%);
    pointer-events: none;
    animation: loginOrb2 15s ease-in-out infinite;
}
@keyframes loginOrb1 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(30px, -20px) scale(1.05); }
}
@keyframes loginOrb2 {
    0%, 100% { transform: translate(0, 0) scale(1); }
    50% { transform: translate(-20px, 30px) scale(1.08); }
}
.injaz-login-brand {
    text-align: center;
    margin-bottom: 1.75rem;
    position: relative;
    z-index: 1;
}
.injaz-login-brand img {
    max-height: 56px;
    width: auto;
    max-width: 200px;
    filter: brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,0.2));
}
.injaz-login-page .login-form {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 440px;
}
.injaz-login-page .login-form .card {
    border-radius: 1.5rem;
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.06);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.3), 0 0 40px rgba(79,70,229,0.08);
    overflow: hidden;
}
.injaz-login-page .login-form .card-body {
    padding: 2.25rem 2.25rem 1.75rem;
}
.injaz-login-page .login-form .h3 {
    color: #fff;
    font-weight: 800;
    font-size: 1.35rem;
    margin-bottom: 0.15rem;
}
.injaz-login-page .login-form .text-muted {
    font-size: 0.85rem;
    color: rgba(255,255,255,0.5) !important;
}
.injaz-login-page .login-form .form-control-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.injaz-login-page .login-form .form-control {
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 0.75rem;
    padding: 0.65rem 0.85rem;
    font-size: 0.9rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: rgba(255,255,255,0.06);
    color: #fff;
}
.injaz-login-page .login-form .form-control::placeholder {
    color: rgba(255,255,255,0.3);
}
.injaz-login-page .login-form .form-control:focus {
    border-color: rgba(79,70,229,0.5);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.15), 0 0 20px rgba(79,70,229,0.1);
    background: rgba(255,255,255,0.08);
}
.injaz-login-page .login-form .input-group-text {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.12);
    border-right: none;
    border-radius: 0.75rem 0 0 0.75rem;
    color: rgba(255,255,255,0.4);
    padding: 0.65rem 0.85rem;
}
.injaz-login-page .login-form .input-group .form-control {
    border-left: none;
    border-radius: 0 0.75rem 0.75rem 0;
}
.injaz-login-page .login-form .input-group:focus-within .input-group-text {
    border-color: rgba(79,70,229,0.5);
    color: var(--injaz-accent);
}
.injaz-login-page .login-form .input-group:focus-within .form-control {
    border-color: rgba(79,70,229,0.5);
}
.injaz-login-page .login-form .input-group-append .btn {
    border: 1px solid rgba(255,255,255,0.12);
    border-left: none;
    border-radius: 0 0.75rem 0.75rem 0;
    background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.4);
}
.injaz-login-page .login-form .input-group-append .btn:hover {
    color: var(--injaz-accent);
}
.injaz-login-page .login-form #login {
    background: var(--injaz-gradient);
    border: none;
    font-weight: 700;
    padding: 0.7rem 2rem;
    border-radius: 0.75rem;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
    transition: transform 0.15s, box-shadow 0.2s;
    color: #fff;
    box-shadow: 0 4px 15px rgba(79,70,229,0.3);
}
.injaz-login-page .login-form #login:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 25px rgba(79,70,229,0.45);
}
.injaz-login-page .login-form .form-check-input { margin-top: 0.35rem; }
.injaz-login-page .login-form .form-check-label { color: rgba(255,255,255,0.6); }
.injaz-login-page .login-form a { color: var(--injaz-accent); }
.injaz-login-page .login-form a:hover { color: #c4b5fd; }
.injaz-login-page .login-form .card-footer {
    background: rgba(255,255,255,0.03);
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 1rem 2.25rem;
    text-align: center;
}
.injaz-login-page .login-form .card-footer small {
    color: rgba(255,255,255,0.4);
}
.injaz-login-page .login-form .card-footer a {
    color: var(--injaz-accent);
    font-weight: 700;
}
.injaz-login-page .login-form .card-footer a:hover { color: #c4b5fd; }
@media (max-width: 480px) {
    .injaz-login-page .login-form .card-body { padding: 1.75rem 1.5rem 1.5rem; }
    .injaz-login-page .login-form .card-footer { padding: 0.85rem 1.5rem; }
}

.injaz-register-page {
    padding: 1.5rem 0;
}
.injaz-register-page .card {
    border-radius: 1.25rem;
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    box-shadow: 0 4px 24px rgba(79,70,229,0.06);
}
.injaz-register-page .card-body { padding: 1.75rem 2rem; }
.injaz-register-page .card-title {
    color: #1e1b4b;
    font-weight: 700;
    font-size: 1.1rem;
}
.injaz-register-page .form-control {
    border-radius: 0.75rem;
    border: 1px solid var(--glass-border);
    background: rgba(255,255,255,0.7);
    padding: 0.6rem 0.85rem;
    font-size: 0.875rem;
}
.injaz-register-page .form-control:focus {
    border-color: var(--injaz-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.1);
    background: #fff;
}
.injaz-register-page .btn-primary {
    background: var(--injaz-gradient);
    border: none;
    font-weight: 700;
    padding: 0.65rem 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 15px rgba(79,70,229,0.3);
}
.injaz-register-page .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 25px rgba(79,70,229,0.45);
}

/* ============================================
   Client Area Dashboard - Glassmorphism
   ============================================ */
.injaz-dashboard .tiles .tile {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    box-shadow: 0 2px 12px rgba(79,70,229,0.06);
    transition: box-shadow 0.25s, transform 0.25s;
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur-sm);
    -webkit-backdrop-filter: var(--glass-blur-sm);
    position: relative;
    overflow: hidden;
}
.injaz-dashboard .tiles .tile:hover {
    box-shadow: 0 12px 32px rgba(79,70,229,0.12), var(--injaz-shadow-glow);
    transform: translateY(-3px);
}
.injaz-dashboard .tiles .tile .stat {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e1b4b;
}
.injaz-dashboard .tiles .tile .title {
    font-size: 0.8rem;
    color: #6b7280;
    font-weight: 500;
}
.injaz-dashboard .tiles .tile i {
    font-size: 1.5rem;
    color: var(--injaz-primary);
    opacity: 0.8;
}
.injaz-dashboard .tiles .tile .highlight { height: 4px; border-radius: 0; }
.injaz-dashboard .tiles .tile .highlight.bg-color-blue { background: var(--injaz-gradient) !important; }
.injaz-dashboard .tiles .tile .highlight.bg-color-green { background: linear-gradient(90deg, #10b981, #059669) !important; }
.injaz-dashboard .tiles .tile .highlight.bg-color-red { background: linear-gradient(90deg, #ef4444, #dc2626) !important; }
.injaz-dashboard .tiles .tile .highlight.bg-color-gold { background: linear-gradient(90deg, #f59e0b, #d97706) !important; }

.injaz-dashboard .client-home-cards .card {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur-sm);
    box-shadow: 0 2px 12px rgba(79,70,229,0.06);
    margin-bottom: 1rem;
    overflow: hidden;
}
.injaz-dashboard .client-home-cards .card-header {
    font-weight: 600;
    border-bottom: 1px solid var(--glass-border);
    background: rgba(79,70,229,0.04);
    padding: 0.85rem 1.25rem;
}
.injaz-dashboard .client-home-cards .card-header .card-title { font-size: 0.95rem; color: #1e1b4b; }
.injaz-dashboard .client-home-cards .card-header .btn-xs {
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    border-radius: var(--rounding-sm);
}
.injaz-dashboard .client-home-cards .list-group-item {
    border-color: var(--glass-border);
    padding: 0.65rem 1.25rem;
    font-size: 0.875rem;
    color: #374151;
    transition: background 0.15s;
    background: transparent;
}
.injaz-dashboard .client-home-cards .list-group-item:hover {
    background: rgba(79,70,229,0.04);
}
.injaz-dashboard .client-home-cards .list-group-item.active {
    background: rgba(79,70,229,0.06);
    border-color: var(--glass-border);
    color: var(--injaz-primary);
}
.injaz-dashboard .client-home-cards .list-group-item .badge {
    background: var(--injaz-gradient);
    color: #fff;
    border-radius: 999px;
    font-size: 0.7rem;
}

/* ============================================
   Global (cards, buttons) - Glassmorphism
   ============================================ */
body.primary-bg-color { background: #f5f3ff; }

#main-body .card:not(.injaz-card-product):not(.injaz-help-card):not(.injaz-account-card) {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur-sm);
    -webkit-backdrop-filter: var(--glass-blur-sm);
    box-shadow: 0 2px 12px rgba(79,70,229,0.06);
}
#main-body .btn-primary { border-radius: var(--rounding-md); font-weight: 600; }
#main-body .btn-primary:not(.btn-injaz-primary):not(.modal-submit) {
    background: var(--injaz-gradient);
    border: none;
    box-shadow: 0 2px 8px rgba(79,70,229,0.2);
}
#main-body .btn-primary:not(.btn-injaz-primary):not(.modal-submit):hover {
    box-shadow: 0 4px 15px rgba(79,70,229,0.35);
    transform: translateY(-1px);
}

/* Breadcrumb - glass style */
.master-breadcrumb {
    background: rgba(255,255,255,0.4);
    backdrop-filter: var(--glass-blur-sm);
    border-bottom: 1px solid var(--glass-border);
    padding: 0.6rem 0;
    font-size: 0.85rem;
}
.master-breadcrumb .breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
    font-size: 0.85rem;
}
.master-breadcrumb .breadcrumb-item a {
    color: var(--injaz-primary);
    font-weight: 500;
}
.master-breadcrumb .breadcrumb-item a:hover { color: var(--injaz-primary-hover); }
.master-breadcrumb .breadcrumb-item.active { color: #6b7280; }

/* Page content area */
#main-body {
    padding-top: 1rem;
    padding-bottom: 2rem;
    min-height: 50vh;
}

/* Better overall link styling */
#main-body a:not(.btn):not(.nav-link):not(.list-group-item):not(.dropdown-item) {
    color: var(--injaz-primary);
    transition: color 0.2s;
}
#main-body a:not(.btn):not(.nav-link):not(.list-group-item):not(.dropdown-item):hover {
    color: var(--injaz-primary-hover);
}

/* Language/Currency modal */
.modal-localisation .modal-content {
    background: var(--glass-bg-strong);
    backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border);
    border-radius: 16px;
}
.modal-localisation .modal-body { color: #374151; }
.modal-localisation .h5, .modal-localisation h5 { color: #1e1b4b; }
.modal-localisation .item-selector .item {
    background: rgba(255,255,255,0.5);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    color: #4b5563;
    transition: all 0.2s;
}
.modal-localisation .item-selector .item:hover {
    background: rgba(79,70,229,0.08);
    color: var(--injaz-primary);
    border-color: rgba(79,70,229,0.2);
}
.modal-localisation .item-selector .item.active {
    background: var(--injaz-gradient);
    color: #fff;
    border-color: transparent;
}
.modal-localisation .modal-footer { border-top: 1px solid var(--glass-border); }
.modal-localisation .modal-footer .btn-default {
    background: var(--injaz-gradient);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-weight: 600;
}
.modal-localisation .modal-footer .btn-default:hover { box-shadow: var(--injaz-shadow-primary); }

/* Dashboard Welcome Header - Glassmorphism */
.injaz-dashboard-welcome {
    background: var(--injaz-gradient);
    color: #fff;
    padding: 1.75rem 2rem;
    border-radius: var(--rounding-lg);
    margin-bottom: 1.5rem;
    position: relative;
    overflow: hidden;
}
.injaz-dashboard-welcome::before {
    content: '';
    position: absolute;
    top: -50%; right: -20%;
    width: 60%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.12) 0%, transparent 70%);
    pointer-events: none;
}
.injaz-dashboard-welcome::after {
    content: '';
    position: absolute;
    bottom: -30%; left: -10%;
    width: 40%;
    height: 150%;
    background: radial-gradient(circle, rgba(124,58,237,0.15) 0%, transparent 70%);
    pointer-events: none;
}
.injaz-dashboard-welcome h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 0.35rem;
    position: relative;
}
.injaz-dashboard-welcome p {
    font-size: 0.875rem;
    opacity: 0.9;
    margin: 0;
    position: relative;
}

/* ============================================
   Sidebar - Glassmorphism
   ============================================ */
.sidebar .card-sidebar {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    overflow: hidden;
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur-sm);
    box-shadow: 0 2px 12px rgba(79,70,229,0.06);
}
.sidebar .card-sidebar .card-header {
    background: rgba(79,70,229,0.06);
    border-bottom: 1px solid var(--glass-border);
    padding: 0.85rem 1rem;
}
.sidebar .card-sidebar .card-header .card-title {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e1b4b;
}
.sidebar .card-sidebar .card-header .card-minimise {
    color: #9ca3af;
    transition: color 0.2s;
}
.sidebar .card-sidebar .card-header:hover .card-minimise { color: var(--injaz-primary); }
.sidebar .card-sidebar .list-group-item {
    border-color: var(--glass-border);
    padding: 0.65rem 1rem;
    font-size: 0.875rem;
    color: #374151;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    border-left: 3px solid transparent;
    background: transparent;
}
.sidebar .card-sidebar .list-group-item:hover {
    background: rgba(79,70,229,0.06);
    color: var(--injaz-primary);
    border-left-color: var(--injaz-primary);
}
.sidebar .card-sidebar .list-group-item.active {
    background: rgba(79,70,229,0.08);
    color: var(--injaz-primary);
    border-color: var(--glass-border);
    border-left-color: var(--injaz-primary);
    font-weight: 600;
}
.sidebar .card-sidebar .list-group-item .sidebar-menu-item-icon {
    color: #9ca3af;
    width: 1.25rem;
    text-align: center;
    transition: color 0.15s;
}
.sidebar .card-sidebar .list-group-item:hover .sidebar-menu-item-icon,
.sidebar .card-sidebar .list-group-item.active .sidebar-menu-item-icon {
    color: var(--injaz-primary);
}
.sidebar .card-sidebar .list-group-item .badge {
    background: var(--injaz-gradient);
    color: #fff;
    border-radius: 999px;
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}
.sidebar .card-sidebar .card-footer {
    background: rgba(79,70,229,0.03);
    border-top: 1px solid var(--glass-border);
    padding: 0.75rem 1rem;
}
.sidebar .d-block.d-md-none .form-control {
    border-radius: var(--rounding-md);
    border-color: var(--glass-border);
    font-size: 0.875rem;
}

/* ============================================
   DataTables & Tables - Glassmorphism
   ============================================ */
.table-container {
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur-sm);
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    box-shadow: 0 2px 12px rgba(79,70,229,0.06);
    overflow: hidden;
}
#main-body .table { margin-bottom: 0; }
#main-body .table thead td,
#main-body .table thead th {
    background: rgba(79,70,229,0.06);
    border-bottom: 1px solid var(--glass-border);
    color: #1e1b4b;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    padding: 0.75rem 1rem;
}
#main-body .table tbody tr { transition: background 0.15s; }
#main-body .table tbody tr:hover { background: rgba(79,70,229,0.04); }
#main-body .table tbody td {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    border-top: 1px solid var(--glass-border);
    font-size: 0.875rem;
    color: #374151;
}
#main-body .table tbody tr[onclick] { cursor: pointer; }

/* Status badges */
.label.status {
    display: inline-block;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}
.label.status-active, .label.status-paid { background: rgba(16, 185, 129, 0.12); color: #059669; }
.label.status-pending, .label.status-unpaid { background: rgba(245, 158, 11, 0.12); color: #b45309; }
.label.status-suspended, .label.status-overdue { background: rgba(239, 68, 68, 0.12); color: #dc2626; }
.label.status-terminated, .label.status-cancelled { background: rgba(100, 116, 139, 0.12); color: #475569; }
.label.status-fraud { background: rgba(239, 68, 68, 0.12); color: #b91c1c; }
.label.status-completed { background: rgba(16, 185, 129, 0.12); color: #059669; }

/* DataTables controls */
#main-body .dataTables_wrapper .dataTables_length,
#main-body .dataTables_wrapper .dataTables_filter,
#main-body .dataTables_wrapper .dataTables_info,
#main-body .dataTables_wrapper .dataTables_paginate {
    padding: 0.75rem 1rem;
    font-size: 0.85rem;
    color: #6b7280;
}
#main-body .dataTables_wrapper .dataTables_filter input {
    border-radius: var(--rounding-md);
    border: 1px solid var(--glass-border);
    padding: 0.35rem 0.75rem;
    font-size: 0.85rem;
    background: rgba(255,255,255,0.7);
}
#main-body .dataTables_wrapper .dataTables_filter input:focus {
    border-color: var(--injaz-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.1);
    outline: none;
}
#tableLoading .fas.fa-spinner, #tableLoading .fa-spinner { color: var(--injaz-primary); }

/* ============================================
   International Phone Input
   ============================================ */
.injaz-phone-group { position: relative; }
.injaz-phone-group .intl-tel-input, .intl-tel-input {
    display: block !important;
    width: 100% !important;
    position: relative;
}
.intl-tel-input input, .intl-tel-input input[type=tel], .intl-tel-input input[type=text] {
    padding-left: 90px !important;
    width: 100% !important;
    height: 42px;
    border: 1px solid var(--glass-border);
    border-radius: var(--rounding-md);
    font-size: 0.9rem;
    color: #1e1b4b;
    background: rgba(255,255,255,0.7);
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}
.intl-tel-input input:focus, .intl-tel-input input[type=tel]:focus {
    border-color: var(--injaz-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.12);
}
.intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; left: 0; z-index: 5; width: 80px; }
.intl-tel-input .selected-flag {
    display: flex;
    align-items: center;
    width: 80px;
    height: 100%;
    padding: 0 6px 0 14px;
    border-right: 1px solid var(--glass-border);
    background: rgba(79,70,229,0.04);
    border-radius: var(--rounding-md) 0 0 var(--rounding-md);
    cursor: pointer;
    transition: background 0.15s;
}
.intl-tel-input .selected-flag:hover { background: rgba(79,70,229,0.08); }
.intl-tel-input .selected-flag .iti-flag { margin-right: 6px; }
.intl-tel-input .selected-flag .iti-arrow { border-top-color: #6b7280; }
.intl-tel-input .country-list {
    z-index: 1060;
    max-height: 240px;
    overflow-y: auto;
    border-radius: 12px;
    box-shadow: 0 12px 48px rgba(79,70,229,0.12);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg-strong);
    backdrop-filter: var(--glass-blur);
    margin-top: 4px;
}
.intl-tel-input .country-list .country {
    padding: 8px 14px;
    font-size: 0.875rem;
    color: #374151;
    transition: background 0.1s;
}
.intl-tel-input .country-list .country:hover,
.intl-tel-input .country-list .country.highlight {
    background: rgba(79,70,229,0.08);
    color: var(--injaz-primary);
}
.intl-tel-input .country-list .country .dial-code { color: #9ca3af; }
.intl-tel-input .country-list .country.active { background: rgba(79,70,229,0.08); font-weight: 600; }
.prepend-icon:has(.intl-tel-input) > .field-icon,
.prepend-icon.has-intl-tel .field-icon { display: none !important; }
.prepend-icon .intl-tel-input input { padding-left: 90px !important; }

/* ============================================
   Form Controls - Glass
   ============================================ */
#main-body .form-control {
    border-radius: var(--rounding-md);
    border: 1px solid var(--glass-border);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    color: #1e1b4b;
    background: rgba(255,255,255,0.7);
}
#main-body .form-control:focus {
    border-color: var(--injaz-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.12), 0 0 15px rgba(79,70,229,0.06);
    background: #fff;
}
#main-body .custom-select {
    border-radius: var(--rounding-md);
    border: 1px solid var(--glass-border);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    background-color: rgba(255,255,255,0.7);
}
#main-body .custom-select:focus {
    border-color: var(--injaz-primary);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.12);
}
#main-body .input-group .form-control { border-radius: var(--rounding-md); }
#main-body .input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#main-body .input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
#main-body .input-group-prepend .btn, #main-body .input-group-append .btn { border-radius: var(--rounding-md); }
#main-body .input-group-prepend .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
#main-body .input-group-append .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.toggle-switch-success input:checked + label { background: var(--injaz-primary) !important; }
.password-strength-meter .progress { border-radius: var(--rounding-md); height: 6px; }
#main-body .col-form-label { font-weight: 600; font-size: 0.85rem; color: #4b5563; }
#main-body label:not(.custom-file-label):not(.form-check-label) { font-weight: 600; font-size: 0.85rem; color: #4b5563; }
#main-body .custom-file-label { border-radius: var(--rounding-md); border-color: var(--glass-border); font-size: 0.875rem; }

/* ============================================
   Tab Navigation - Glass
   ============================================ */
#main-body .nav-tabs { border-bottom: 2px solid var(--glass-border); }
#main-body .nav-tabs .nav-link {
    border: none;
    border-bottom: 2px solid transparent;
    color: #6b7280;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
    margin-bottom: -2px;
    transition: color 0.2s, border-color 0.2s;
    border-radius: 0;
}
#main-body .nav-tabs .nav-link:hover {
    color: var(--injaz-primary);
    border-bottom-color: rgba(79,70,229,0.3);
    background: transparent;
}
#main-body .nav-tabs .nav-link.active {
    color: var(--injaz-primary);
    border-bottom-color: var(--injaz-primary);
    background: transparent;
    font-weight: 600;
}
#main-body .tab-content { padding: 1.25rem 0; }
#main-body .product-details-tab-container {
    border: 1px solid var(--glass-border);
    border-top: none;
    border-radius: 0 0 var(--rounding-lg) var(--rounding-lg);
    padding: 1.25rem;
    background: var(--glass-bg);
}
.responsive-tabs-sm-connector .channel { border-color: var(--glass-border); }

/* ============================================
   Cards Enhancement - Glass
   ============================================ */
#main-body .card-header {
    background: rgba(79,70,229,0.04);
    border-bottom: 1px solid var(--glass-border);
    padding: 0.85rem 1.25rem;
}
#main-body .card-header .card-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e1b4b;
}
#main-body .card-accent-blue { border-top: 3px solid var(--injaz-primary); }
#main-body .card-accent-green { border-top: 3px solid var(--success); }
#main-body .card-accent-red { border-top: 3px solid var(--error); }
#main-body .card-accent-gold { border-top: 3px solid var(--warning); }
#main-body .card-body { padding: 1.25rem; }
#main-body .card-footer {
    background: rgba(79,70,229,0.02);
    border-top: 1px solid var(--glass-border);
    padding: 0.75rem 1.25rem;
}

/* ============================================
   Alerts - Glass
   ============================================ */
#main-body .alert {
    border-radius: var(--rounding-lg);
    border: none;
    border-left: 4px solid transparent;
    font-size: 0.875rem;
    padding: 0.85rem 1.25rem;
    backdrop-filter: var(--glass-blur-sm);
}
#main-body .alert-success { background: rgba(16, 185, 129, 0.1); color: #065f46; border-left-color: #10b981; }
#main-body .alert-danger, #main-body .alert-error { background: rgba(239, 68, 68, 0.1); color: #991b1b; border-left-color: #ef4444; }
#main-body .alert-warning { background: rgba(245, 158, 11, 0.1); color: #92400e; border-left-color: #f59e0b; }
#main-body .alert-info { background: rgba(79, 70, 229, 0.08); color: #312e81; border-left-color: var(--injaz-primary); }

/* ============================================
   Buttons Enhancement - Glass
   ============================================ */
#main-body .btn {
    border-radius: var(--rounding-md);
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.25s;
}
#main-body .btn-default {
    background: rgba(255,255,255,0.7);
    border: 1px solid var(--glass-border);
    color: #374151;
    backdrop-filter: var(--glass-blur-sm);
}
#main-body .btn-default:hover {
    background: rgba(255,255,255,0.9);
    border-color: rgba(79,70,229,0.15);
    color: var(--injaz-primary);
}
#main-body .btn-success { background: var(--success); border-color: var(--success); color: #fff; }
#main-body .btn-success:hover { background: var(--success-lifted); border-color: var(--success-lifted); box-shadow: 0 4px 14px rgba(16,185,129,0.35); }
#main-body .btn-danger { background: var(--error); border-color: var(--error); color: #fff; }
#main-body .btn-danger:hover { background: #dc2626; border-color: #dc2626; box-shadow: 0 4px 14px rgba(239,68,68,0.35); }
#main-body .btn-info { background: var(--injaz-gradient); border: none; color: #fff; }
#main-body .btn-info:hover { box-shadow: var(--injaz-shadow-primary); }
#main-body .btn-group .btn { border-radius: 0; }
#main-body .btn-group .btn:first-child { border-top-left-radius: var(--rounding-md); border-bottom-left-radius: var(--rounding-md); }
#main-body .btn-group .btn:last-child { border-top-right-radius: var(--rounding-md); border-bottom-right-radius: var(--rounding-md); }

.btn-injaz-primary {
    background: var(--injaz-gradient);
    border: none;
    color: #fff;
    padding: 0.7rem 1.5rem;
    font-weight: 600;
    border-radius: var(--rounding-md);
    transition: transform 0.15s, box-shadow 0.2s;
    box-shadow: 0 2px 8px rgba(79,70,229,0.2);
}
.btn-injaz-primary:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(79,70,229,0.4);
}

/* ============================================
   Pagination - Glass
   ============================================ */
#main-body .pagination .page-item .page-link {
    border-radius: var(--rounding-md);
    border: 1px solid var(--glass-border);
    color: #4b5563;
    font-size: 0.85rem;
    padding: 0.4rem 0.75rem;
    margin: 0 2px;
    transition: all 0.15s;
    background: rgba(255,255,255,0.5);
}
#main-body .pagination .page-item .page-link:hover {
    background: rgba(79,70,229,0.08);
    border-color: rgba(79,70,229,0.2);
    color: var(--injaz-primary);
}
#main-body .pagination .page-item.active .page-link {
    background: var(--injaz-gradient);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 2px 8px rgba(79,70,229,0.3);
}
#main-body .pagination .page-item.disabled .page-link {
    background: rgba(255,255,255,0.3);
    color: #d1d5db;
}
#main-body .dataTables_wrapper .dataTables_paginate .paginate_button {
    border-radius: var(--rounding-md) !important;
    border: 1px solid var(--glass-border) !important;
    color: #4b5563 !important;
    font-size: 0.85rem;
    padding: 0.35rem 0.7rem !important;
    margin: 0 2px;
    transition: all 0.15s;
}
#main-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: rgba(79,70,229,0.08) !important;
    border-color: rgba(79,70,229,0.2) !important;
    color: var(--injaz-primary) !important;
}
#main-body .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--injaz-gradient) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* ============================================
   Breadcrumb Enhancement
   ============================================ */
.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 0.6rem;
    color: #d1d5db;
    vertical-align: middle;
}
.master-breadcrumb .breadcrumb-item a { color: #6b7280; text-decoration: none; }
.master-breadcrumb .breadcrumb-item a:hover { color: var(--injaz-primary); }
.master-breadcrumb .breadcrumb-item.active { color: #1e1b4b; font-weight: 500; }

/* ============================================
   Product Details Page
   ============================================ */
.product-status {
    padding: 1.5rem 1rem;
    border-radius: var(--rounding-lg);
    text-align: center;
}
.product-status .product-icon .fa-stack { margin-bottom: 0.75rem; }
.product-status .product-icon .fa-circle { color: var(--injaz-primary); }
.product-status .product-icon h3 { font-size: 1.15rem; font-weight: 700; color: #1e1b4b; margin: 0.5rem 0 0.25rem; }
.product-status .product-icon h4 { font-size: 0.85rem; color: #6b7280; margin: 0; }
.product-status-text { margin-top: 0.75rem; }
.product-status .product-status-text .label.status { font-size: 0.85rem; padding: 0.4rem 1rem; }
.product-actions-wrapper .btn { margin-bottom: 0.5rem; }
.product-actions-wrapper .btn-success { background: var(--injaz-gradient); border: none; }
.product-actions-wrapper .btn-success:hover { box-shadow: var(--injaz-shadow-primary); }
.product-details .col-md-6 h4 {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}

/* ============================================
   Ticket View - Glass
   ============================================ */
.view-ticket .ticket-reply {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    margin-bottom: 0.5rem;
    overflow: hidden;
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur-sm);
}
.view-ticket .ticket-reply .posted-by {
    background: rgba(79,70,229,0.03);
    padding: 0.65rem 1rem;
    font-size: 0.8rem;
    color: #6b7280;
    border-bottom: 1px solid var(--glass-border);
}
.view-ticket .ticket-reply .posted-by-name { font-weight: 600; color: #1e1b4b; }
.view-ticket .ticket-reply .posted-on { color: #9ca3af; font-size: 0.75rem; }
.view-ticket .ticket-reply .message {
    background: transparent;
    font-size: 0.9rem;
    line-height: 1.65;
    color: #374151;
}
.view-ticket .ticket-reply.staff {
    border-left: 3px solid var(--injaz-primary);
}
.view-ticket .ticket-reply.staff .posted-by {
    background: rgba(79,70,229,0.06);
}
.view-ticket .ticket-reply.staff .posted-by-name { color: var(--injaz-primary); }
.requestor-badge { padding: 0.2rem 0.6rem; border-radius: 999px; font-size: 0.7rem; font-weight: 600; }
.requestor-type-owner { background: rgba(79,70,229,0.1); color: var(--injaz-primary); }
.requestor-type-operator { background: rgba(124,58,237,0.1); color: var(--injaz-secondary); }
.requestor-type-guest { background: rgba(100,116,139,0.1); color: #4b5563; }
.view-ticket .attachments { background: rgba(79,70,229,0.02); border-top: 1px solid var(--glass-border); font-size: 0.8rem; }
.view-ticket .attachment-list { list-style: none; padding: 0; margin: 0.5rem 0 0; }
.view-ticket .attachment-list li { display: inline-block; margin-right: 0.5rem; margin-bottom: 0.25rem; }
.view-ticket .attachment-list a { color: var(--injaz-primary); text-decoration: none; }
.view-ticket .attachment-list a:hover { text-decoration: underline; }
#ticketReplyContainer .card { border-top: 3px solid var(--injaz-primary); }
#ticketReplyContainer .btn-primary { background: var(--injaz-gradient); border: none; padding: 0.6rem 2rem; }
#ticketReplyContainer .btn-primary:hover { box-shadow: var(--injaz-shadow-primary); }
.rating .star, .rating-done .star { cursor: pointer; font-size: 1.25rem; }
.rating .star.active, .rating-done .star.active { color: #f59e0b; }

/* ============================================
   Knowledgebase - Glass
   ============================================ */
.kb-search .input-group { border-radius: var(--rounding-lg); overflow: hidden; box-shadow: 0 2px 8px rgba(79,70,229,0.06); }
.kb-search .form-control { border: 1px solid var(--glass-border); font-size: 1rem; padding: 0.75rem 1rem; }
.kb-category {
    border: 1px solid var(--glass-border);
    border-radius: var(--rounding-lg);
    overflow: hidden;
    transition: border-color 0.2s, box-shadow 0.2s;
    background: var(--glass-bg);
}
.kb-category:hover { border-color: rgba(79,70,229,0.2); box-shadow: var(--injaz-shadow-glow); }
.kb-category .card-body { border-top: 3px solid var(--injaz-primary); }
.kb-category .badge-info { background: var(--injaz-gradient); border-radius: 999px; }

/* ============================================
   Announcements - Glass
   ============================================ */
.announcements .announcement {
    padding: 1.25rem 1.25rem 1.25rem 1.5rem;
    border-left: 4px solid var(--injaz-primary);
    margin-bottom: 1rem;
    border-radius: 0 var(--rounding-md) var(--rounding-md) 0;
    background: var(--glass-bg);
    backdrop-filter: var(--glass-blur-sm);
    border-top: 1px solid var(--glass-border);
    border-right: 1px solid var(--glass-border);
    border-bottom: 1px solid var(--glass-border);
    transition: box-shadow 0.2s;
}
.announcements .announcement:hover { box-shadow: var(--injaz-shadow-glow); }
.announcements .announcement .card-title { font-weight: 700; color: #1e1b4b; margin-bottom: 0.5rem; }
.announcements .announcement .text-muted { font-size: 0.8rem; }

/* ============================================
   Server Status & Badges
   ============================================ */
#main-body .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(79,70,229,0.02); }
#main-body .badge-danger { background: rgba(239,68,68,0.12); color: #dc2626; }
#main-body .badge-warning { background: rgba(245,158,11,0.12); color: #b45309; }
#main-body .badge-success { background: rgba(16,185,129,0.12); color: #059669; }
#main-body .badge-info { background: rgba(79,70,229,0.12); color: var(--injaz-primary); }

/* ============================================
   Invoice Page
   ============================================ */
.invoice-container { max-width: 900px; margin: 2rem auto; padding: 2rem; }
.invoice-container .invoice-header { margin-bottom: 1rem; }
.invoice-container .invoice-status span { display: inline-block; padding: 0.5rem 1.25rem; border-radius: 999px; font-size: 0.9rem; font-weight: 700; }
.invoice-container .invoice-status .paid { background: rgba(16,185,129,0.12); color: #059669; }
.invoice-container .invoice-status .unpaid { background: rgba(239,68,68,0.12); color: #dc2626; }
.invoice-container .invoice-status .draft { background: rgba(100,116,139,0.12); color: #475569; }
.invoice-container .invoice-status .cancelled { background: rgba(100,116,139,0.12); color: #475569; }
.invoice-container .invoice-status .refunded { background: rgba(124,58,237,0.12); color: #7c3aed; }
.invoice-container .invoice-status .collections { background: rgba(245,158,11,0.12); color: #b45309; }
.invoice-container .card {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg);
    box-shadow: 0 2px 12px rgba(79,70,229,0.06);
    overflow: hidden;
}
.invoice-container .card-header { background: rgba(79,70,229,0.04); padding: 0.85rem 1.25rem; }
.invoice-container .bg-info { background: var(--injaz-gradient) !important; }
.invoice-container .total-row { background: rgba(79,70,229,0.04); font-weight: 600; }
.invoice-container .btn-success { background: var(--injaz-gradient); border: none; }
.invoice-container .btn-success:hover { box-shadow: var(--injaz-shadow-primary); }

/* ============================================
   Modal Enhancement - Glass
   ============================================ */
.modal .modal-content {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg-strong);
    backdrop-filter: var(--glass-blur);
    box-shadow: 0 20px 60px rgba(79,70,229,0.12);
}
.modal .modal-header { background: rgba(79,70,229,0.04); border-bottom: 1px solid var(--glass-border); padding: 1rem 1.5rem; }
.modal .modal-title { font-weight: 700; font-size: 1rem; color: #1e1b4b; }
.modal .modal-body { padding: 1.5rem; }
.modal .modal-footer { background: rgba(79,70,229,0.02); border-top: 1px solid var(--glass-border); padding: 0.75rem 1.5rem; }
.modal .modal-footer .btn-primary.modal-submit { background: var(--injaz-gradient); border: none; }

/* ============================================
   Dropdown menus - Glass
   ============================================ */
.dropdown-menu {
    border-radius: var(--rounding-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass-bg-strong);
    backdrop-filter: var(--glass-blur);
    box-shadow: 0 10px 40px rgba(79,70,229,0.1);
    padding: 0.5rem;
}
.dropdown-menu .dropdown-item {
    border-radius: var(--rounding-md);
    font-size: 0.85rem;
    padding: 0.5rem 0.75rem;
    color: #374151;
    transition: background 0.15s;
}
.dropdown-menu .dropdown-item:hover { background: rgba(79,70,229,0.08); color: var(--injaz-primary); }
.dropdown-menu .dropdown-item.active { background: var(--injaz-gradient); color: #fff; }

/* ============================================
   Page Headers
   ============================================ */
.injaz-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.injaz-page-header h2 {
    font-size: 1.35rem;
    font-weight: 800;
    color: #1e1b4b;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.injaz-page-header h2 i { color: var(--injaz-primary); font-size: 1.15rem; }
.injaz-page-header .injaz-page-actions { display: flex; gap: 0.5rem; }
.injaz-page-header .btn-injaz-primary { padding: 0.5rem 1.25rem; font-size: 0.85rem; }

/* ============================================
   Support Ticket Steps - Glass
   ============================================ */
.injaz-step-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 1.5rem;
}
.injaz-step {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #9ca3af;
    padding: 0.5rem 1rem;
}
.injaz-step.active { color: var(--injaz-primary); }
.injaz-step .step-num {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(79,70,229,0.08);
    color: #6b7280;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
}
.injaz-step.active .step-num {
    background: var(--injaz-gradient);
    color: #fff;
    box-shadow: 0 2px 8px rgba(79,70,229,0.3);
}
.injaz-step-line { width: 40px; height: 2px; background: rgba(79,70,229,0.1); }

/* ============================================
   Error pages
   ============================================ */
.injaz-error-page { text-align: center; padding: 4rem 1rem; }
.injaz-error-page .error-icon { font-size: 4rem; color: var(--injaz-primary); margin-bottom: 1.5rem; opacity: 0.6; }
.injaz-error-page h1 { font-size: 1.75rem; font-weight: 800; color: #1e1b4b; margin-bottom: 0.75rem; }
.injaz-error-page p { color: #6b7280; font-size: 1rem; margin-bottom: 1.5rem; }

/* ============================================
   Password reset / Auth pages - Glass
   ============================================ */
.injaz-auth-page {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    background: #0c0a1d;
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -1rem;
    overflow: hidden;
}
.injaz-auth-page::before {
    content: '';
    position: absolute;
    top: -20%;
    left: 20%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(79,70,229,0.25) 0%, transparent 70%);
    pointer-events: none;
}
.injaz-auth-page .card {
    position: relative;
    z-index: 1;
    max-width: 480px;
    width: 100%;
    border: 1px solid rgba(255,255,255,0.1) !important;
    background: rgba(255,255,255,0.06) !important;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    border-radius: 1.5rem !important;
}
.injaz-auth-page .card-body { padding: 2rem 2.25rem; }
.injaz-auth-page .card .btn-primary { background: var(--injaz-gradient); border: none; }
.injaz-auth-page .card label { color: rgba(255,255,255,0.6); }
.injaz-auth-page .card .form-control {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.12);
    color: #fff;
}
.injaz-auth-page .card .form-control:focus {
    border-color: rgba(79,70,229,0.5);
    box-shadow: 0 0 0 3px rgba(79,70,229,0.15);
}
.injaz-auth-page .card .h3, .injaz-auth-page .card h3 { color: #fff; }
.injaz-auth-page .card .text-muted { color: rgba(255,255,255,0.5) !important; }
.injaz-auth-page .card a { color: var(--injaz-accent); }

/* ============================================
   Store overrides
   ============================================ */
.store-landing .btn-primary { background: var(--injaz-gradient) !important; border: none !important; }
.store-landing .btn-outline-primary { color: var(--injaz-primary) !important; border-color: var(--injaz-primary) !important; }
.store-landing .btn-outline-primary:hover { background: var(--injaz-primary) !important; color: #fff !important; }

/* Domain search */
#order-standard_cart .domain-checker-container,
.domain-search-container,
.domain-checker-container { border-radius: var(--rounding-lg); overflow: hidden; }

/* Domain pricing table */
.domain-pricing .table thead th {
    background: var(--injaz-gradient);
    color: #fff;
    font-weight: 600;
    border: none;
}

/* ============================================
   Global Polish
   ============================================ */
a { color: var(--injaz-primary); transition: color 0.15s; }
a:hover { color: var(--injaz-primary-hover); }
:focus-visible { outline: 2px solid var(--injaz-primary); outline-offset: 2px; }

.card {
    border-radius: var(--rounding-lg);
    border-color: var(--glass-border);
    transition: box-shadow 0.2s;
}

.badge { border-radius: 50rem; font-weight: 600; font-size: 0.75rem; padding: 0.3em 0.65em; }
.badge-info, .badge-primary { background: var(--injaz-gradient); }
.badge-success { background: #10b981; }

.btn-injaz-cta {
    background: var(--injaz-gradient);
    color: #fff;
    border: none;
    border-radius: var(--rounding-lg);
    padding: 0.75rem 2rem;
    font-weight: 700;
    font-size: 0.95rem;
    box-shadow: 0 4px 15px rgba(79,70,229,0.3);
    transition: transform 0.15s, box-shadow 0.15s;
}
.btn-injaz-cta:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 25px rgba(79,70,229,0.45);
}

.modal-content { border-radius: var(--rounding-lg); border: none; box-shadow: 0 20px 60px rgba(79,70,229,0.12); }
.modal-header { border-bottom-color: var(--glass-border); padding: 1rem 1.5rem; }
.modal-header .close { font-size: 1.5rem; }
.modal-footer { border-top-color: var(--glass-border); padding: 0.75rem 1.5rem; }
.modal-title { font-weight: 700; }

.tooltip-inner { border-radius: var(--rounding-md); font-size: 0.8rem; padding: 0.4rem 0.75rem; }

.progress { border-radius: 50rem; height: 8px; background: rgba(79,70,229,0.08); }
.progress-bar { border-radius: 50rem; }
.progress-bar.bg-success, .progress-bar.bg-striped { background: var(--injaz-gradient) !important; }

.pagination .page-link {
    border-color: var(--glass-border);
    color: #4b5563;
    border-radius: var(--rounding-md) !important;
    margin: 0 2px;
    font-size: 0.85rem;
}
.pagination .page-item.active .page-link { background: var(--injaz-gradient); border-color: transparent; }
.pagination .page-link:hover { background: rgba(79,70,229,0.08); color: var(--injaz-primary); border-color: rgba(79,70,229,0.2); }

.client-home-cards .card { margin-bottom: 1rem; }
.client-home-cards .list-group-item { border-color: var(--glass-border); font-size: 0.85rem; padding: 0.75rem 1rem; transition: background 0.15s; }
.client-home-cards .list-group-item:hover { background: rgba(79,70,229,0.04); }
.client-home-cards .badge { background: var(--injaz-gradient); color: #fff; }

.tiles .tile { border-radius: var(--rounding-lg); transition: transform 0.15s, box-shadow 0.15s; }
.tiles .tile:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(79,70,229,0.1); }
.tiles .tile .stat { font-weight: 800; font-size: 1.5rem; }
.tiles .tile .highlight { border-radius: 0 0 var(--rounding-lg) var(--rounding-lg); }

.product-details .col-md-6 h4 {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #9ca3af;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 0.25rem;
}
.product-actions-wrapper .col-12 { margin-bottom: 0.5rem; }
.product-actions-wrapper .btn { border-radius: var(--rounding-md); font-weight: 600; font-size: 0.85rem; }

.invite-box { border: 1px solid var(--glass-border); border-radius: var(--rounding-lg); padding: 1.5rem; height: 100%; }
.invite-box h2 { font-size: 1.1rem; font-weight: 700; margin-bottom: 1rem; }

.extra-padding { padding: 2rem; }

/* ============================================
   Responsive adjustments
   ============================================ */
@media (max-width: 768px) {
    .injaz-dashboard-welcome { padding: 1.25rem; }
    .injaz-dashboard-welcome h2 { font-size: 1.1rem; }
    #main-body .table tbody td { font-size: 0.8rem; padding: 0.5rem 0.75rem; }
    #main-body .nav-tabs .nav-link { font-size: 0.8rem; padding: 0.6rem 0.75rem; }
    .view-ticket .ticket-reply .posted-by { font-size: 0.75rem; }
}

@media (max-width: 575.98px) {
    .injaz-page-header { flex-direction: column; align-items: flex-start; }
    .injaz-page-header h2 { font-size: 1.1rem; }
    .injaz-auth-page { padding: 1.5rem 0.75rem; }
    .injaz-auth-page .card-body { padding: 1.5rem; }
    .injaz-step-indicator { flex-wrap: wrap; gap: 0.25rem; }
    .injaz-step { font-size: 0.75rem; padding: 0.3rem 0.5rem; }
    .injaz-step-line { width: 20px; }
    .injaz-error-page { padding: 2rem 0.5rem; }
    .injaz-error-page h1 { font-size: 1.35rem; }
}

@media (max-width: 767.98px) {
    .injaz-dashboard-welcome { padding: 1.25rem 1rem; }
    .injaz-dashboard-welcome h2 { font-size: 1.1rem; }
}

/* ============================================
   RTL (Arabic) Support
   ============================================ */
body.injaz-rtl,
html[dir="rtl"] body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

html[dir="rtl"] .injaz-header .navbar-nav {
    padding-right: 0;
}
html[dir="rtl"] .injaz-header .navbar-brand {
    margin-left: auto;
    margin-right: 0;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 0.65rem;
    padding: 0 0.5rem;
}
html[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}

html[dir="rtl"] .sidebar {
    border-left: 1px solid var(--glass-border);
    border-right: none;
}
html[dir="rtl"] .sidebar .list-group-item {
    text-align: right;
    padding-right: 1.25rem;
    padding-left: 0.75rem;
}
html[dir="rtl"] .sidebar .list-group-item i,
html[dir="rtl"] .sidebar .list-group-item .fas,
html[dir="rtl"] .sidebar .list-group-item .far {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .injaz-page-header {
    flex-direction: row-reverse;
}
html[dir="rtl"] .injaz-page-header .breadcrumb {
    justify-content: flex-end;
}

html[dir="rtl"] .pull-right,
html[dir="rtl"] .float-right {
    float: left !important;
}
html[dir="rtl"] .pull-left,
html[dir="rtl"] .float-left {
    float: right !important;
}
html[dir="rtl"] .text-left {
    text-align: right !important;
}
html[dir="rtl"] .text-right {
    text-align: left !important;
}

html[dir="rtl"] .alert {
    border-left: none;
    border-right: 4px solid transparent;
}
html[dir="rtl"] .alert-success { border-right-color: #10b981; }
html[dir="rtl"] .alert-danger  { border-right-color: #ef4444; }
html[dir="rtl"] .alert-info    { border-right-color: #4f46e5; }
html[dir="rtl"] .alert-warning { border-right-color: #f59e0b; }

html[dir="rtl"] .table th,
html[dir="rtl"] .table td {
    text-align: right;
}

html[dir="rtl"] .btn i.fas,
html[dir="rtl"] .btn i.far,
html[dir="rtl"] .btn i.fa {
    margin-left: 0.35rem;
    margin-right: 0;
}
html[dir="rtl"] .btn i.fa-arrow-circle-right::before { content: "\f0a8"; }
html[dir="rtl"] .btn i.fa-chevron-right::before { content: "\f053"; }
html[dir="rtl"] .btn i.fa-chevron-left::before { content: "\f054"; }

html[dir="rtl"] .input-group .form-control {
    border-radius: 0 0.75rem 0.75rem 0;
}
html[dir="rtl"] .input-group-append .btn,
html[dir="rtl"] .input-group-append .input-group-text {
    border-radius: 0.75rem 0 0 0.75rem;
}
html[dir="rtl"] .input-group-prepend .btn,
html[dir="rtl"] .input-group-prepend .input-group-text {
    border-radius: 0 0.75rem 0.75rem 0;
}

html[dir="rtl"] .modal-header .close,
html[dir="rtl"] .modal-header .btn-close {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .dropdown-menu {
    text-align: right;
}

html[dir="rtl"] .injaz-footer-nav a {
    margin-left: 1.5rem;
    margin-right: 0;
}

html[dir="rtl"] .injaz-step-line { transform: scaleX(-1); }

html[dir="rtl"] .injaz-dashboard-welcome .fa-hand-wave,
html[dir="rtl"] .injaz-dashboard-welcome .fa-hand-sparkles {
    margin-left: 0.5rem;
    margin-right: 0;
}

html[dir="rtl"] .form-group label {
    text-align: right;
}

html[dir="rtl"] .pagination {
    direction: ltr;
}

html[dir="rtl"] .iti { direction: ltr; }
html[dir="rtl"] .iti .iti__selected-flag { border-radius: 0 0.75rem 0.75rem 0; }

/* ============================================
   LTR (English) Support
   ============================================ */
body.injaz-ltr,
html[dir="ltr"] body {
    direction: ltr;
    text-align: left;
    font-family: 'Inter', 'Cairo', 'Segoe UI', Tahoma, sans-serif;
}

/* ============================================
   Additional Responsive - Tablet
   ============================================ */
@media (min-width: 768px) and (max-width: 991.98px) {
    .injaz-header .navbar-brand img { max-height: 36px; }
    .injaz-dashboard-welcome h2 { font-size: 1.15rem; }
    #main-body .table { font-size: 0.85rem; }
    #main-body .table th,
    #main-body .table td { padding: 0.6rem 0.75rem; }
    .injaz-page-header h2 { font-size: 1.2rem; }
    .sidebar { margin-bottom: 1.5rem; }
    .sidebar .list-group-item { padding: 0.6rem 1rem; font-size: 0.85rem; }
}

/* ============================================
   Additional Responsive - Mobile
   ============================================ */
@media (max-width: 767.98px) {
    .injaz-header .container { padding: 0 0.75rem; }
    .injaz-header .navbar-brand img { max-height: 32px; }
    .injaz-header .navbar-nav .nav-link { padding: 0.6rem 0.5rem; font-size: 0.85rem; }

    .sidebar { margin-bottom: 1rem; border-radius: 0.75rem; }
    .sidebar .list-group-item { padding: 0.55rem 0.85rem; font-size: 0.82rem; }

    .injaz-dashboard-welcome { padding: 1rem 0.85rem; border-radius: 0.75rem; }
    .injaz-dashboard-welcome h2 { font-size: 1rem; }
    .injaz-dashboard-welcome p { font-size: 0.82rem; }

    #main-body .card,
    #main-body .panel { border-radius: 0.75rem; }
    #main-body .card-body,
    #main-body .panel-body { padding: 1rem; }

    #main-body .table { font-size: 0.78rem; }
    #main-body .table th,
    #main-body .table td { padding: 0.45rem 0.6rem; }

    .btn { font-size: 0.82rem; padding: 0.45rem 0.85rem; }
    .btn-sm { font-size: 0.75rem; padding: 0.3rem 0.6rem; }

    .form-control { font-size: 0.85rem; padding: 0.5rem 0.75rem; }

    .injaz-footer { padding: 1.5rem 0.75rem; }
    .injaz-footer-brand img { max-height: 28px; }
}

@media (max-width: 575.98px) {
    .container { padding-left: 0.75rem; padding-right: 0.75rem; }

    .injaz-header .navbar-toggler {
        padding: 0.35rem 0.5rem;
        font-size: 1rem;
    }

    .injaz-page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 0.75rem 0;
    }
    .injaz-page-header h2 { font-size: 1rem; }

    #main-body .table-responsive { border-radius: 0.75rem; }

    .modal-dialog { margin: 0.5rem; }
    .modal-content { border-radius: 0.75rem; }
    .modal-header { padding: 0.85rem 1rem; }
    .modal-body { padding: 1rem; }
    .modal-footer { padding: 0.85rem 1rem; }

    .injaz-auth-page { padding: 1rem 0.5rem; }
    .injaz-auth-page .card { border-radius: 0.75rem; }
    .injaz-auth-page .card-body { padding: 1.25rem; }

    .injaz-step-indicator { flex-wrap: wrap; gap: 0.2rem; }
    .injaz-step { font-size: 0.7rem; padding: 0.25rem 0.4rem; }
    .injaz-step-line { width: 16px; }

    .injaz-error-page { padding: 1.5rem 0.5rem; }
    .injaz-error-page h1 { font-size: 1.2rem; }
}

/* ============================================
   RTL + Mobile combined
   ============================================ */
@media (max-width: 767.98px) {
    html[dir="rtl"] .injaz-page-header { flex-direction: column; align-items: flex-end; }
    html[dir="rtl"] .injaz-footer-main-row { text-align: center; }
    html[dir="rtl"] .injaz-footer-nav a { margin: 0 0.5rem; }
}

/* Print styling */
@media print {
    .injaz-page-header, .injaz-dashboard-welcome, .injaz-header, .injaz-footer, .sidebar { display: none !important; }
}

/* Accessibility: reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
    html { scroll-behavior: auto; }
}