/* ============================================
   ZIYAD PROPERTY CONSULTANTS
   Complete Theme — Lime Green & Grey
   Primary:    #7CB518 (lime green)
   Sidebar:    #2B2D2B (dark charcoal)
   Background: #F5F5F3 (off-white)
   Version:    1.0
   ============================================ */

/* ============================================
   ZIYAD PROPERTY CONSULTANTS - LIME GREEN THEME
   color6.css — override file
   Primary: #7CB518 (lime green)
   Sidebar: #2B2D2B (dark charcoal)
   Background: #F5F5F3 (off-white)
   Generated for staging.ziyad.my
   ============================================ */

/* --- BASE LINKS --- */
a {
    color: #7CB518;
}
a:hover {
    color: #4A7009;
}

/* --- PRIMARY BACKGROUND --- */
.bg-primary {
    background: #7CB518 !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover, button.bg-primary:focus {
    background-color: #4A7009 !important;
}

/* --- GRADIENT BACKGROUNDS --- */
.bg-primary-gradient {
    background: linear-gradient(to right, #7CB518 0%, #AACE3A 100%) !important;
}
a.bg-primary-gradient:hover, a.bg-primary-gradient:focus,
button.bg-primary-gradient:hover, button.bg-primary-gradient:focus {
    background: linear-gradient(to right, #4A7009 0%, #7CB518 100%) !important;
}

/* --- TEXT PRIMARY --- */
.text-primary {
    color: #7CB518 !important;
}
a.text-primary:hover, a.text-primary:focus {
    color: #4A7009 !important;
}

/* --- BORDER PRIMARY --- */
.border-primary {
    border-color: #7CB518 !important;
}

/* --- BUTTONS --- */
.btn-primary {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #4A7009 !important;
    border-color: #4A7009 !important;
    color: #ffffff !important;
}
.btn-primary.disabled, .btn-primary[disabled],
fieldset[disabled] .btn-primary {
    background-color: #AACE3A !important;
    border-color: #AACE3A !important;
}
.btn-outline-primary {
    color: #7CB518 !important;
    border-color: #7CB518 !important;
    background: transparent !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- NAVBAR / HEADER --- */
.main-header,
.navbar,
.navbar-default {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E2E2DE !important;
}
.navbar-brand,
.main-header .logo {
    background-color: #2B2D2B !important;
    color: #7CB518 !important;
}

/* --- SIDEBAR --- */
.main-sidebar,
.left-side,
.sidebar-wrapper,
.app-sidebar {
    background-color: #2B2D2B !important;
}
.sidebar-menu > li > a,
.sidebar a,
.nav-sidebar > li > a {
    color: #B8BDB8 !important;
}
.sidebar-menu > li > a:hover,
.sidebar-menu > li:hover > a,
.nav-sidebar > li > a:hover {
    background-color: #3A3D3A !important;
    color: #ffffff !important;
}
.sidebar-menu > li.active > a,
.nav-sidebar > li.active > a,
.sidebar-menu > li.menu-open > a {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
    font-weight: 500 !important;
}
.sidebar-menu > li.active > a:hover {
    background-color: #4A7009 !important;
    color: #ffffff !important;
}
.sidebar-menu .treeview-menu > li > a,
.sidebar .treeview-menu > li > a {
    color: #9A9D9A !important;
}
.sidebar-menu .treeview-menu > li > a:hover,
.sidebar-menu .treeview-menu > li.active > a {
    color: #7CB518 !important;
}
.sidebar-menu .treeview-menu {
    background-color: #232523 !important;
}

/* --- SIDEBAR USER PANEL --- */
.user-panel,
.sidebar .user-panel {
    border-bottom: 1px solid #3A3D3A !important;
}
.user-panel .info a,
.sidebar .user-panel .info a {
    color: #B8BDB8 !important;
}

/* --- PAGE BACKGROUND --- */
.wrapper,
.content-wrapper,
body {
    background-color: #F5F5F3 !important;
}
.content-wrapper {
    background-color: #F5F5F3 !important;
}

/* --- CONTENT HEADER / BREADCRUMB --- */
.content-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #E2E2DE !important;
}
.breadcrumb > .active,
.breadcrumb a {
    color: #7CB518 !important;
}

/* --- CARDS / BOXES --- */
.box,
.card {
    background-color: #ffffff !important;
    border: 0.5px solid #E2E2DE !important;
    border-radius: 10px !important;
}
.box-primary,
.card-primary {
    border-top-color: #7CB518 !important;
}
.box-header.with-border,
.card-header {
    border-bottom: 1px solid #E2E2DE !important;
}
.box.box-primary > .box-header,
.card.card-primary > .card-header {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- PROGRESS BARS --- */
.progress-bar,
.progress-bar-primary {
    background-color: #7CB518 !important;
}

/* --- LABELS & BADGES --- */
.label-primary,
.badge-primary {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- ALERTS --- */
.alert-primary {
    background-color: #EEF5D6 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- FORM CONTROLS --- */
.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: #7CB518 !important;
    box-shadow: 0 0 0 0.15rem rgba(124, 181, 24, 0.2) !important;
    outline: none !important;
}

/* --- TABLES --- */
.table > thead > tr > th {
    background-color: #F5F5F3 !important;
    border-bottom: 2px solid #E2E2DE !important;
    color: #6B6B68 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #FAFAF8 !important;
}
.table > tbody > tr:hover {
    background-color: #EEF5D6 !important;
}

/* --- PAGINATION --- */
.pagination > li > a,
.pagination > li > span {
    color: #7CB518 !important;
    border-color: #E2E2DE !important;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- NAV TABS --- */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #7CB518 !important;
    border-bottom-color: #7CB518 !important;
}
.nav-tabs > li > a:hover {
    color: #7CB518 !important;
}

/* --- CHECKBOXES & RADIO --- */
.icheckbox_square-purple.checked,
.icheckbox_square-purple.indeterminate,
.iradio_square-purple.checked {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
}

/* --- CALENDAR --- */
.fc-button-primary,
.fc .fc-button-primary {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.fc-button-primary:hover,
.fc .fc-button-primary:hover {
    background-color: #4A7009 !important;
    border-color: #4A7009 !important;
}
.fc-today,
.fc .fc-daygrid-day.fc-day-today {
    background-color: #EEF5D6 !important;
}

/* --- LOGIN PAGE --- */
.login-page,
.register-page {
    background-color: #2B2D2B !important;
}
.login-box-body,
.register-box-body {
    background-color: #ffffff !important;
    border-radius: 12px !important;
}
.login-box-body .btn-primary {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
    font-weight: 500 !important;
}

/* --- SCROLLBAR --- */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background: #F5F5F3;
}
::-webkit-scrollbar-thumb {
    background: #AACE3A;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #7CB518;
}

/* --- MISC UTILITY --- */
.bg-lime { background-color: #7CB518 !important; }
.text-lime { color: #7CB518 !important; }
.border-lime { border-color: #7CB518 !important; }
.bg-lime-light { background-color: #EEF5D6 !important; }

/* ============================================
   ZIYAD THEME PATCH — fixes remaining purple elements
   Upload to /public/assets/colors/
   Add AFTER color6.css in head.blade.php
   ============================================ */

/* --- PROGRESS BARS (inline style overrides) --- */
.progress-bar {
    background-color: #7CB518 !important;
}
.progress-bar-primary {
    background-color: #7CB518 !important;
}
/* Target all progress bars regardless of class */
div[style*="background-color: rgb(84, 37, 202)"],
div[style*="background-color:#5425ca"],
div[style*="background: rgb(84, 37, 202)"] {
    background-color: #7CB518 !important;
}
/* Bootstrap progress bars */
.progress .progress-bar {
    background-color: #7CB518 !important;
}

/* --- SIDEBAR ACTIVE STATE --- */
.sidebar-menu li.active > a,
.sidebar-menu li.active > a:hover,
.sidebar-menu li.active > a:focus,
.nav-sidebar li.active > a,
.left-side .sidebar-menu li.active a,
.main-sidebar .sidebar-menu li.active > a {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
    border-left: 3px solid #4A7009 !important;
}

/* --- SIDEBAR TREEVIEW OPEN --- */
.sidebar-menu .treeview.active > a,
.sidebar-menu .treeview.menu-open > a {
    background-color: #3A3D3A !important;
    color: #7CB518 !important;
}

/* --- ANY REMAINING PURPLE/VIOLET --- */
* {
    --primary: #7CB518 !important;
}
:root {
    --primary: #7CB518 !important;
    --primary-color: #7CB518 !important;
}

/* Target specific purple hex values used by this theme */
[style*="#5e2dd8"],
[style*="#5425ca"],
[style*="rgb(94, 45, 216)"],
[style*="rgb(84, 37, 202)"] {
    color: #7CB518 !important;
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
}

/* --- DASHBOARD KPI PROGRESS BARS specifically --- */
.info-box .progress .progress-bar,
.small-box .progress .progress-bar,
.card .progress .progress-bar,
.box .progress .progress-bar {
    background-color: #7CB518 !important;
}

/* --- ORANGE ICONS ON BOTTOM CARDS --- */
.info-box-icon,
.small-box-icon {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.info-box .info-box-icon {
    background-color: #EEF5D6 !important;
    color: #7CB518 !important;
}

/* --- ANY BOOTSTRAP PRIMARY VARIABLES --- */
.text-purple { color: #7CB518 !important; }
.bg-purple { background-color: #7CB518 !important; }
.border-purple { border-color: #7CB518 !important; }

/* --- NAV PILLS --- */
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- SELECT2 DROPDOWNS --- */
.select2-container--default .select2-results__option--highlighted {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #7CB518 !important;
}

/* --- DATEPICKER --- */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.datepicker table tr td.today {
    background-color: #EEF5D6 !important;
    color: #2E4A04 !important;
}

/* --- MODAL HEADERS --- */
.modal-header {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
    border-radius: 6px 6px 0 0 !important;
}

/* --- SWEETALERT CONFIRM BUTTON --- */
.swal2-confirm {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- TOASTR NOTIFICATIONS --- */
.toast-success {
    background-color: #7CB518 !important;
}

/* --- ICHECK PURPLE TO GREEN --- */
.icheckbox_square-purple,
.iradio_square-purple {
    border-color: #7CB518 !important;
}
.icheckbox_square-purple.checked,
.iradio_square-purple.checked {
    background-color: #7CB518 !important;
    border-color: #4A7009 !important;
}

/* ============================================
   ZIYAD THEME FIX 2 — targeted purple removal
   Philosophy: lime green for actions/active states
   Dark grey for icons and neutral elements
   ============================================ */

/* --- SIDEBAR ACTIVE TEXT (purple → lime green) --- */
.sidebar-menu li.active > a,
.sidebar-menu li.active > a *,
.sidebar-menu > li.active > a,
.sidebar-menu > li.active > a span,
.sidebar-menu > li.active > a i,
.left-side .sidebar li.active a,
.main-sidebar .sidebar-menu > li.active > a {
    color: #2E4A04 !important;
    background-color: #7CB518 !important;
}

/* Sidebar active link text specifically */
.sidebar a.active,
.sidebar .active > a,
.nav-sidebar .active > a {
    color: #2E4A04 !important;
    background-color: #7CB518 !important;
}

/* --- ALL REMAINING PURPLE LINKS → LIME GREEN --- */
a, a:visited {
    color: #4A7009;
}
a:hover, a:focus {
    color: #7CB518 !important;
    text-decoration: none;
}

/* --- FOOTER LINK specifically --- */
footer a,
.main-footer a,
footer a:hover,
.main-footer a:hover {
    color: #7CB518 !important;
}

/* --- ICONS — use dark grey instead of purple --- */
.sidebar-menu > li > a > i,
.sidebar-menu > li > a > .fa,
.sidebar-menu > li > a > .ti,
.nav-sidebar > li > a > i {
    color: #9A9D9A !important;
}

/* Active sidebar icon → lime */
.sidebar-menu > li.active > a > i,
.sidebar-menu > li.active > a > .fa {
    color: #2E4A04 !important;
}

/* --- DASHBOARD CARD ICONS — grey instead of purple --- */
.info-box i,
.info-box .fa,
.info-box .ti,
.small-box i,
.box i.fa,
.card i {
    color: #6B6B68 !important;
}

/* Keep the orange bar chart icons on bottom cards as-is (they look fine) */
.info-box-icon .fa,
.info-box-icon i {
    color: #7CB518 !important;
}

/* --- BREADCRUMB ACTIVE --- */
.breadcrumb > .active {
    color: #7CB518 !important;
}
.breadcrumb a {
    color: #7CB518 !important;
}

/* --- CONTENT HEADER TEXT LINKS --- */
.content-header a,
.content-header h1 a {
    color: #4A7009 !important;
}

/* --- NAV ITEMS HOVER --- */
.nav > li > a:hover,
.nav > li > a:focus {
    color: #7CB518 !important;
    background-color: transparent !important;
}

/* --- PURPLE ICON OVERRIDE (catch-all for remaining purple icons) --- */
i[style*="color: rgb(94, 45, 216)"],
i[style*="color: #5e2dd8"],
i[style*="color: rgb(84, 37, 202)"],
i[style*="color: #5425ca"],
span[style*="color: #5e2dd8"],
span[style*="color: #5425ca"] {
    color: #6B6B68 !important;
}

/* --- SPECIFIC: Total Projects icon and similar dashboard icons --- */
.box-icon i,
.widget-icon i,
.stat-icon i {
    color: #6B6B68 !important;
}

/* --- BUTTONS remain lime green --- */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* --- NOTIFICATION BADGE --- */
.navbar-nav > li > a .label,
.navbar-nav > li > a .badge {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* ============================================
   ZIYAD SIDEBAR FIX — maximum specificity
   Targets AdminLTE / custom sidebar purple
   ============================================ */

/* --- FORCE ALL SIDEBAR ICON COLOURS TO GREY --- */
.main-sidebar .sidebar-menu > li > a > i,
.main-sidebar .sidebar-menu > li > a > span.icon,
.main-sidebar .nav-sidebar > li > a > i,
.sidebar .sidebar-menu > li > a > i,
.sidebar .nav-sidebar > li > a > i,
body .main-sidebar i,
body .left-side i {
    color: #9A9D9A !important;
}

/* --- ACTIVE SIDEBAR ITEM — force lime green --- */
body .main-sidebar .sidebar-menu > li.active > a,
body .main-sidebar .sidebar-menu > li.active > a:hover,
body .left-side .sidebar-menu > li.active > a,
body .sidebar-menu > li.active > a,
html body .sidebar-menu li.active a {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
    border-left: 3px solid #4A7009 !important;
}

/* Active icon specifically */
body .main-sidebar .sidebar-menu > li.active > a > i,
body .sidebar-menu > li.active > a > i,
html body .sidebar-menu li.active a i {
    color: #2E4A04 !important;
}

/* --- SIDEBAR LINK TEXT COLOUR — all non-active items --- */
body .main-sidebar .sidebar-menu > li > a,
body .main-sidebar .sidebar-menu > li > a:visited,
body .sidebar .sidebar-menu > li > a {
    color: #B8BDB8 !important;
}

/* Hover state */
body .main-sidebar .sidebar-menu > li > a:hover,
body .sidebar .sidebar-menu > li > a:hover {
    background-color: #3A3D3A !important;
    color: #ffffff !important;
}
body .main-sidebar .sidebar-menu > li > a:hover > i {
    color: #7CB518 !important;
}

/* --- TREEVIEW SUBMENU --- */
body .main-sidebar .sidebar-menu .treeview-menu > li > a,
body .sidebar .treeview-menu > li > a {
    color: #9A9D9A !important;
}
body .main-sidebar .sidebar-menu .treeview-menu > li > a:hover,
body .main-sidebar .sidebar-menu .treeview-menu > li.active > a {
    color: #7CB518 !important;
}

/* --- SIDEBAR BACKGROUND --- */
body .main-sidebar,
body .left-side {
    background-color: #2B2D2B !important;
}

/* --- OVERRIDE ANY INLINE COLOUR STYLES ON SIDEBAR LINKS --- */
.sidebar-menu a[style*="color"],
.nav-sidebar a[style*="color"] {
    color: #B8BDB8 !important;
}
.sidebar-menu li.active a[style*="color"],
.nav-sidebar li.active a[style*="color"] {
    color: #2E4A04 !important;
}

/* --- SIDEBAR SECTION HEADERS (MAIN, ADMIN PANEL text) --- */
.sidebar-menu .header,
.main-sidebar .sidebar-menu .header {
    color: rgba(255,255,255,0.3) !important;
    font-size: 10px !important;
    letter-spacing: 0.06em !important;
}

/* --- TOP NAVBAR ICONS --- */
.navbar-custom-menu > .nav > li > a > i,
.navbar-nav > li > a > i,
.main-header .navbar-nav > li > a {
    color: #6B6B68 !important;
}

/* Notification bell badge */
.navbar-nav > li > a .label-warning,
.navbar-nav > li > a .label {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* ============================================
   ZIYAD SIDEMENU FIX — targets custom sidemenu.css classes
   Classes: .side-menu, .side-menu__item, .side-menu__label, .side-menu__icon
   ============================================ */

/* --- SIDEBAR BACKGROUND --- */
.app-sidebar,
.sidebar-navs,
.sidebar__inner,
.sidebar-user {
    background-color: #2B2D2B !important;
}

/* --- ALL SIDEBAR LINKS --- */
.side-menu__item,
.side-menu > li > a,
ul.side-menu li a {
    color: #B8BDB8 !important;
}

/* --- SIDEBAR LABEL TEXT --- */
.side-menu__label,
ul.side-menu li a span {
    color: #B8BDB8 !important;
}

/* --- SIDEBAR ICONS --- */
.side-menu__icon,
ul.side-menu li a i {
    color: #9A9D9A !important;
}

/* --- ACTIVE ITEM --- */
.side-menu__item.active,
.slide.active > .side-menu__item,
ul.side-menu li.active > a,
ul.side-menu li.slide.active > a {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
    border-radius: 6px !important;
}

/* --- ACTIVE LABEL TEXT --- */
.side-menu__item.active .side-menu__label,
.slide.active > .side-menu__item .side-menu__label,
ul.side-menu li.active > a span {
    color: #2E4A04 !important;
    font-weight: 500 !important;
}

/* --- ACTIVE ICON --- */
.side-menu__item.active .side-menu__icon,
.slide.active > .side-menu__item .side-menu__icon,
ul.side-menu li.active > a i {
    color: #2E4A04 !important;
}

/* --- HOVER STATE --- */
.side-menu__item:hover,
ul.side-menu li a:hover {
    background-color: #3A3D3A !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}
.side-menu__item:hover .side-menu__label,
ul.side-menu li a:hover span {
    color: #ffffff !important;
}
.side-menu__item:hover .side-menu__icon,
ul.side-menu li a:hover i {
    color: #7CB518 !important;
}

/* --- SIDEBAR SECTION HEADERS --- */
.slide-menu,
.side-menu .sub-category,
.app-sidebar .side-item.side-item-category {
    color: rgba(255,255,255,0.3) !important;
    font-size: 10px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* --- SUBMENU (treeview equivalent) --- */
.slide-menu .slide-item,
.side-menu .slide-menu li a {
    color: #9A9D9A !important;
}
.slide-menu .slide-item:hover,
.slide-menu .slide-item.active {
    color: #7CB518 !important;
}
.slide-menu {
    background-color: #232523 !important;
}

/* --- SIDEBAR USER AREA --- */
.sidebar-navs a,
.sidebar-navs .nav-link {
    color: #9A9D9A !important;
    border: 1px solid #3A3D3A !important;
    border-radius: 6px !important;
}
.sidebar-navs a:hover,
.sidebar-navs .nav-link:hover {
    color: #7CB518 !important;
    border-color: #7CB518 !important;
}

/* --- ANGLE/ARROW ICONS ON MENU ITEMS --- */
.side-menu__item .angle,
.slide .side-menu__item svg {
    color: #6B6B68 !important;
    fill: #6B6B68 !important;
}
.slide.active .side-menu__item .angle,
.slide.is-expanded .side-menu__item .angle {
    color: #2E4A04 !important;
    fill: #2E4A04 !important;
}

/* ============================================
   ZIYAD SIDEMENU FIX 2 — full width active coverage
   Fixes icon not covered by active/hover highlight
   ============================================ */

/* --- FULL WIDTH ACTIVE ITEM — include icon --- */
.side-menu__item,
.side-menu__item.active,
.slide.active > .side-menu__item,
.slide > .side-menu__item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 8px 12px !important;
    border-radius: 6px !important;
    margin: 1px 4px !important;
    box-sizing: border-box !important;
}

/* Active full row lime green */
.side-menu__item.active,
.slide.active > .side-menu__item {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
    width: calc(100% - 8px) !important;
}

/* Hover full row dark grey */
.side-menu__item:hover {
    background-color: #3A3D3A !important;
    color: #ffffff !important;
    width: calc(100% - 8px) !important;
}

/* --- ENSURE ICON IS INSIDE THE HIGHLIGHT BOX --- */
.side-menu__icon {
    margin-right: 8px !important;
    flex-shrink: 0 !important;
    width: 18px !important;
    text-align: center !important;
}

/* Icon colours */
.side-menu__item .side-menu__icon {
    color: #9A9D9A !important;
}
.side-menu__item.active .side-menu__icon,
.slide.active > .side-menu__item .side-menu__icon {
    color: #2E4A04 !important;
}
.side-menu__item:hover .side-menu__icon {
    color: #7CB518 !important;
}

/* --- LABEL COLOURS --- */
.side-menu__item .side-menu__label {
    color: #B8BDB8 !important;
    font-size: 13px !important;
}
.side-menu__item.active .side-menu__label,
.slide.active > .side-menu__item .side-menu__label {
    color: #2E4A04 !important;
    font-weight: 500 !important;
}
.side-menu__item:hover .side-menu__label {
    color: #ffffff !important;
}

/* --- REMOVE ANY LEFT MARGIN/PADDING CAUSING ICON CUTOFF --- */
.side-menu,
ul.side-menu {
    padding: 4px 6px !important;
}
.slide {
    padding: 0 !important;
    margin: 0 !important;
}

/* --- MY ACCOUNT HOVER — dark grey not black --- */
.side-menu__item:hover,
.slide:hover > .side-menu__item {
    background-color: #3A3D3A !important;
}

/* --- SIDEBAR OUTER WRAPPER full dark --- */
.app-sidebar,
.app-sidebar__inner {
    background-color: #2B2D2B !important;
}

/* --- SECTION LABELS (MAIN, ADMIN PANEL) --- */
.side-item.side-item-category,
.slide-item-category {
    color: rgba(255,255,255,0.3) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    padding: 10px 12px 4px !important;
}

/* ============================================
   ZIYAD SIDEMENU FIX 3 — precise icon coverage fix
   Based on inspector: a.side-menu__item is the flex container
   Contains: i.side-menu__icon + span.side-menu__label
   ============================================ */

/* --- RESET THE ANCHOR TAG TO FULL WIDTH FLEX ROW --- */
a.side-menu__item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: 9px 14px 9px 10px !important;
    margin: 1px 6px !important;
    border-radius: 7px !important;
    width: calc(100% - 12px) !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
}

/* --- ACTIVE STATE — full row lime green --- */
a.side-menu__item.active {
    background-color: #7CB518 !important;
}

/* --- HOVER STATE --- */
a.side-menu__item:hover {
    background-color: #3A3D3A !important;
}

/* --- ICON INSIDE ANCHOR --- */
a.side-menu__item i.side-menu__icon,
a.side-menu__item .side-menu__icon {
    color: #9A9D9A !important;
    margin-right: 10px !important;
    font-size: 16px !important;
    flex-shrink: 0 !important;
    width: 18px !important;
    text-align: center !important;
}

/* Active icon */
a.side-menu__item.active i.side-menu__icon,
a.side-menu__item.active .side-menu__icon {
    color: #2E4A04 !important;
}

/* Hover icon */
a.side-menu__item:hover i.side-menu__icon,
a.side-menu__item:hover .side-menu__icon {
    color: #7CB518 !important;
}

/* --- LABEL TEXT --- */
a.side-menu__item span.side-menu__label {
    color: #B8BDB8 !important;
    font-size: 13px !important;
    flex: 1 !important;
    white-space: nowrap !important;
}

/* Active label */
a.side-menu__item.active span.side-menu__label {
    color: #2E4A04 !important;
    font-weight: 500 !important;
}

/* Hover label */
a.side-menu__item:hover span.side-menu__label {
    color: #ffffff !important;
}

/* --- SLIDE LI WRAPPER — no extra padding --- */
li.slide {
    padding: 0 !important;
    list-style: none !important;
}
ul.side-menu {
    padding: 6px !important;
}

/* --- SUBMENU OPEN ARROW --- */
a.side-menu__item .angle {
    color: #6B6B68 !important;
    font-size: 12px !important;
}
a.side-menu__item.active .angle {
    color: #2E4A04 !important;
}

/* --- SIDEBAR BACKGROUND --- */
.app-sidebar,
.app-sidebar__inner {
    background-color: #2B2D2B !important;
}
.sidebar-navs {
    background-color: #2B2D2B !important;
    border-bottom: 1px solid #3A3D3A !important;
}
.sidebar-navs a.nav-link {
    color: #9A9D9A !important;
    border: 1px solid #3A3D3A !important;
    border-radius: 6px !important;
}
.sidebar-navs a.nav-link:hover {
    color: #7CB518 !important;
    border-color: #7CB518 !important;
    background: transparent !important;
}

/* --- CATEGORY HEADERS --- */
.side-item.side-item-category {
    color: rgba(255,255,255,0.3) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    padding: 12px 14px 4px !important;
}

/* --- SUBMENU ITEMS --- */
.slide-menu .slide-item {
    color: #9A9D9A !important;
    padding: 7px 14px 7px 38px !important;
    display: block !important;
    font-size: 12px !important;
}
.slide-menu .slide-item:hover,
.slide-menu .slide-item.active {
    color: #7CB518 !important;
}
.slide-menu {
    background-color: #242624 !important;
    border-radius: 0 0 6px 6px !important;
}

/* ============================================
   ZIYAD SIDEMENU FINAL FIX
   Source: sidemenu.css line 398-433
   Problem: padding:5px 0 cuts icon, color:#5e2dd8 is purple
   ============================================ */

/* --- OVERRIDE PADDING TO INCLUDE ICON IN HIGHLIGHT --- */
.side-menu__item {
    padding: 8px 14px !important;
    color: #B8BDB8 !important;
    border-radius: 6px !important;
    margin: 1px 6px !important;
    width: calc(100% - 12px) !important;
    box-sizing: border-box !important;
}

/* --- KILL THE PURPLE ON ACTIVE/HOVER/FOCUS --- */
.side-menu__item.active,
.side-menu__item:hover,
.side-menu__item:focus {
    color: #2E4A04 !important;
    text-decoration: none !important;
}

/* Active background */
.side-menu__item.active {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* Hover background */
.side-menu__item:hover {
    background-color: #3A3D3A !important;
    color: #ffffff !important;
}

/* --- ICON COLOURS --- */
.side-menu__icon {
    color: #9A9D9A !important;
    margin-right: 10px !important;
}
.side-menu__item.active .side-menu__icon {
    color: #2E4A04 !important;
}
.side-menu__item:hover .side-menu__icon {
    color: #7CB518 !important;
}

/* --- LABEL COLOURS --- */
.side-menu__label {
    color: #B8BDB8 !important;
}
.side-menu__item.active .side-menu__label {
    color: #2E4A04 !important;
    font-weight: 500 !important;
}
.side-menu__item:hover .side-menu__label {
    color: #ffffff !important;
}

/* --- SUBMENU SLIDE ITEMS --- */
.slide-item {
    color: #9A9D9A !important;
}
.slide-item:hover,
.slide-item.active {
    color: #7CB518 !important;
}

/* --- SIDEBAR NAV ICON BUTTONS (calendar, photo, user, power) --- */
.sidebar-navs .nav-link {
    color: #9A9D9A !important;
    border: 1px solid #3A3D3A !important;
    border-radius: 6px !important;
    background: transparent !important;
}
.sidebar-navs .nav-link:hover {
    color: #7CB518 !important;
    border-color: #7CB518 !important;
}

/* ============================================
   ZIYAD HOVER FIX — softer hover background
   Replace black hover with dark grey
   ============================================ */

/* --- HOVER STATE — dark grey instead of black --- */
.side-menu__item:hover {
    background-color: #3A3D3A !important;
    color: #ffffff !important;
}

/* Hover label */
.side-menu__item:hover .side-menu__label {
    color: #ffffff !important;
}

/* Hover icon */
.side-menu__item:hover .side-menu__icon {
    color: #7CB518 !important;
}

/* --- ALSO FIX: any residual black from original theme --- */
.side-menu__item:focus {
    background-color: #3A3D3A !important;
    color: #ffffff !important;
    outline: none !important;
}

/* Submenu hover */
.slide-item:hover {
    background-color: transparent !important;
    color: #7CB518 !important;
    padding-left: 45px !important;
}


/* ============================================
   SIDEBAR NAV BUTTONS — white bg, grey icons, lime hover
   ============================================ */

/* Strip background — white */
.sidebar-navs,
.sidebar-navs.active,
div.sidebar-navs {
    background-color: #ffffff !important;
    border-top: 1px solid #E2E2DE !important;
    border-bottom: 1px solid #E2E2DE !important;
    padding: 8px 10px !important;
}

/* Button base — light grey */
.sidebar-navs .nav-link,
.sidebar-navs a,
.sidebar-navs .btn {
    background-color: #F0F0ED !important;
    border: 1px solid #E2E2DE !important;
    border-radius: 7px !important;
    color: #6B6B68 !important;
    padding: 6px 10px !important;
}

/* Button icons */
.sidebar-navs .nav-link i,
.sidebar-navs a i {
    color: #6B6B68 !important;
}

/* Hover — lime green */
.sidebar-navs .nav-link:hover,
.sidebar-navs a:hover {
    background-color: #EEF5D6 !important;
    border-color: #7CB518 !important;
    color: #4A7009 !important;
}
.sidebar-navs .nav-link:hover i,
.sidebar-navs a:hover i {
    color: #4A7009 !important;
}


/* ============================================
   SIDEBAR-NAVS STRIP — targeted fix
   Class: div.sidebar-navs.active (from inspector)
   Overrides our own #2B2D2B set earlier
   ============================================ */

div.sidebar-navs,
div.sidebar-navs.active,
.app-sidebar .sidebar-navs,
.app-sidebar .sidebar-navs.active {
    background-color: #ffffff !important;
    border-top: 1px solid #E2E2DE !important;
    border-bottom: 1px solid #E2E2DE !important;
    padding: 8px 10px !important;
}

/* Buttons inside — grey */
div.sidebar-navs .nav-link,
div.sidebar-navs.active .nav-link,
div.sidebar-navs a,
div.sidebar-navs.active a {
    background-color: #F0F0ED !important;
    border: 1px solid #E2E2DE !important;
    border-radius: 7px !important;
    color: #6B6B68 !important;
}
div.sidebar-navs .nav-link i,
div.sidebar-navs.active .nav-link i {
    color: #6B6B68 !important;
}

/* Hover — lime */
div.sidebar-navs .nav-link:hover,
div.sidebar-navs.active .nav-link:hover {
    background-color: #EEF5D6 !important;
    border-color: #7CB518 !important;
    color: #4A7009 !important;
}
div.sidebar-navs .nav-link:hover i,
div.sidebar-navs.active .nav-link:hover i {
    color: #4A7009 !important;
}


/* ============================================
   NUCLEAR SIDEBAR-NAVS FIX
   Forces white background regardless of specificity
   ============================================ */

/* Target every possible combination */
.sidebar-navs,
.sidebar-navs.active,
div.sidebar-navs,
div.sidebar-navs.active,
.app-sidebar .sidebar-navs,
.app-sidebar div.sidebar-navs,
aside .sidebar-navs,
aside div.sidebar-navs.active,
.app-sidebar-overlay + aside .sidebar-navs,
[class*="sidebar-navs"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-top: 1px solid #E2E2DE !important;
    border-bottom: 1px solid #E2E2DE !important;
}

/* Nav buttons — grey */
.sidebar-navs .nav-link,
div.sidebar-navs .nav-link,
div.sidebar-navs.active .nav-link,
.app-sidebar .sidebar-navs .nav-link,
aside .sidebar-navs a {
    background-color: #F0F0ED !important;
    background: #F0F0ED !important;
    border: 1px solid #E2E2DE !important;
    border-radius: 7px !important;
    color: #6B6B68 !important;
}
.sidebar-navs .nav-link i,
div.sidebar-navs .nav-link i,
div.sidebar-navs.active .nav-link i {
    color: #6B6B68 !important;
}

/* Hover lime */
.sidebar-navs .nav-link:hover,
div.sidebar-navs .nav-link:hover,
div.sidebar-navs.active .nav-link:hover {
    background-color: #EEF5D6 !important;
    background: #EEF5D6 !important;
    border-color: #7CB518 !important;
    color: #4A7009 !important;
}
.sidebar-navs .nav-link:hover i {
    color: #4A7009 !important;
}

/* ============================================
   PROFILE BUTTONS — unified clean style
   Replace multicolour with grey + lime primary
   ============================================ */

/* All profile action buttons — clean grey outline */
.btn-warning,
.btn-info,
.btn-teal,
.btn-success {
    background-color: #F0F0ED !important;
    border: 1px solid #E2E2DE !important;
    color: #1a1a18 !important;
    border-radius: 7px !important;
}
.btn-warning:hover,
.btn-info:hover,
.btn-teal:hover,
.btn-success:hover {
    background-color: #EEF5D6 !important;
    border-color: #7CB518 !important;
    color: #4A7009 !important;
}

/* Edit Profile — keep as lime primary action */
.btn-success {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.btn-success:hover {
    background-color: #4A7009 !important;
    border-color: #4A7009 !important;
    color: #ffffff !important;
}


/* ============================================
   ACTION BUTTONS — normalize to grey/lime palette
   Keep Delete/danger red for safety signal
   ============================================ */

/* Filter button + most action buttons — lime green (primary action) */
.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: #4A7009 !important;
    border-color: #4A7009 !important;
    color: #ffffff !important;
}

/* Secondary actions (View/Edit, ATS, Close) — light grey */
.btn-secondary,
.btn-info,
.btn-default {
    background-color: #F0F0ED !important;
    border-color: #E2E2DE !important;
    color: #1a1a18 !important;
}
.btn-secondary:hover,
.btn-info:hover,
.btn-default:hover {
    background-color: #E2E2DE !important;
    border-color: #D0D0CC !important;
    color: #1a1a18 !important;
}

/* Tertiary / status actions (ATP, Claim) — dark grey */
.btn-dark,
.btn-purple,
.btn-violet {
    background-color: #4A4D4A !important;
    border-color: #4A4D4A !important;
    color: #ffffff !important;
}
.btn-dark:hover,
.btn-purple:hover,
.btn-violet:hover {
    background-color: #2B2D2B !important;
    border-color: #2B2D2B !important;
    color: #ffffff !important;
}

/* Confirm / positive actions — lime green outline style */
.btn-success {
    background-color: #EEF5D6 !important;
    border-color: #7CB518 !important;
    color: #4A7009 !important;
}
.btn-success:hover {
    background-color: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* DELETE / DANGER — stays red, untouched */
.btn-danger {
    background-color: #E24B4A !important;
    border-color: #E24B4A !important;
    color: #ffffff !important;
}
.btn-danger:hover {
    background-color: #A32D2D !important;
    border-color: #A32D2D !important;
    color: #ffffff !important;
}

/* Table action button group spacing */
.table .btn {
    border-radius: 6px !important;
    font-size: 11px !important;
    padding: 5px 10px !important;
    margin: 1px !important;
}


/* ============================================
   PAGE HEADER TABS & BADGES — purple to lime/grey
   ============================================ */

/* Section header tabs/banners (e.g. "LISTING SALES PROPERTIES") */
.page-title-tab,
.section-tab,
.list-header,
.card-header.bg-primary,
div[class*="header-tab"] {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* Generic purple background catch-all */
.bg-purple,
.bg-violet,
[class*="bg-purple"] {
    background-color: #7CB518 !important;
    color: #2E4A04 !important;
}

/* Negotiable / status badges — change from pink/purple to grey */
.badge-pink,
.badge-purple,
.label-pink,
.label-purple,
.badge.bg-pink,
.badge.bg-purple {
    background-color: #6B6B68 !important;
    color: #ffffff !important;
}

/* Generic small pill badges used for property tags */
.property-tag,
.listing-badge {
    background-color: #F0F0ED !important;
    color: #4A4D4A !important;
    border: 0.5px solid #E2E2DE !important;
}


/* ============================================
   TAB WRAPPER ACTIVE TAB — fix from color1.css:492
   ============================================ */
.tab_wrapper > ul li.active {
    background: #7CB518 !important;
    border-color: #7CB518 !important;
    color: #2E4A04 !important;
}
.tab_wrapper > ul li {
    color: #6B6B68 !important;
}
.tab_wrapper > ul li:hover {
    color: #4A7009 !important;
}

/* ============================================================
   ZIYAD — GLOBAL PURPLE PURGE
   Append to the END of: public/assets/colors/ziyad-theme-final.css
   Removes the last of the old brand purple (#5e2dd8) and the
   calendar violet (#6c3ce4). Scoped so it does NOT touch the
   sidebar, .btn buttons, tabs, or KPI cards already themed.
   Palette:  lime #7CB518 | dark lime #4A7009 | mid lime #6A9C14
             charcoal #2B2D2B
   ============================================================ */

/* ---- 1. Top header nav links (notification / profile / icons) ---- */
.nav-link {
    color: #2B2D2B !important;
}
.nav-link:hover,
.nav-link:focus,
.nav-link.active {
    color: #7CB518 !important;
}
/* header icon spans / badges that were purple */
.header-icon-svgs,
.nav-link svg,
.nav-link .fa,
.app-sidebar__toggle .header-icon-svgs {
    color: #2B2D2B !important;
}

/* ---- 2. Content + table links (My Sales, COA, listings) ---- */
/* Scoped to content areas so buttons/sidebar/tabs keep their styles */
.table a:not(.btn):not(.badge),
.card a:not(.btn):not(.nav-link):not(.side-menu__item),
.main-content a:not(.btn):not(.nav-link):not(.side-menu__item),
.page-content a:not(.btn):not(.nav-link):not(.side-menu__item),
td a:not(.btn):not(.badge) {
    color: #4A7009 !important;
}
.table a:not(.btn):hover,
.card a:not(.btn):not(.nav-link):hover,
.main-content a:not(.btn):not(.nav-link):hover,
.page-content a:not(.btn):not(.nav-link):hover,
td a:not(.btn):hover {
    color: #7CB518 !important;
    text-decoration: underline;
}

/* ---- 3. Calendar (FullCalendar) buttons ---- */
.fc button,
.fc .fc-button,
.fc-prev-button,
.fc-next-button,
.fc-today-button,
.fc-month-button,
.fc-agendaWeek-button,
.fc-agendaDay-button,
.fc-listWeek-button {
    background: #7CB518 !important;
    background-image: none !important;
    border-color: #6A9C14 !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: none !important;
}
.fc button:hover,
.fc .fc-button:hover {
    background: #6A9C14 !important;
    border-color: #5E8A12 !important;
}
/* active / pressed view toggle (was #6c3ce4) */
.fc .fc-button-active,
.fc .fc-state-active,
.fc button.fc-state-active,
.fc-state-down {
    background: #4A7009 !important;
    border-color: #4A7009 !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* ---- 4. Catch-all safety net for any stray inline-ish purple ---- */
/* Anything still literally set to the old brand purple as a text colour */
[style*="#5e2dd8"],
[style*="#6c3ce4"] {
    color: #4A7009 !important;
}

/* KPI cards — clear latent inherited purple (no visible change) */
.ziyad-kpi-card,
.ziyad-kpi-card .ziyad-kpi-icon { color: #2B2D2B !important; }

/* ============================================================
   ZIYAD — NEUTRAL TINTS & SHADOWS  (polish pass)
   Append to the END of: public/assets/colors/ziyad-theme-final.css
   Removes cool/coloured tints so everything reads warm-neutral:
     - input/select border  #d8dde4 (cool)    -> neutral grey
     - input/select fill    #f1f1f9 (lavender)-> clean white
     - button drop-shadows  purple/magenta    -> soft grey
   Palette: lime #7CB518 | charcoal #2B2D2B
   ============================================================ */

/* ---- 1. Form fields: neutral border + clean fill ---- */
.form-control,
.custom-select,
input.form-control,
select.form-control,
select.custom-select,
textarea.form-control {
    border-color: #D4D4D1 !important;
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}

/* subtle lime focus ring (affordance without the old tint) */
.form-control:focus,
.custom-select:focus,
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: #7CB518 !important;
    box-shadow: 0 0 0 2px rgba(124, 181, 24, 0.15) !important;
    outline: none !important;
}

/* ---- 2. Buttons: replace coloured glow with soft neutral grey ---- */
.btn,
.btn-primary,
.btn-secondary,
.btn-light,
.btn-default,
.btn-success,
button.btn {
    box-shadow: 0 2px 6px rgba(43, 45, 43, 0.12) !important;
}
.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-secondary:hover {
    box-shadow: 0 3px 8px rgba(43, 45, 43, 0.16) !important;
}
.btn:active {
    box-shadow: 0 1px 3px rgba(43, 45, 43, 0.18) !important;
}

/* ---- 3. KPI cards: clear latent inherited purple (no visible change) ---- */
.ziyad-kpi-card,
.ziyad-kpi-card .ziyad-kpi-icon {
    color: #2B2D2B !important;
}

/* ============================================================
   ZIYAD — UNIFORM BUTTON HOVERS (match side-menu hover)
   Append to the END of: public/assets/colors/ziyad-theme-final.css
   All action buttons now hover to the same style as the sidebar
   menu items:  charcoal #3A3D3A background + white text.
   ============================================================ */

.btn-primary:hover,   .btn-primary:focus,   .btn-primary:active,
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active,
.btn-success:hover,   .btn-success:focus,   .btn-success:active,
.btn-info:hover,      .btn-info:focus,      .btn-info:active,
.btn-warning:hover,   .btn-warning:focus,   .btn-warning:active,
.btn-danger:hover,    .btn-danger:focus,    .btn-danger:active,
.btn-light:hover,     .btn-light:focus,     .btn-light:active,
.btn-dark:hover,      .btn-dark:focus,      .btn-dark:active {
    background-color: #3A3D3A !important;   /* same as .side-menu__item:hover */
    border-color:     #3A3D3A !important;
    color:            #FFFFFF !important;
    box-shadow: 0 3px 8px rgba(43, 45, 43, 0.16) !important;
}