/* Modern Minimal Theme - Purple & White */

.kt-aside .ps>.ps__rail-y {
    left: 0 !important;
}

.form_action {
    text-align: left;
    width: 100%;
}

/* Modern Purple Brand Color Override */
:root {
    --primary-purple: #8B5CF6;
    --primary-purple-light: #d8b4fe;
    --primary-purple-lighter: #f3e8ff;
    --primary-purple-dark: #7c3aed;
    --bg-white: #ffffff;
    --bg-gray-50: #fafafa;
    --bg-gray-100: #f5f5f5;
    --text-gray-900: #111827;
    --text-gray-600: #4b5563;
    --border-gray-200: #e5e7eb;
}

/* Global Background - White & Light */
body {
    background-color: var(--bg-white) !important;
    color: var(--text-gray-900) !important;
}

.kt-page {
    background-color: var(--bg-gray-50) !important;
}

.kt-wrapper {
    background-color: var(--bg-white) !important;
}

/* Header - White Background */
.kt-header {
    background-color: var(--bg-white) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    border-bottom: 1px solid var(--border-gray-200) !important;
}

.kt-header__topbar {
    background-color: transparent !important;
}

/* Aside/Sidebar - Light Background */
.kt-aside {
    background-color: var(--bg-white) !important;
    box-shadow: 1px 0 3px 0 rgba(0, 0, 0, 0.1) !important;
}

.kt-aside__brand {
    background-color: var(--bg-white) !important;
    border-bottom: 1px solid var(--border-gray-200) !important;
}

.kt-aside__brand-logo {
    color: var(--primary-purple) !important;
    font-weight: 700 !important;
}

/* Sidebar Menu Links - Clean Purple Style */
.kt-menu__nav > .kt-menu__item > .kt-menu__link {
    color: var(--text-gray-900) !important;
    border-radius: 8px !important;
    margin: 4px 8px !important;
    transition: all 0.2s ease !important;
}

/* Override all menu link text colors */
.kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text {
    color: var(--text-gray-900) !important;
}

/* Hover State - Purple (All Elements) */
.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link {
    background-color: rgba(139, 92, 246, 0.1) !important;
    color: var(--primary-purple) !important;
}

.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link .kt-menu__link-text,
.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link span,
.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link i,
.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link * {
    color: var(--primary-purple) !important;
}

.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link .kt-menu__link-icon svg,
.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link .kt-menu__link-icon svg path,
.kt-menu__nav > .kt-menu__item:hover:not(.kt-menu__item--active):not(.kt-menu__item--here) > .kt-menu__link .kt-menu__link-icon svg * {
    fill: var(--primary-purple) !important;
    stroke: var(--primary-purple) !important;
}

/* Active/Here State - Purple (All Elements) */
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link {
    background-color: rgba(139, 92, 246, 0.15) !important;
    color: var(--primary-purple) !important;
    font-weight: 600 !important;
}

.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link span,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link i,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link *,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link span,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link i,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link * {
    color: var(--primary-purple) !important;
}

.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon svg,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon svg path,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon svg *,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon svg,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon svg path,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon svg * {
    fill: var(--primary-purple) !important;
    stroke: var(--primary-purple) !important;
}

/* Submenu Links - Purple */
.kt-menu__subnav > .kt-menu__item > .kt-menu__link {
    color: var(--text-gray-900) !important;
}

.kt-menu__subnav > .kt-menu__item > .kt-menu__link:hover {
    background-color: rgba(139, 92, 246, 0.08) !important;
    color: var(--primary-purple) !important;
}

.kt-menu__subnav > .kt-menu__item > .kt-menu__link:hover *,
.kt-menu__subnav > .kt-menu__item > .kt-menu__link:hover .kt-menu__link-text,
.kt-menu__subnav > .kt-menu__item > .kt-menu__link:hover span,
.kt-menu__subnav > .kt-menu__item > .kt-menu__link:hover i {
    color: var(--primary-purple) !important;
}

.kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--here > .kt-menu__link {
    background-color: rgba(139, 92, 246, 0.12) !important;
    color: var(--primary-purple) !important;
    font-weight: 600 !important;
}

.kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link *,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-text,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link span,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--active > .kt-menu__link i,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--here > .kt-menu__link *,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--here > .kt-menu__link span,
.kt-menu__subnav > .kt-menu__item.kt-menu__item--here > .kt-menu__link i {
    color: var(--primary-purple) !important;
}

/* Override any dark colors in bundle CSS */
.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link:hover,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link {
    color: var(--primary-purple) !important;
}

.kt-aside-menu .kt-menu__nav > .kt-menu__item > .kt-menu__link:hover *,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link *,
.kt-aside-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link * {
    color: var(--primary-purple) !important;
}

/* Portlets - Clean White Cards */
.kt-portlet {
    background-color: var(--bg-white) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    border: 1px solid var(--border-gray-200) !important;
    border-radius: 12px !important;
    margin-bottom: 24px !important;
}

.kt-portlet.kt-iconbox {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
    background-color: var(--bg-white) !important;
    margin-bottom: 20px;
    border-radius: 12px;
    border: 1px solid var(--border-gray-200) !important;
}

.kt-portlet__head {
    border-bottom: 1px solid var(--border-gray-200) !important;
    background-color: var(--bg-white) !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 20px 25px !important;
}

.kt-portlet__head-title {
    color: var(--text-gray-900) !important;
    font-weight: 600 !important;
}

.kt-portlet__body {
    display: flex;
    flex-direction: column;
    padding: 25px;
    border-radius: 0 0 12px 12px;
    background-color: var(--bg-white) !important;
}

/* Buttons - Purple Theme */
.btn-brand,
.btn-primary {
    background-color: var(--primary-purple) !important;
    border-color: var(--primary-purple) !important;
    color: white !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    padding: 10px 20px !important;
    transition: all 0.2s ease !important;
}

.btn-brand:hover,
.btn-primary:hover {
    background-color: var(--primary-purple-dark) !important;
    border-color: var(--primary-purple-dark) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px 0 rgba(139, 92, 246, 0.3) !important;
}

.btn-brand:focus,
.btn-primary:focus {
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.2) !important;
}

/* Forms - Modern Inputs */
.form-control {
    border: 1px solid var(--border-gray-200) !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    background-color: var(--bg-white) !important;
    color: var(--text-gray-900) !important;
    transition: all 0.2s ease !important;
}

.form-control:focus {
    border-color: var(--primary-purple) !important;
    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.1) !important;
}

/* Tables - Clean Design */
.table {
    background-color: var(--bg-white) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

.table thead th {
    background-color: var(--bg-gray-50) !important;
    color: var(--text-gray-900) !important;
    font-weight: 600 !important;
    border-bottom: 2px solid var(--border-gray-200) !important;
    padding: 12px 15px !important;
}

.table tbody td {
    border-bottom: 1px solid var(--border-gray-200) !important;
    padding: 12px 15px !important;
}

.table tbody tr:hover {
    background-color: var(--bg-gray-50) !important;
}

/* Links - Purple */
a {
    color: var(--primary-purple) !important;
}

a:hover {
    color: var(--primary-purple-dark) !important;
}

/* Icons */
.kt-iconbox__body {
    display: flex;
    flex-wrap: nowrap;
}

.kt-iconbox__icon {
    flex: 0 0 50px;
    padding-left: 20px;
    color: var(--primary-purple) !important;
}

/* Brand Colors */
.kt-font-brand {
    color: var(--primary-purple) !important;
}

.btn-elevate {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
}

.btn-elevate:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
    transform: translateY(-2px);
}

/* Footer */
.kt-footer {
    background-color: var(--bg-white) !important;
    border-top: 1px solid var(--border-gray-200) !important;
    color: var(--text-gray-600) !important;
}

/* Mobile Header */
.kt-header-mobile {
    background-color: var(--bg-white) !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) !important;
}

.kt-header-mobile__logo {
    color: var(--primary-purple) !important;
    font-weight: 700 !important;
}

/* Icon Fonts */
.fa-caret-right:before {
    content: "\f0d9";
}

.flaticon2-next:before {
    content: "\f1b2";
}

.flaticon2-back:before {
    content: "\f1a9";
}

.flaticon2-fast-next:before {
    content: "\f1b0";
}

.flaticon2-fast-back:before {
    content: "\f1af";
}

/* Utility Classes */
.senteces_group {
    border: 1px dashed var(--border-gray-200) !important;
    border-radius: 8px;
    padding: 20px;
    margin: 10px 0;
    background-color: var(--bg-gray-50) !important;
}

.matncount {
    display: none;
}

/* Input Groups */
.kt-input-icon {
    border-radius: 8px !important;
}

.kt-input-icon .form-control {
    border-radius: 8px !important;
}

/* Badges */
.kt-badge {
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* Content Area */
.kt-content {
    background-color: var(--bg-gray-50) !important;
    padding: 24px !important;
}

/* Swal2 Modal Styling */
.swal2-popup {
    direction: rtl !important;
    border-radius: 16px !important;
    background-color: var(--bg-white) !important;
}

.swal2-confirm {
    background-color: var(--primary-purple) !important;
    border-radius: 8px !important;
}

.swal2-confirm:hover {
    background-color: var(--primary-purple-dark) !important;
}

/* Search Input */
#generalSearch {
    border-radius: 8px !important;
    border: 1px solid var(--border-gray-200) !important;
}

/* DataTable Styling */
.dataTables_wrapper {
    background-color: var(--bg-white) !important;
    border-radius: 12px !important;
    padding: 20px !important;
}

/* Menu Icon - Remove Background Only, Keep Icons Visible */
.kt-menu__link-icon {
    background-color: transparent !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.kt-menu__link-icon svg {
    background-color: transparent !important;
    background: transparent !important;
}

/* Keep icons visible in default state */
.kt-menu__link-icon svg,
.kt-menu__link-icon svg path,
.kt-menu__link-icon svg * {
    /* fill: var(--text-gray-900) !important; */
    color: var(--text-gray-900) !important;
}

/* Ensure icons are visible on hover - change fill color */
.kt-menu__nav > .kt-menu__item > .kt-menu__link:hover .kt-menu__link-icon {
    background-color: transparent !important;
    background: transparent !important;
}

.kt-menu__nav > .kt-menu__item > .kt-menu__link:hover .kt-menu__link-icon svg,
.kt-menu__nav > .kt-menu__item > .kt-menu__link:hover .kt-menu__link-icon svg path,
.kt-menu__nav > .kt-menu__item > .kt-menu__link:hover .kt-menu__link-icon svg *,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon svg,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon svg path,
.kt-menu__nav > .kt-menu__item.kt-menu__item--active > .kt-menu__link .kt-menu__link-icon svg *,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon svg,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon svg path,
.kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-icon svg * {
    fill: var(--primary-purple) !important;
    color: var(--primary-purple) !important;
}

/* Smooth Transitions */
* {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease !important;
}

/* Mobile Height Fix - Fix for panel height issue on mobile */
@media (max-width: 1024px) {
    html, body {
        height: 100% !important;
        min-height: 100vh !important;
        overflow-x: hidden !important;
    }
    
    .kt-grid--root {
        min-height: 100vh !important;
        height: 100% !important;
    }
    
    .kt-page {
        min-height: 100vh !important;
        height: 100% !important;
    }
    
    .kt-wrapper {
        min-height: calc(100vh - 50px) !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    .kt-content {
        min-height: calc(100vh - 50px - 30px) !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    .kt-header-mobile--fixed .kt-wrapper {
        padding-top: 50px !important;
        min-height: calc(100vh - 50px) !important;
    }
    
    /* Ensure content area is visible */
    #kt_content {
        min-height: calc(100vh - 50px - 30px) !important;
        height: auto !important;
        overflow: visible !important;
        position: relative !important;
    }
    
    /* Fix for grid items to ensure they don't clip content */
    .kt-grid__item {
        overflow: visible !important;
    }
    
    /* Ensure wrapper content is not clipped */
    .kt-wrapper > * {
        overflow: visible !important;
    }
    
    /* Mobile Header Toggler - Purple Color */
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span, 
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::before, 
    .kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toggler span::after {
        background: var(--primary-purple) !important;
    }
}