/* === General Styles (shared) === */
body, .page-container {
    font-family: 'Inter', 'Segoe UI', 'Helvetica Neue', sans-serif;
}

a, button, .card, .btn, .sidebar-section .standard-sidebar-item {
    transition: all 0.3s ease-in-out;
}

.navbar .navbar-brand img {
    max-height: 40px;
}

input[data-fieldname="search"] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 6px 10px;
}

.navbar .dropdown-menu {
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);
}

/* === Widget Title & Box (shared styles) === */
.widget.links-widget-box .widget-head .widget-label .widget-title {
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.05);
    transition: all 0.3s ease-in-out;
}
.widget.links-widget-box {
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease-in-out;
}
.widget.links-widget-box:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    transform: translateY(-4px);
}
.widget.links-widget-box a:hover {
    color: #d30000 !important;
}
.widget.links-widget-box:hover .widget-title {
    transform: scale(1.05);
}

/* === Light Theme Styles === */
body[data-theme="light"] {
    background: linear-gradient(135deg, #f0f4f8, #ffffff);
    color: #1d1d1d;
}
body[data-theme="light"] .navbar, 
body[data-theme="light"] .page-head {
    background-color: #ffffff !important;
    color: #111 !important;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}
body[data-theme="light"] .navbar a,
body[data-theme="light"] .navbar span,
body[data-theme="light"] .navbar .navbar-text {
    color: #111 !important;
}
body[data-theme="light"] .navbar a:hover,
body[data-theme="light"] .navbar a:focus {
    color: #d30000 !important;
}
body[data-theme="light"] .navbar .toggle-sidebar {
    color: #333 !important;
}
body[data-theme="light"] .navbar-nav .nav-item.active > .nav-link {
    border-bottom: 2px solid #d30000;
}
body[data-theme="light"] .layout-side-section,
body[data-theme="light"] .sidebar {
    background-color: #ffffff;
    border-right: 1px solid #eee;
}
body[data-theme="light"] .sidebar-section .standard-sidebar-item:hover,
body[data-theme="light"] .sidebar-section .standard-sidebar-item:focus {
    background-color: #e6f0ff !important;
    border-left: 4px solid #007bff !important;
}
body[data-theme="light"] .module-section .section-heading,
body[data-theme="light"] .module-section h4 {
    background-color: #e9f3ff;
    color: #003366;
}
body[data-theme="light"] .module-section .module-title {
    color: #2c3e50 !important;
}
body[data-theme="light"] .btn-primary {
    background: #1d1d1d;
    color: #fff;
    border: none;
    box-shadow: 0 4px 0 #2e2e2e;
}
body[data-theme="light"] .btn-primary:hover {
    background: #000;
    transform: translateY(-2px);
}
body[data-theme="light"] .btn-default,
body[data-theme="light"] .btn-light,
body[data-theme="light"] .btn-secondary {
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
}
body[data-theme="light"] .btn-default:hover,
body[data-theme="light"] .btn-light:hover,
body[data-theme="light"] .btn-secondary:hover {
    background-color: #d0e7ff !important;
    color: #003366 !important;
}
body[data-theme="light"] a {
    color: #d62828;
}
body[data-theme="light"] a:hover,
body[data-theme="light"] a:focus {
    color: #a4161a;
}
body[data-theme="light"] .card,
body[data-theme="light"] .dashboard-card,
body[data-theme="light"] .widget {
    background-color: #ffffff;
}
body[data-theme="light"] .widget.links-widget-box {
    background-color: #ffffff;
}
body[data-theme="light"] .widget.links-widget-box:hover {
    background-color: #f2d7d7;
}
body[data-theme="light"] h1, 
body[data-theme="light"] h2, 
body[data-theme="light"] h3, 
body[data-theme="light"] h4, 
body[data-theme="light"] h5 {
    color: #2b2b2b;
}

/* === Dark Theme Styles === */
body[data-theme="dark"] {
    background: linear-gradient(135deg, #1c1c1e, #2c2c2e);
    color: #f1f1f1;
}
body[data-theme="dark"] .navbar, 
body[data-theme="dark"] .page-head {
    background-color: #1e1e1e !important;
    color: #f0f0f0 !important;
    border-bottom: 1px solid #333;
    box-shadow: 0 2px 4px rgba(255, 255, 255, 0.02);
}
body[data-theme="dark"] .navbar a,
body[data-theme="dark"] .navbar span,
body[data-theme="dark"] .navbar .navbar-text {
    color: #f1f1f1 !important;
}
body[data-theme="dark"] .navbar a:hover,
body[data-theme="dark"] .navbar a:focus {
    color: #ff6b6b !important;
}
body[data-theme="dark"] .navbar .toggle-sidebar {
    color: #aaa !important;
}
body[data-theme="dark"] .navbar-nav .nav-item.active > .nav-link {
    border-bottom: 2px solid #ff6b6b;
}
body[data-theme="dark"] .layout-side-section,
body[data-theme="dark"] .sidebar {
    background-color: #2c2c2e;
    border-right: 1px solid #444;
}
body[data-theme="dark"] .sidebar-section .standard-sidebar-item:hover,
body[data-theme="dark"] .sidebar-section .standard-sidebar-item:focus {
    background-color: #3a3a3a !important;
    border-left: 4px solid #5fa8ff !important;
}
body[data-theme="dark"] .module-section .section-heading,
body[data-theme="dark"] .module-section h4 {
    background-color: #444;
    color: #add8ff;
}
body[data-theme="dark"] .module-section .module-title {
    color: #cceeff !important;
}
body[data-theme="dark"] .btn-primary {
    background: #ffffff;
    color: #1d1d1d;
    border: none;
    box-shadow: 0 4px 0 #999;
}
body[data-theme="dark"] .btn-primary:hover {
    background: #e0e0e0;
    transform: translateY(-2px);
}
body[data-theme="dark"] .btn-default,
body[data-theme="dark"] .btn-light,
body[data-theme="dark"] .btn-secondary {
    background-color: #3b3b3b;
    border: 1px solid #555;
}
body[data-theme="dark"] .btn-default:hover,
body[data-theme="dark"] .btn-light:hover,
body[data-theme="dark"] .btn-secondary:hover {
    background-color: #4c4c4c !important;
    color: #ffffff !important;
}
body[data-theme="dark"] a {
    color: #ff6b6b;
}
body[data-theme="dark"] a:hover,
body[data-theme="dark"] a:focus {
    color: #ff8787;
}
body[data-theme="dark"] .card,
body[data-theme="dark"] .dashboard-card,
body[data-theme="dark"] .widget {
    background-color: #2c2c2e;
}
body[data-theme="dark"] .widget.links-widget-box {
    background-color: #2c2c2e;
}
body[data-theme="dark"] .widget.links-widget-box:hover {
    background-color: #3a3a3a;
}
body[data-theme="dark"] h1, 
body[data-theme="dark"] h2, 
body[data-theme="dark"] h3, 
body[data-theme="dark"] h4, 
body[data-theme="dark"] h5 {
    color: #f1f1f1;
}
body[data-theme="dark"] .widget.links-widget-box:hover .widget-title {
    color: #ff6b6b;
}