/* ============================================================
   ثيم الهوية السعودية 🇸🇦 - تم التوليد تلقائياً
   ACTIVE_THEME: green
   ============================================================ */
:root {
    --primary: #005c2d !important;
    --primary-light: #0d773e !important;
    --accent: #0e8548 !important;
    --accent-hover: #0b6938 !important;
    --k-primary: #005c2d !important;
    --k-primary-light: #0d773e !important;
    --k-accent: #0e8548 !important;
    --theme-navy: #022b15 !important;
    --theme-navy2: #005c2d !important;
    --theme-navy3: #0d773e !important;
    --theme-gold: #0e8548 !important;
    --theme-rgb: 0, 92, 45 !important;
    --theme-soft-bg: rgba(0, 92, 45, 0.06) !important;
    --theme-soft-bg-hover: rgba(0, 92, 45, 0.12) !important;
}

.btn-primary,
.btn-submit-quick,
button.btn-primary,
input[type='submit'].btn-primary {
    background-color: #005c2d !important;
    background-image: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
    border-color: #005c2d !important;
    color: #ffffff !important;
}
.btn-primary:hover,
.btn-submit-quick:hover {
    background-image: linear-gradient(135deg, #0d773e 0%, #0e8548 100%) !important;
    border-color: #0d773e !important;
    box-shadow: 0 4px 15px rgba(0, 92, 45, 0.35) !important;
    color: #ffffff !important;
}

.table thead th {
    background-color: #005c2d !important;
    background-image: linear-gradient(135deg, #004d26 0%, #005c2d 100%) !important;
    color: #ffffff !important;
    border: none !important;
}

.navbar-modern,
.admin-navbar,
.kiosk-header {
    background: linear-gradient(135deg, #022b15 0%, #005c2d 55%, #0d773e 100%) !important;
    border-bottom-color: #0e8548 !important;
}

.hero-banner,
.sm-hero {
    background: linear-gradient(135deg, #022b15 0%, #005c2d 55%, #0d773e 100%) !important;
}

.admin-sidebar .sidebar-menu .menu-item > a:hover,
.admin-sidebar .sidebar-menu .menu-item > .menu-item-wrapper > a:hover {
    background: rgba(0, 92, 45, 0.08) !important;
    color: #005c2d !important;
}

.admin-sidebar .sidebar-menu .menu-item.active > a,
.admin-sidebar .sidebar-menu .menu-item.active > .menu-item-wrapper > a {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(0, 92, 45, 0.25) !important;
}
.admin-sidebar .sidebar-menu .menu-item.active > a i,
.admin-sidebar .sidebar-menu .menu-item.active > .menu-item-wrapper > a i {
    color: #6ee7b7 !important;
}
.admin-sidebar .sidebar-menu .menu-item.active .menu-badge {
    background: #ffffff !important;
    color: #005c2d !important;
}

.sd-tab-wrap {
    background: rgba(0, 92, 45, 0.06) !important;
    border-color: rgba(0, 92, 45, 0.2) !important;
}
.sd-tab-header {
    background: rgba(0, 92, 45, 0.12) !important;
    border-bottom-color: rgba(0, 92, 45, 0.15) !important;
}
.sd-tab-header:hover {
    background: rgba(0, 92, 45, 0.16) !important;
}
.sd-tab-title {
    color: #005c2d !important;
}
.sd-tab-toggle {
    background: rgba(255, 255, 255, 0.85) !important;
    border-color: rgba(0, 92, 45, 0.2) !important;
    color: #005c2d !important;
}
.sd-tab-toggle:hover {
    background: #005c2d !important;
    color: #ffffff !important;
    border-color: #005c2d !important;
}

.menu-item-wrapper .submenu-toggle:hover {
    background: rgba(0, 92, 45, 0.12) !important;
    color: #005c2d !important;
}
.sidebar-menu .submenu {
    background: rgba(0, 92, 45, 0.06) !important;
}

.notif-modal .modal-header {
    background: linear-gradient(135deg, #022b15 0%, #005c2d 55%, #0d773e 100%) !important;
}
.notif-tab.active {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
    color: #ffffff !important;
}
.notif-tab:not(.active) .count {
    background: rgba(0, 92, 45, 0.15) !important;
    color: #005c2d !important;
}
.notif-link-btn {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
    color: #ffffff !important;
}
.notif-item.unread {
    background: rgba(0, 92, 45, 0.03) !important;
}
.notif-item.unread::before {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
}

.status-badge.approved,
.alert-success,
.badge-leader-yes {
    background-color: #e6f6ee !important;
    color: #005c2d !important;
    border: 1px solid #b7ebd0 !important;
}

.section-card,
.authority-item {
    border-right-color: #005c2d !important;
}

.order-badge.section-order,
.item-icon,
.kec-time {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
}

.text-primary,
.settings-section .section-title i {
    color: #005c2d !important;
}

.bg-primary {
    background-color: #005c2d !important;
}

body.dark-mode {
    --theme-soft-bg: rgba(52, 211, 153, 0.08) !important;
}
body.dark-mode .sd-tab-wrap {
    background: #1a2544 !important;
    border-color: #334155 !important;
}
body.dark-mode .sd-tab-header {
    background: linear-gradient(90deg, #1f2a52, #1a2544) !important;
    border-bottom-color: #334155 !important;
}
body.dark-mode .sd-tab-title {
    color: #6ee7b7 !important;
}
body.dark-mode .sd-tab-toggle {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: #334155 !important;
    color: #6ee7b7 !important;
}
body.dark-mode .sd-tab-toggle:hover {
    background: #005c2d !important;
    color: #ffffff !important;
    border-color: #005c2d !important;
}

.navbar-custom {
    background: linear-gradient(135deg, #022b15 0%, #005c2d 55%, #0d773e 100%) !important;
    border-bottom-color: #0e8548 !important;
    box-shadow: 0 2px 20px rgba(0, 92, 45, 0.15) !important;
}
.navbar-custom .brand i,
.hero-date-badge i {
    color: #0e8548 !important;
}
.hero-section {
    background: linear-gradient(135deg, #022b15 0%, #005c2d 55%, #0d773e 100%) !important;
    box-shadow: 0 20px 60px rgba(0, 92, 45, 0.3) !important;
}
.hero-section::before {
    background: radial-gradient(circle, rgba(0, 92, 45, 0.15) 0%, rgba(255,255,255,0) 70%) !important;
}
.footer-custom {
    background: #022b15 !important;
    border-top-color: #0e8548 !important;
}
.directory-info {
    border-right-color: #005c2d !important;
}
.directory-row .dir-label i {
    color: #005c2d !important;
}
.btn-copy:hover {
    background: #005c2d !important;
    border-color: #005c2d !important;
}
.widget-action-btn.add {
    background: rgba(0, 92, 45, 0.1) !important;
    color: #005c2d !important;
    border-color: rgba(0, 92, 45, 0.3) !important;
}
.widget-action-btn.add:hover {
    background: #005c2d !important;
    color: #ffffff !important;
    border-color: #005c2d !important;
}
.widget-modal.add-modal .modal-header,
.modal-submit-btn.primary {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
    color: #ffffff !important;
}
.modal-submit-btn.primary:hover {
    background: linear-gradient(135deg, #0d773e 0%, #0e8548 100%) !important;
}
.form-control-custom:focus,
.form-control-modal:focus {
    border-color: #005c2d !important;
    box-shadow: 0 0 0 3px rgba(0, 92, 45, 0.12) !important;
}

.scope-banner {
    background: linear-gradient(135deg, #005c2d 0%, #0e8548 100%) !important;
    box-shadow: 0 6px 20px rgba(0, 92, 45, 0.25) !important;
}
.gauge-card:hover,
.stats-card:hover {
    box-shadow: 0 12px 30px rgba(0, 92, 45, 0.08) !important;
    border-color: #005c2d !important;
}
.dashboard-table thead th {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
    color: #ffffff !important;
}
.dash-badge-primary {
    background: rgba(0, 92, 45, 0.1) !important;
    color: #005c2d !important;
}
.btn-dash-primary {
    background: linear-gradient(135deg, #005c2d 0%, #0d773e 100%) !important;
    border: none !important;
    color: #fff !important;
}
.btn-dash-primary:hover {
    box-shadow: 0 8px 20px rgba(0, 92, 45, 0.25) !important;
    color: #fff !important;
}
.btn-dash-outline {
    border: 1.5px solid #005c2d !important;
    color: #005c2d !important;
    background: transparent !important;
}
.btn-dash-outline:hover {
    background: #005c2d !important;
    color: #fff !important;
}
.text-theme-primary {
    color: #005c2d !important;
}
.section-title-dash,
.section-title-dash i {
    color: #005c2d !important;
}