/* ============================================================
   LEXICON — DARK MODE FELÜLÍRÁSOK
   Ez a fájl mindig utoljára töltődik be (JS injektálja),
   így minden hardkódolt szín és !important felülírható.
   ============================================================ */

/* ── 1. BODY / HTML HÁTTÉR ── */
[data-theme="dark"],
[data-theme="dark"] html,
[data-theme="dark"] body {
    background: #0f172a !important;
    background-image: none !important;
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .app-container {
    background: #0f172a !important;
    background-image: none !important;
    background-color: #0f172a !important;
}

[data-theme="dark"] .main-content {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #e2e8f0;
}

/* ── 2. SZÖVEG ALAPÉRTELMEZÉSEK ── */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] li {
    color: inherit;
}

[data-theme="dark"] a {
    color: #93c5fd;
}

[data-theme="dark"] a:hover {
    color: #bfdbfe;
}

[data-theme="dark"] label,
[data-theme="dark"] .form-label,
[data-theme="dark"] .form-group label {
    color: #94a3b8 !important;
}

/* ── 3. PAGE HEADER ── */
[data-theme="dark"] .page-header {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .page-header h1,
[data-theme="dark"] .page-header .page-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .page-header .header-description,
[data-theme="dark"] .page-header .page-subtitle,
[data-theme="dark"] .page-header p {
    color: #94a3b8 !important;
}

/* ── 4. KÁRTYÁK ── */
[data-theme="dark"] .card,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .stats-card,
[data-theme="dark"] .settings-card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .content-card,
[data-theme="dark"] .info-card,
[data-theme="dark"] .detail-card,
[data-theme="dark"] .section-card,
[data-theme="dark"] .data-card,
[data-theme="dark"] .list-card,
[data-theme="dark"] .summary-card,
[data-theme="dark"] .action-card,
[data-theme="dark"] .report-card,
[data-theme="dark"] .menu-card,
[data-theme="dark"] .help-card,
[data-theme="dark"] .faq-item,
[data-theme="dark"] .card-half,
[data-theme="dark"] .panel,
[data-theme="dark"] .box {
    background: #1e293b !important;
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .card:hover,
[data-theme="dark"] .stat-card:hover,
[data-theme="dark"] .settings-card:hover,
[data-theme="dark"] .dashboard-card:hover,
[data-theme="dark"] .menu-card:hover {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .card-header {
    background: transparent !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .card-body {
    background: transparent !important;
}

[data-theme="dark"] .card-footer,
[data-theme="dark"] .card-footer-link {
    background: transparent !important;
    border-top-color: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .card-title,
[data-theme="dark"] .card-title h2,
[data-theme="dark"] .card-title h3 {
    color: #f1f5f9 !important;
}

/* ── 5. STAT KÁRTYÁK IKONOK ── */
[data-theme="dark"] .stat-icon-wrapper {
    opacity: 0.9;
}

/* ── 6. SZEKCIÓ / CONTAINER HÁTTEREK ── */
[data-theme="dark"] .section,
[data-theme="dark"] .section-header,
[data-theme="dark"] .content-section,
[data-theme="dark"] .table-section,
[data-theme="dark"] .filter-section,
[data-theme="dark"] .form-section,
[data-theme="dark"] .search-section {
    background: transparent !important;
}

[data-theme="dark"] .section-title,
[data-theme="dark"] .section-header h2,
[data-theme="dark"] .section-header h3 {
    color: #f1f5f9 !important;
    border-bottom-color: #334155 !important;
}

/* ── 7. TÁBLA ── */
[data-theme="dark"] .data-table th,
[data-theme="dark"] table th {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border-bottom-color: #334155 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .data-table td,
[data-theme="dark"] table td {
    color: #e2e8f0 !important;
    border-bottom-color: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .data-table tr:hover td,
[data-theme="dark"] table tr:hover td {
    background: #263348 !important;
}

[data-theme="dark"] .table-container,
[data-theme="dark"] .table-wrapper {
    background: #1e293b !important;
    border-color: #334155 !important;
    border-radius: 12px;
}

[data-theme="dark"] .table-header,
[data-theme="dark"] .table-toolbar {
    background: #1e293b !important;
    border-bottom-color: #334155 !important;
}

/* ── 8. FORM ELEMEK ── */
[data-theme="dark"] .form-control,
[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus {
    background-color: #0f172a !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #475569 !important;
}

[data-theme="dark"] select option {
    background-color: #1e293b;
    color: #e2e8f0;
}

/* ── 9. ÉRTESÍTÉSEK ── */
[data-theme="dark"] .notification-success {
    background: #052e16 !important;
    color: #4ade80 !important;
    border-color: #166534 !important;
}

[data-theme="dark"] .notification-error {
    background: #450a0a !important;
    color: #f87171 !important;
    border-color: #991b1b !important;
}

[data-theme="dark"] .notification-warning {
    background: #451a03 !important;
    color: #fb923c !important;
    border-color: #92400e !important;
}

[data-theme="dark"] .notification-info {
    background: #0c1a42 !important;
    color: #93c5fd !important;
    border-color: #1e40af !important;
}

/* ── 10. LOADING OVERLAY ── */
[data-theme="dark"] .loading-overlay {
    background-color: rgba(15, 23, 42, 0.85) !important;
}

[data-theme="dark"] .law-spinner-container {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .loading-text {
    color: #e2e8f0 !important;
}

/* ── 11. ERROR STATE ── */
[data-theme="dark"] .error-state {
    background: #450a0a !important;
    color: #f87171 !important;
    border-color: #991b1b !important;
}

/* ── 12. TOPBAR / KERESŐSÁV ── */
[data-theme="dark"] .topbar-search {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .topbar-search input {
    color: #e2e8f0 !important;
    background: transparent !important;
}

[data-theme="dark"] .search-results-dropdown {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .search-category {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .search-category-title {
    color: #64748b !important;
}

[data-theme="dark"] .search-item:hover {
    background: #263348 !important;
}

[data-theme="dark"] .search-item-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .search-item-subtitle {
    color: #94a3b8 !important;
}

[data-theme="dark"] .topbar-profile {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .profile-name {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .profile-avatar {
    background: #334155 !important;
    color: #94a3b8 !important;
}

/* ── 13. MODÁLIS ABLAK ── */
[data-theme="dark"] .modal-dialog {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .modal-header {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .modal-footer {
    border-top-color: #334155 !important;
}

[data-theme="dark"] .modal-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .modal-header .close {
    color: #94a3b8 !important;
}

/* ── 14. BADGE / STÁTUSZ ── */
[data-theme="dark"] .badge-success { background: #052e16 !important; color: #4ade80 !important; }
[data-theme="dark"] .badge-warning { background: #451a03 !important; color: #fb923c !important; }
[data-theme="dark"] .badge-danger  { background: #450a0a !important; color: #f87171 !important; }
[data-theme="dark"] .badge-info    { background: #0c1a42 !important; color: #93c5fd !important; }

/* ── 15. GOMBOK ── */
[data-theme="dark"] .btn-secondary {
    background-color: #263348 !important;
    color: #94a3b8 !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

[data-theme="dark"] .btn-outline,
[data-theme="dark"] .btn-outline-primary {
    border-color: #3b82f6 !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .btn-outline:hover,
[data-theme="dark"] .btn-outline-primary:hover {
    background-color: rgba(59, 130, 246, 0.15) !important;
}

[data-theme="dark"] .btn-icon {
    border-color: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .btn-icon:hover {
    background: #263348 !important;
    color: #f1f5f9 !important;
}

/* ── 16. SZEPARÁTOROK / ELVÁLASZTÓK ── */
[data-theme="dark"] hr,
[data-theme="dark"] .separator,
[data-theme="dark"] .divider {
    border-color: #334155 !important;
    background: #334155 !important;
}

/* ── 17. LISTA ELEMEK ── */
[data-theme="dark"] .list-item,
[data-theme="dark"] .item-row,
[data-theme="dark"] .entry-item {
    border-bottom-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .list-item:hover,
[data-theme="dark"] .item-row:hover {
    background: #263348 !important;
}

/* ── 18. SIDEBAR (light módban sötét volt, dark módban marad) ── */
/* A sidebar már sötét (#0f172a) volt, nem kell felülírni */

/* ── 19. SZÍN SPECIFIKUS OLDAL OSZTÁLYOK ── */

/* sajatinformaciok.css + beallitasok_ertesitesek.css + sugo.css !important felülírás */
[data-theme="dark"] .settings-card h3 {
    color: #f1f5f9 !important;
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .settings-card .card-desc,
[data-theme="dark"] .settings-card p {
    color: #94a3b8 !important;
}

/* sugo.css specifikus blokkok */
[data-theme="dark"] .help-section,
[data-theme="dark"] .faq-section,
[data-theme="dark"] .guide-section {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .faq-question {
    color: #f1f5f9 !important;
    background: #1e293b !important;
}

[data-theme="dark"] .faq-answer {
    background: #0f172a !important;
    color: #94a3b8 !important;
    border-top-color: #334155 !important;
}

/* admin.css specifikus */
[data-theme="dark"] .admin-card,
[data-theme="dark"] .security-card,
[data-theme="dark"] .backup-card,
[data-theme="dark"] .audit-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ── 20. SZEGÉLYEK ÉS VONALAK ÁLTALÁNOSAN ── */
[data-theme="dark"] [style*="border"] {
    border-color: #334155;
}

/* ── 21. SCROLL SÁVOK ── */
[data-theme="dark"] * {
    scrollbar-color: #334155 #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background-color: #334155;
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background-color: #475569;
}

/* ── 22. WELCOME SECTION (dashboard) ── */
[data-theme="dark"] .welcome-section {
    background: transparent !important;
}

[data-theme="dark"] .welcome-content h1 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .welcome-content p,
[data-theme="dark"] .welcome-summary {
    color: #94a3b8 !important;
}

/* ── 23. TOPBAR ÉRTESÍTÉS GOMB ── */
[data-theme="dark"] .topbar-notification {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .topbar-notification:hover {
    background: #263348 !important;
    color: #f1f5f9 !important;
}

/* ── 24. TABS / FÜLEK ── */
[data-theme="dark"] .tab-nav,
[data-theme="dark"] .tabs,
[data-theme="dark"] .tab-list {
    border-bottom-color: #334155 !important;
}

[data-theme="dark"] .tab-item,
[data-theme="dark"] .tab-btn {
    color: #94a3b8 !important;
}

[data-theme="dark"] .tab-item.active,
[data-theme="dark"] .tab-btn.active,
[data-theme="dark"] .tab-item:hover,
[data-theme="dark"] .tab-btn:hover {
    color: #f1f5f9 !important;
    border-bottom-color: #3b82f6 !important;
}

/* ── 25. DROPDOWN MENÜK ── */
[data-theme="dark"] .dropdown-menu,
[data-theme="dark"] .context-menu,
[data-theme="dark"] .popup-menu {
    background: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .dropdown-item,
[data-theme="dark"] .context-menu-item {
    color: #e2e8f0 !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .context-menu-item:hover {
    background: #263348 !important;
    color: #f1f5f9 !important;
}

/* ── 26. PROGRESS BAR ── */
[data-theme="dark"] .progress-bar-bg,
[data-theme="dark"] .progress-track {
    background: #334155 !important;
}

/* ── 27. TOOLTIP ── */
[data-theme="dark"] .tooltip,
[data-theme="dark"] [data-tooltip]::after {
    background: #334155 !important;
    color: #f1f5f9 !important;
    border-color: #475569 !important;
}

/* ── 28. TÉRKÉP / HELYSZÍN KÁRTYÁK ── */
[data-theme="dark"] .location-card,
[data-theme="dark"] .place-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ── 29. LOGIN OLDAL ── */
[data-theme="dark"] .login-box,
[data-theme="dark"] .login-form-panel {
    background: #1e293b !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .login-box h2,
[data-theme="dark"] .login-box h3,
[data-theme="dark"] .login-box .subtitle {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .login-box .form-group label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .google-login-btn {
    background: #263348 !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .google-login-btn:hover {
    border-color: #475569 !important;
    background: #334155 !important;
}

[data-theme="dark"] .login-box .modal-box,
[data-theme="dark"] .modal-box {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .login-box .modal-box h3,
[data-theme="dark"] .modal-box h3 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .modal-icon--success {
    background: #052e16 !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .form-group label {
    color: #94a3b8 !important;
}

/* ── 30. KÁRTYA IKONOK (hardkódolt white háttér) ── */
/* Minden oldal .card-icon eleme white-ra volt hardkódolva */
[data-theme="dark"] .card-icon {
    background: #334155 !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

/* ── 31. KÁRTYA HOVER ÁLLAPOTOK (glass → sötét) ── */
/* beallitasok.css, jelentesek.css, torzsadatok.css stb. */
[data-theme="dark"] .beallitas-card:hover,
[data-theme="dark"] .jelentes-card:hover,
[data-theme="dark"] .torzsadat-card:hover {
    background: #263348 !important;
    background-image: none !important;
}

[data-theme="dark"] .beallitas-card,
[data-theme="dark"] .jelentes-card,
[data-theme="dark"] .torzsadat-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .group-title::after {
    background: #334155 !important;
}

/* ── 32. GLASSMORPHISM ELEMEK (rgba white → sötét) ── */
/* Egyéni oldal, dokumentumok, stb. */
[data-theme="dark"] .cal-date-box {
    background: #1e293b !important;
}

[data-theme="dark"] .calendar-item-row:hover {
    background: #263348 !important;
    background-image: none !important;
}

/* ── 33. KERESŐMEZŐ FÓKUSZ ── */
[data-theme="dark"] .search-box {
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .search-box:focus-within {
    background: #1e293b !important;
    border-color: #3b82f6 !important;
}

/* ── 34. FILTER ELEMEK / ACTION GOMBOK ── */
[data-theme="dark"] .filters select,
[data-theme="dark"] .filters button,
[data-theme="dark"] .action-buttons button,
[data-theme="dark"] .actions button,
[data-theme="dark"] .btn-quick-period {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .filters select:hover,
[data-theme="dark"] .filters button:hover,
[data-theme="dark"] .action-buttons button:hover,
[data-theme="dark"] .actions button:hover,
[data-theme="dark"] .btn-quick-period:hover {
    background: #263348 !important;
    color: #f1f5f9 !important;
}

/* ── 35. HÓNAP VÁLASZTÓ / PAGINATION ── */
[data-theme="dark"] .month-selector {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pagination-btn {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .pagination-btn:hover {
    background: #263348 !important;
    color: #f1f5f9 !important;
}

[data-theme="dark"] .client-item:hover {
    background: #263348 !important;
    background-image: none !important;
}

/* ── 36. MUNKATÁRSI OLDAL ELEMEK ── */
[data-theme="dark"] .report-creator-container {
    background: #1e293b !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .settings-panel,
[data-theme="dark"] .panel-header,
[data-theme="dark"] .settings-content {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .panel.settings-panel:hover {
    background: #263348 !important;
}

[data-theme="dark"] .case-card {
    background: #1e293b !important;
    border-color: #334155 !important;
}

/* ── 37. FA-ELEM (archivum_helyek, irattarozo) ── */
[data-theme="dark"] .fa-elem {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .fa-elem:hover {
    background: #263348 !important;
}

[data-theme="dark"] .fa-elem-actions button {
    background: #263348 !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .fa-elem-leiras {
    color: #94a3b8 !important;
}

/* ── 38. PAGE-SPECIFIC .notification (nem globális) ── */
/* Ezek NEM a global notification-ok, hanem oldal-specifikus inline értesítők */
[data-theme="dark"] .notification:not([class*="notification-success"]):not([class*="notification-error"]):not([class*="notification-warning"]):not([class*="notification-info"]) {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* ── 39. BILLABLE / CHECKED KÁRTYA ── */
[data-theme="dark"] .billable-card input:checked + .card-content {
    background: #0f172a !important;
    border-color: #3b82f6 !important;
}

/* ── 40. SZÁMLÁZHATÓSÁG STATISZTIKA ── */
[data-theme="dark"] .month-selector,
[data-theme="dark"] .client-item {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* ── 41. TOTAL DURATION CONTAINER ── */
[data-theme="dark"] .total-duration-container {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* ── 42. ESEMENYNAPLO SPECIFIKUS ── */
[data-theme="dark"] .header-actions .btn-outline-primary,
[data-theme="dark"] .header-actions .btn-outline-secondary {
    background: #1e293b !important;
    border-color: #334155 !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .header-actions .btn-outline-primary:hover,
[data-theme="dark"] .header-actions .btn-outline-secondary:hover {
    background: #263348 !important;
    color: #f1f5f9 !important;
}

/* ── 43. BEÁLLÍTÁSOK ── */
[data-theme="dark"] .setting-label {
    color: #94a3b8 !important;
}

[data-theme="dark"] .theme-switch-container {
    background: #0f172a !important;
    border-color: #334155 !important;
}

[data-theme="dark"] .theme-option {
    color: #94a3b8 !important;
}

[data-theme="dark"] .theme-option:hover {
    color: #f1f5f9 !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .theme-option.active {
    background: #334155 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}