/**
 * Light Theme for KSW Database Management Studio
 * Override dark theme with light colors
 */

/* Light Theme Variables */
body[data-theme="light"] {
    --bg-main: #ffffff;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f0f0f0;
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-tertiary: #999999;
    --border-color: #e0e0e0;
    --border-hover: #0078d4;
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.2);
}

/* Body & Main Elements */
body[data-theme="light"] {
    background: #f5f5f5;
    color: #333333;
}

/* Sections */
body[data-theme="light"] .section {
    background-color: #ffffff;
    color: #333333;
    border: 1px solid #e0e0e0;
}

/* Headers */
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,
body[data-theme="light"] h6 {
    color: #2d2d30;
}

body[data-theme="light"] h1 {
    color: #1a1a1a;
}

body[data-theme="light"] h2 {
    border-bottom-color: #e0e0e0;
}

body[data-theme="light"] h3 {
    border-bottom-color: #e0e0e0;
}

/* Paragraphs */
body[data-theme="light"] p {
    color: #333333;
}

/* Links */
body[data-theme="light"] a {
    color: #0078d4;
}

/* Top Bar */
body[data-theme="light"] .user-bar {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    overflow: visible !important;
}

body[data-theme="light"] .user-bar::before {
    color: #2d2d30 !important;
}

body[data-theme="light"] .app-title {
    color: #2d2d30 !important;
}

body[data-theme="light"] .welcome-text {
    color: #2d2d30 !important;
}

body[data-theme="light"] .user-info {
    color: #2d2d30 !important;
}

body[data-theme="light"] .user-info span {
    color: #2d2d30 !important;
}

body[data-theme="light"] .user-btn {
    color: #333333 !important;
    background: transparent !important;
}

body[data-theme="light"] .user-btn:hover {
    background: rgba(0, 120, 212, 0.1) !important;
    color: #0078d4 !important;
}

body[data-theme="light"] .theme-toggle-btn,
body[data-theme="light"] .settings-btn,
body[data-theme="light"] .db-btn,
body[data-theme="light"] .lang-btn {
    color: #333333 !important;
}

/* Sidebar */
body[data-theme="light"] .navbar {
    background: #f8f9fa !important;
    border-right: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .sidebar-header {
    background: #f0f0f0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .sidebar-header h3 {
    color: #2d2d30 !important;
}

body[data-theme="light"] .navbar::before {
    background: #f0f0f0 !important;
    color: #2d2d30 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .nav-item {
    color: #333333;
}

body[data-theme="light"] .nav-item:hover {
    background: rgba(0, 120, 212, 0.1);
    color: #0078d4;
}

body[data-theme="light"] .nav-item.active {
    background: rgba(0, 120, 212, 0.15);
    color: #0078d4;
}

/* Tables */
body[data-theme="light"] .data-table-wrapper {
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

body[data-theme="light"] table {
    background: #ffffff;
}

body[data-theme="light"] th,
body[data-theme="light"] td {
    color: #333333;
    border-bottom-color: #e0e0e0;
    border-right-color: #e0e0e0;
}

body[data-theme="light"] th {
    background: linear-gradient(to bottom, #f8f9fa 0%, #f3f2f1 100%);
    color: #2d2d30;
    border-bottom-color: #0078d4;
    border-right-color: #d0d0d0;
}

body[data-theme="light"] tr:hover {
    background: rgba(0, 120, 212, 0.05);
}

body[data-theme="light"] tbody tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.02);
}

body[data-theme="light"] .sticky-header th {
    background: linear-gradient(to bottom, #f8f9fa 0%, #f3f2f1 100%);
}

/* Forms */
body[data-theme="light"] .form-table {
    background-color: #ffffff;
    color: #333333;
}

body[data-theme="light"] .form-table td {
    border-bottom-color: #e0e0e0;
}

body[data-theme="light"] input[type="text"],
body[data-theme="light"] input[type="number"],
body[data-theme="light"] input[type="password"],
body[data-theme="light"] input[type="date"],
body[data-theme="light"] input[type="datetime-local"],
body[data-theme="light"] select,
body[data-theme="light"] textarea {
    background-color: #ffffff;
    color: #333333;
    border-color: #d0d0d0;
}

body[data-theme="light"] input:focus,
body[data-theme="light"] select:focus,
body[data-theme="light"] textarea:focus {
    border-color: #0078d4;
    background-color: #f8f9fa;
}

/* Code Blocks */
body[data-theme="light"] pre {
    background-color: #f5f5f5;
    color: #333333;
    border-color: #d0d0d0;
}

body[data-theme="light"] code {
    background-color: transparent !important;
    color: #333333 !important;
    border: none !important;
    padding: 0 !important;
}

body[data-theme="light"] pre {
    background-color: transparent !important;
    color: #333333 !important;
    border: none !important;
}

body[data-theme="light"] table code,
body[data-theme="light"] td code,
body[data-theme="light"] th code,
body[data-theme="light"] .hex-data,
body[data-theme="light"] .binary-data {
    background: none !important;
    background-color: transparent !important;
    color: #333333 !important;
    border: none !important;
    padding: 0 !important;
}

body[data-theme="light"] td .binary-data,
body[data-theme="light"] td .hex-data,
body[data-theme="light"] span.binary-data,
body[data-theme="light"] span.hex-data {
    background: none !important;
    background-color: transparent !important;
    color: #333333 !important;
}

/* Info/Success/Warning/Error Messages */
body[data-theme="light"] .info {
    background: #e3f2fd !important;
    color: #0d47a1 !important;
    border-left-color: #2196f3 !important;
}

body[data-theme="light"] .success {
    background: #e8f5e9 !important;
    color: #1b5e20 !important;
    border-left-color: #4caf50 !important;
}

body[data-theme="light"] .warning {
    background: #fff3e0 !important;
    color: #e65100 !important;
    border-left-color: #ff9800 !important;
}

body[data-theme="light"] .error {
    background: #ffebee !important;
    color: #b71c1c !important;
    border-left-color: #f44336 !important;
}

body[data-theme="light"] .success::before,
body[data-theme="light"] .error::before,
body[data-theme="light"] .warning::before,
body[data-theme="light"] .info::before {
    color: inherit !important;
}

/* Sistem Hata Kutusu - Light Theme */
body[data-theme="light"] .system-error-box {
    background: #fde7e9 !important;
    color: #a80000 !important;
    border-color: #f5c6cb !important;
    border-left-color: #d13438 !important;
}

body[data-theme="light"] .system-error-box h3 {
    color: #721c24 !important;
}

body[data-theme="light"] .system-error-box p {
    color: #a80000 !important;
}

/* Updates Page */
body[data-theme="light"] .update-card {
    background: #ffffff;
    border-color: #e0e0e0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

body[data-theme="light"] .update-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

body[data-theme="light"] .update-header {
    border-bottom-color: #e0e0e0;
}

body[data-theme="light"] .update-title {
    color: #2d2d30;
}

body[data-theme="light"] .update-description {
    color: #555555;
    background: #f8f9fa;
}

body[data-theme="light"] .update-author,
body[data-theme="light"] .update-date,
body[data-theme="light"] .update-time {
    color: #666666;
}

body[data-theme="light"] .change-category {
    background: #f8f9fa;
    border-color: #e0e0e0;
}

body[data-theme="light"] .change-category:hover {
    background: #f0f4ff;
}

body[data-theme="light"] .category-title {
    border-bottom-color: #e0e0e0;
}

body[data-theme="light"] .category-list li {
    color: #333333;
}

body[data-theme="light"] .timeline-dot {
    border-color: #ffffff;
}

/* Footer */
body[data-theme="light"] .footer {
    background: #f8f9fa;
    border-top: 1px solid #e0e0e0;
    color: #666666;
}

/* Modals */
body[data-theme="light"] .modal-content {
    background: #ffffff;
    color: #333333;
    border: 1px solid #e0e0e0;
}

/* DB Modal - Light Theme */
body[data-theme="light"] .db-modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

body[data-theme="light"] .db-modal-content {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .db-modal-header {
    background: #f8f9fa !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .db-modal-header h3 {
    color: #2d2d30 !important;
}

body[data-theme="light"] .db-modal-close {
    color: #666666 !important;
}

body[data-theme="light"] .db-modal-close:hover {
    color: #e74c3c !important;
}

body[data-theme="light"] .db-list {
    background: #ffffff !important;
}

body[data-theme="light"] .db-item {
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    color: #333333 !important;
}

body[data-theme="light"] .db-item:hover {
    background: #e3f2fd !important;
    border-color: #0078d4 !important;
}

body[data-theme="light"] .db-item.active {
    background: #e3f2fd !important;
    border-color: #0078d4 !important;
}

body[data-theme="light"] .db-item-name {
    color: #2d2d30 !important;
}

body[data-theme="light"] .db-item-code {
    color: #666666 !important;
}

body[data-theme="light"] .db-item-icon {
    color: #0078d4 !important;
}

body[data-theme="light"] .db-item-check {
    color: #0078d4 !important;
}

/* Settings Modal - Light Theme */
body[data-theme="light"] .settings-modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

body[data-theme="light"] .settings-modal-content {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .settings-modal-header {
    background: #f8f9fa !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .settings-modal-header h3 {
    color: #2d2d30 !important;
}

body[data-theme="light"] .settings-modal-close {
    color: #666666 !important;
}

body[data-theme="light"] .settings-modal-close:hover {
    color: #e74c3c !important;
}

body[data-theme="light"] .settings-body {
    background: #ffffff !important;
    color: #333333 !important;
}

body[data-theme="light"] .settings-section {
    background: #ffffff !important;
    border: none !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
}

body[data-theme="light"] .settings-section h4 {
    color: #2d2d30 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 10px !important;
    margin-bottom: 15px !important;
}

body[data-theme="light"] .setting-item label {
    color: #333333 !important;
}

body[data-theme="light"] .setting-control {
    color: #333333 !important;
}

body[data-theme="light"] .settings-actions {
    background: #f8f9fa !important;
    border-top: 1px solid #e0e0e0 !important;
}

/* Language Modal - Light Theme */
body[data-theme="light"] #languageModal {
    background: rgba(0, 0, 0, 0.5) !important;
}

body[data-theme="light"] .language-modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

body[data-theme="light"] .language-modal-content {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .language-modal-header {
    background: #f8f9fa !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .language-modal-header h3 {
    color: #2d2d30 !important;
}

body[data-theme="light"] .language-modal-close {
    color: #666666 !important;
}

body[data-theme="light"] .language-modal-close:hover {
    color: #e74c3c !important;
}

body[data-theme="light"] .language-list {
    background: #ffffff !important;
}

body[data-theme="light"] .language-item {
    background: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    color: #333333 !important;
}

body[data-theme="light"] .language-item:hover {
    background: #e3f2fd !important;
    border-color: #0078d4 !important;
}

body[data-theme="light"] .language-item.active {
    background: #e3f2fd !important;
    border-color: #0078d4 !important;
}

body[data-theme="light"] .language-item-flag {
    color: #0078d4 !important;
}

body[data-theme="light"] .language-item-name {
    color: #2d2d30 !important;
}

body[data-theme="light"] .language-item-code {
    color: #666666 !important;
}

body[data-theme="light"] .language-item-check {
    color: #0078d4 !important;
}

/* Buttons */
body[data-theme="light"] .button {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    color: white !important;
}

body[data-theme="light"] .button:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    color: white !important;
}

/* Button Variants - Light Theme */
body[data-theme="light"] .add-btn {
    background-color: #2ecc71 !important;
    color: white !important;
}

body[data-theme="light"] .add-btn:hover {
    background-color: #27ae60 !important;
    color: white !important;
}

body[data-theme="light"] .edit-btn {
    background-color: #f39c12 !important;
    color: white !important;
}

body[data-theme="light"] .edit-btn:hover {
    background-color: #e67e22 !important;
    color: white !important;
}

body[data-theme="light"] .delete-btn {
    background-color: #e74c3c !important;
    color: white !important;
}

body[data-theme="light"] .delete-btn:hover {
    background-color: #c0392b !important;
    color: white !important;
}

body[data-theme="light"] .excel-btn {
    background-color: #27ae60 !important;
    color: white !important;
}

body[data-theme="light"] .excel-btn:hover {
    background-color: #229954 !important;
    color: white !important;
}

body[data-theme="light"] .button[type="submit"],
body[data-theme="light"] button[type="submit"] {
    background-color: #3498db !important;
    color: white !important;
}

body[data-theme="light"] .button[type="submit"]:hover,
body[data-theme="light"] button[type="submit"]:hover {
    background-color: #2980b9 !important;
    color: white !important;
}

/* Scrollbar - Light Theme */
body[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f0f0f0;
}

body[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #c0c0c0;
}

body[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0;
}

/* DB Info */
body[data-theme="light"] .db-info {
    background: #ffffff;
    border: 1px solid #e0e0e0;
    color: #333333;
}

/* SQL Editor */
body[data-theme="light"] .sql-editor {
    background: #f8f9fa;
    color: #333333;
    border-color: #d0d0d0;
}

body[data-theme="light"] .sql-editor:focus {
    background: #ffffff;
    border-color: #0078d4;
}

/* Pagination - Light Theme */
body[data-theme="light"] .pagination a {
    color: #333333;
    background: #ffffff;
    border-color: #d0d0d0;
}

body[data-theme="light"] .pagination a:hover {
    background-color: #0078d4;
    color: white;
    border-color: #0078d4;
}

body[data-theme="light"] .pagination a.active {
    background-color: #0078d4;
    color: white;
    border-color: #0078d4;
}
/* Splash Screen - Light Theme */
body[data-theme="light"] #splash-screen {
    background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%) !important;
}

body[data-theme="light"] #splash-screen h1 {
    color: #2d2d30 !important;
}

body[data-theme="light"] #splash-screen h2 {
    color: #0078d4 !important;
}

body[data-theme="light"] #splash-screen p {
    color: #666666 !important;
}

body[data-theme="light"] #splash-screen #loading-bar {
    background: linear-gradient(90deg, #0078d4, #00bcf2) !important;
}

/* ========================================
   LOGIN & REGISTER PAGE LIGHT THEME
   ======================================== */

/* Login/Register Container - Light Theme */
body[data-theme="light"] {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ebf1 100%) !important;
}

body[data-theme="light"] .login-container,
body[data-theme="light"] .register-container {
    background: #ffffff !important;
    border-color: #edebe9 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

body[data-theme="light"] .login-header,
body[data-theme="light"] .register-header {
    background: #f3f2f1 !important;
    border-bottom-color: #edebe9 !important;
}

body[data-theme="light"] .login-header h1,
body[data-theme="light"] .register-header h1 {
    color: #323130 !important;
}

body[data-theme="light"] .login-header p,
body[data-theme="light"] .register-header p {
    color: #605e5c !important;
}

body[data-theme="light"] .login-body,
body[data-theme="light"] .register-body {
    background: #ffffff !important;
}

body[data-theme="light"] .form-group label {
    color: #323130 !important;
}

body[data-theme="light"] .form-group input {
    background: #ffffff !important;
    color: #323130 !important;
    border-color: #edebe9 !important;
}

body[data-theme="light"] .form-group input:focus {
    background: #f3f2f1 !important;
    border-color: #0078d4 !important;
}

body[data-theme="light"] .btn-login,
body[data-theme="light"] .btn-register {
    background: #0078d4 !important;
    color: white !important;
}

body[data-theme="light"] .btn-login:hover,
body[data-theme="light"] .btn-register:hover {
    background: #106ebe !important;
}

body[data-theme="light"] .form-footer {
    border-top-color: #edebe9 !important;
}

body[data-theme="light"] .form-footer a {
    color: #0078d4 !important;
}

body[data-theme="light"] .form-footer p {
    color: #605e5c !important;
}

body[data-theme="light"] .alert-error {
    background: #fde7e9 !important;
    color: #a80000 !important;
    border-left-color: #d13438 !important;
}

body[data-theme="light"] .alert-success {
    background: #dff6dd !important;
    color: #0e700e !important;
    border-left-color: #107c10 !important;
}

body[data-theme="light"] .alert-info {
    background: #f3f9fd !important;
    color: #004578 !important;
    border-left-color: #0078d4 !important;
}

body[data-theme="light"] .pending-notice {
    background: #fff4ce !important;
    border-color: #f7630c !important;
    border-left-color: #f7630c !important;
}

body[data-theme="light"] .pending-notice h3 {
    color: #8a3800 !important;
}

body[data-theme="light"] .pending-notice p {
    color: #323130 !important;
}

body[data-theme="light"] .language-selector select {
    background: #ffffff !important;
    color: #323130 !important;
    border-color: #edebe9 !important;
}

body[data-theme="light"] .language-selector select:hover,
body[data-theme="light"] .language-selector select:focus {
    background: #f3f2f1 !important;
    border-color: #0078d4 !important;
}

body[data-theme="light"] .theme-toggle-btn {
    background: #ffffff !important;
    color: #323130 !important;
    border-color: #edebe9 !important;
}

body[data-theme="light"] .theme-toggle-btn:hover {
    background: #f3f2f1 !important;
    border-color: #0078d4 !important;
}

/* ========================================
   ADMIN PANEL - LIGHT THEME
   ======================================== */

/* Admin Stats Grid */
body[data-theme="light"] .stat-card {
    background: linear-gradient(135deg, rgba(0, 120, 212, 0.08), rgba(0, 120, 212, 0.03)) !important;
    border-color: #e0e0e0 !important;
}

body[data-theme="light"] .stat-value {
    color: #1a1a1a !important;
}

body[data-theme="light"] .stat-label {
    color: #555555 !important;
}

/* Admin Filters */
body[data-theme="light"] .admin-filters {
    background: rgba(0, 120, 212, 0.05) !important;
    border: 1px solid #e0e0e0 !important;
}

body[data-theme="light"] .filter-select {
    background: #ffffff !important;
    color: #333333 !important;
    border-color: #d0d0d0 !important;
}

body[data-theme="light"] .filter-select:focus {
    border-color: #0078d4 !important;
}

/* User Table Selects */
body[data-theme="light"] .role-select,
body[data-theme="light"] .status-select {
    background: #ffffff !important;
    color: #333333 !important;
    border-color: #d0d0d0 !important;
}

body[data-theme="light"] .role-select:focus,
body[data-theme="light"] .status-select:focus {
    border-color: #0078d4 !important;
}

body[data-theme="light"] .role-select:disabled,
body[data-theme="light"] .status-select:disabled {
    background: #f5f5f5 !important;
    color: #999999 !important;
}

/* User Row Styles */
body[data-theme="light"] .banned-row {
    background: rgba(209, 52, 56, 0.08) !important;
}

body[data-theme="light"] .pending-row {
    background: rgba(247, 99, 12, 0.08) !important;
}

/* Counter */
body[data-theme="light"] .counter {
    color: #555555 !important;
}

/* Search Box in Admin */
body[data-theme="light"] .admin-filters .search-box {
    background: #ffffff !important;
    color: #333333 !important;
    border-color: #d0d0d0 !important;
}

body[data-theme="light"] .admin-filters .search-box::placeholder {
    color: #999999 !important;
}

/* ========================================
   TOAST NOTIFICATIONS - LIGHT THEME
   ======================================== */

body[data-theme="light"] .toast-success {
    background: rgba(232, 245, 233, 0.98) !important;
    border-left-color: #4caf50 !important;
    color: #1b5e20 !important;
}

body[data-theme="light"] .toast-success .toast-icon {
    color: #2e7d32 !important;
}

body[data-theme="light"] .toast-success .toast-title,
body[data-theme="light"] .toast-success .toast-message {
    color: #1b5e20 !important;
}

body[data-theme="light"] .toast-success .toast-close {
    color: #2e7d32 !important;
}

body[data-theme="light"] .toast-error {
    background: rgba(255, 235, 238, 0.98) !important;
    border-left-color: #f44336 !important;
    color: #c62828 !important;
}

body[data-theme="light"] .toast-error .toast-icon {
    color: #d32f2f !important;
}

body[data-theme="light"] .toast-error .toast-title,
body[data-theme="light"] .toast-error .toast-message {
    color: #c62828 !important;
}

body[data-theme="light"] .toast-error .toast-close {
    color: #d32f2f !important;
}

body[data-theme="light"] .toast-warning {
    background: rgba(255, 243, 224, 0.98) !important;
    border-left-color: #ff9800 !important;
    color: #e65100 !important;
}

body[data-theme="light"] .toast-warning .toast-icon {
    color: #f57c00 !important;
}

body[data-theme="light"] .toast-warning .toast-title,
body[data-theme="light"] .toast-warning .toast-message {
    color: #e65100 !important;
}

body[data-theme="light"] .toast-warning .toast-close {
    color: #f57c00 !important;
}

body[data-theme="light"] .toast-info {
    background: rgba(227, 242, 253, 0.98) !important;
    border-left-color: #2196f3 !important;
    color: #0d47a1 !important;
}

body[data-theme="light"] .toast-info .toast-icon {
    color: #1976d2 !important;
}

body[data-theme="light"] .toast-info .toast-title,
body[data-theme="light"] .toast-info .toast-message {
    color: #0d47a1 !important;
}

body[data-theme="light"] .toast-info .toast-close {
    color: #1976d2 !important;
}

body[data-theme="light"] .toast-progress {
    background: rgba(0, 0, 0, 0.2) !important;
}

/* ========================================
   NOTIFICATION DROPDOWN - LIGHT THEME
   ======================================== */

body[data-theme="light"] .notification-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #d0d0d0 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15) !important;
    width: 340px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

body[data-theme="light"] .notification-header {
    background-color: #f5f5f5 !important;
    border-bottom: 1px solid #d0d0d0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 16px !important;
    flex-wrap: nowrap !important;
}

body[data-theme="light"] .notification-header span {
    color: #1a1a1a !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    white-space: nowrap !important;
}

body[data-theme="light"] .mark-all-read {
    color: #0078d4 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
}

body[data-theme="light"] .mark-all-read:hover {
    background: rgba(0, 120, 212, 0.1) !important;
}

body[data-theme="light"] .notification-list {
    background: #ffffff !important;
    min-height: 80px !important;
    max-height: 350px !important;
    overflow-y: auto !important;
}

body[data-theme="light"] .notification-item {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e8e8e8 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 12px 14px !important;
}

body[data-theme="light"] .notification-item:hover {
    background-color: #f5f5f5 !important;
}

body[data-theme="light"] .notification-item.unread {
    background-color: rgba(0, 120, 212, 0.08) !important;
}

body[data-theme="light"] .notification-item-icon {
    font-size: 20px !important;
    flex-shrink: 0 !important;
    width: 24px !important;
    height: 24px !important;
}

body[data-theme="light"] .notification-item-content {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body[data-theme="light"] .notification-item-title {
    color: #1a1a1a !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    margin-bottom: 2px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body[data-theme="light"] .notification-item-message {
    color: #555555 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body[data-theme="light"] .notification-item-time {
    color: #888888 !important;
    font-size: 10px !important;
    margin-top: 3px !important;
}

body[data-theme="light"] .notification-item-dismiss {
    color: #888888 !important;
    background: none !important;
    border: none !important;
    font-size: 14px !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

body[data-theme="light"] .notification-item-dismiss:hover {
    background: rgba(209, 52, 56, 0.1) !important;
    color: #d13438 !important;
}

body[data-theme="light"] .notification-empty {
    background: #ffffff !important;
    color: #666666 !important;
    padding: 30px 20px !important;
    text-align: center !important;
    font-size: 14px !important;
    min-height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}