/* Mérlegjegy: megjelenés — változók felülírása (mezo_pref_theme_v1 a böngészőben). Világos: data-mezo-accent opcionális; alap („borostyán”) = nincs attribútum. Sötét: data-mezo-appearance="dark". */

/* —— Világos: tengerkék —— */
html[data-mezo-accent="ocean"]:not([data-mezo-appearance="dark"]) {
  --amber: #0284c7;
  --mj-blue: #0369a1;
  --nav-active-fg: #075985;
  --nav-active-bg: #e0f2fe;
  --nav-active-border: #7dd3fc;
  --hint-bg: #e0f2fe;
  --hint-bd: #7dd3fc;
  --hint-fg: #0c4a6e;
  --table-head-bg: #e0f2fe;
  --table-head-fg: #0c4a6e;
  --table-head-bd: #bae6fd;
  --net-bg: #f0f9ff;
  --table-strip-bg: #f8fafc;
  --icon-row-hover-bg: #e0f2fe;
  --icon-row-hover-fg: #0f172a;
  --edit-hover-bg: #e0f2fe;
  --edit-hover-fg: #0369a1;
  --msg-ok-fg: #0e7490;
  --msg-ok-bg: #ecfeff;
  --msg-ok-bd: #a5f3fc;
}

/* —— Világos: erdőzöld —— */
html[data-mezo-accent="forest"]:not([data-mezo-appearance="dark"]) {
  --amber: #059669;
  --mj-blue: #047857;
  --nav-active-fg: #065f46;
  --nav-active-bg: #ecfdf5;
  --nav-active-border: #6ee7b7;
  --hint-bg: #ecfdf5;
  --hint-bd: #6ee7b7;
  --hint-fg: #065f46;
  --table-head-bg: #d1fae5;
  --table-head-fg: #064e3b;
  --table-head-bd: #6ee7b7;
  --net-bg: #f0fdf4;
  --table-strip-bg: #f7fee7;
  --icon-row-hover-bg: #d1fae5;
  --icon-row-hover-fg: #064e3b;
  --edit-hover-bg: #d1fae5;
  --edit-hover-fg: #047857;
}

/* —— Világos: ibolya —— */
html[data-mezo-accent="violet"]:not([data-mezo-appearance="dark"]) {
  --amber: #7c3aed;
  --mj-blue: #5b21b6;
  --nav-active-fg: #5b21b6;
  --nav-active-bg: #f5f3ff;
  --nav-active-border: #c4b5fd;
  --hint-bg: #f5f3ff;
  --hint-bd: #c4b5fd;
  --hint-fg: #5b21b6;
  --table-head-bg: #ede9fe;
  --table-head-fg: #5b21b6;
  --table-head-bd: #c4b5fd;
  --net-bg: #faf5ff;
  --table-strip-bg: #faf5ff;
  --icon-row-hover-bg: #ede9fe;
  --icon-row-hover-fg: #4c1d95;
  --edit-hover-bg: #ede9fe;
  --edit-hover-fg: #6d28d9;
}

/* —— Sötét: alap (borostyán kiemelés) —— */
html[data-mezo-appearance="dark"] {
  color-scheme: dark;
  --bg: #0f172a;
  --card: #1e293b;
  --border: #334155;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --nav-surface: #1e293b;
  --nav-hover-bg: #334155;
  --drop-chevron: #94a3b8;
  --net-bg: #0f172a;
  --table-head-bg: #334155;
  --table-head-fg: #e2e8f0;
  --table-head-bd: #475569;
  --table-row-strong: #f1f5f9;
  --table-route-fg: #cbd5e1;
  --tix-icon-muted: #94a3b8;
  --icon-row-hover-bg: #334155;
  --icon-row-hover-fg: #f8fafc;
  --table-strip-bg: #273549;
  --ac-panel-line1: #f1f5f9;
  --ac-opt-line2-muted: #94a3b8;
  --ac-opt-line2-on: #cbd5e1;
  --ac-divider: #475569;
  --msg-err-bg: #450a0a;
  --msg-err-fg: #fecaca;
  --msg-err-bd: #991b1b;
  --msg-ok-bg: #022c22;
  --msg-ok-fg: #a7f3d0;
  --msg-ok-bd: #047857;
  --icon-danger: #f87171;
  --icon-danger-hover-bg: #450a0a;
  --icon-danger-hover-fg: #fecaca;
  --icon-lock-fg: #64748b;
  --amber: #f59e0b;
  --mj-blue: #38bdf8;
  --nav-active-fg: #fbbf24;
  --nav-active-bg: rgba(245, 158, 11, 0.18);
  --nav-active-border: rgba(245, 158, 11, 0.45);
  --hint-bg: rgba(245, 158, 11, 0.12);
  --hint-bd: rgba(245, 158, 11, 0.35);
  --hint-fg: #fde68a;
  --edit-hover-bg: #0c4a6e;
  --edit-hover-fg: #7dd3fc;
}

html[data-mezo-appearance="dark"] .card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

html[data-mezo-appearance="dark"] .menubar {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* Sötét mód: űrlapmezők — a .tix-filters-inp világos háttere + örökölt --text = láthatatlan szöveg */
html[data-mezo-appearance="dark"] .tix-filters-inp {
  color: var(--table-head-fg);
  background: var(--table-head-bg);
  border-color: var(--table-head-bd);
}
html[data-mezo-appearance="dark"] .tix-filters-inp::placeholder {
  color: var(--muted);
}
html[data-mezo-appearance="dark"] .tix-filters-inp:focus {
  outline: 2px solid var(--mj-blue);
  outline-offset: 1px;
  border-color: var(--mj-blue);
}
html[data-mezo-appearance="dark"] .tix-filters-lbl {
  color: var(--muted);
}

/* Sötét mód + tenger */
html[data-mezo-appearance="dark"][data-mezo-accent="ocean"] {
  --amber: #38bdf8;
  --mj-blue: #7dd3fc;
  --nav-active-fg: #e0f2fe;
  --nav-active-bg: rgba(56, 189, 248, 0.15);
  --nav-active-border: rgba(56, 189, 248, 0.45);
  --hint-bg: rgba(56, 189, 248, 0.1);
  --hint-bd: rgba(56, 189, 248, 0.35);
  --hint-fg: #bae6fd;
  --edit-hover-bg: #0c4a6e;
  --edit-hover-fg: #7dd3fc;
}

/* Sötét + erdő */
html[data-mezo-appearance="dark"][data-mezo-accent="forest"] {
  --amber: #34d399;
  --mj-blue: #6ee7b7;
  --nav-active-fg: #a7f3d0;
  --nav-active-bg: rgba(52, 211, 153, 0.15);
  --nav-active-border: rgba(52, 211, 153, 0.45);
  --hint-bg: rgba(52, 211, 153, 0.1);
  --hint-bd: rgba(52, 211, 153, 0.35);
  --hint-fg: #d1fae5;
  --edit-hover-bg: #064e3b;
  --edit-hover-fg: #6ee7b7;
}

/* Sötét + ibolya */
html[data-mezo-appearance="dark"][data-mezo-accent="violet"] {
  --amber: #a78bfa;
  --mj-blue: #c4b5fd;
  --nav-active-fg: #e9d5ff;
  --nav-active-bg: rgba(167, 139, 250, 0.15);
  --nav-active-border: rgba(167, 139, 250, 0.45);
  --hint-bg: rgba(167, 139, 250, 0.1);
  --hint-bd: rgba(167, 139, 250, 0.35);
  --hint-fg: #ede9fe;
  --edit-hover-bg: #4c1d95;
  --edit-hover-fg: #c4b5fd;
}

@media screen {

/* Sötét mód: mérlegjegy — csak képernyő; nyomtatás a merlegjegy-minta.css @media print (fehér papír). */
html[data-mezo-appearance="dark"] .mj-print-area .mj-sheet {
  --mj-blue: #93c5fd;
  --mj-line: #64748b;
  --mj-paper: #263246;
  --mj-th-bg: #3d4f68;
  --mj-td-bg: #1e293b;
  --mj-fg: #f8fafc;
  --mj-fg-soft: #cbd5e1;
  background: var(--mj-paper) !important;
  color: var(--mj-fg);
  border-color: #64748b;
  box-shadow: 0 4px 28px rgba(0, 0, 0, 0.55);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-title-bar {
  border-bottom-color: #64748b;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-title-bar .mj-title {
  color: #e0f2fe;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-paper-date,
html[data-mezo-appearance="dark"] .mj-print-area .mj-sz-row--titleline .mj-sz-lbl {
  color: var(--mj-fg);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-pd-suf {
  color: var(--mj-fg-soft);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-keret {
  background: var(--mj-td-bg) !important;
  border-color: var(--mj-line);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-tbl-paper th {
  background: var(--mj-th-bg) !important;
  color: var(--mj-fg) !important;
  border-color: var(--mj-line) !important;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-tbl-paper td {
  background: var(--mj-td-bg) !important;
  color: var(--mj-fg);
  border-color: var(--mj-line) !important;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-h-lbl {
  color: var(--mj-blue);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-szall-lbl {
  color: var(--mj-fg-soft);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-nettrow,
html[data-mezo-appearance="dark"] .mj-print-area .mj-mert-nett {
  background: #334155 !important;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-nett-disp {
  color: #f8fafc;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-wrow {
  border-top-color: var(--mj-line);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-sig {
  background: var(--mj-td-bg) !important;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-sig-line {
  border-bottom-color: var(--mj-fg-soft);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-wkg {
  color: var(--mj-fg-soft);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-hint-next {
  background: rgba(251, 191, 36, 0.12);
  border-color: rgba(251, 191, 36, 0.45);
  color: #fde68a;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-hint-next strong {
  color: #fef3c7;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-inp,
html[data-mezo-appearance="dark"] .mj-print-area .mj-line input[type="text"],
html[data-mezo-appearance="dark"] .mj-print-area .mj-line input[type="number"],
html[data-mezo-appearance="dark"] .mj-print-area .mj-line input[type="date"],
html[data-mezo-appearance="dark"] .mj-print-area .mj-line input[type="email"] {
  color: var(--mj-fg) !important;
  border-bottom-color: #94a3b8 !important;
  background: transparent !important;
  -webkit-text-fill-color: var(--mj-fg);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-inp::placeholder {
  color: #94a3b8;
  opacity: 1;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-inp:focus,
html[data-mezo-appearance="dark"] .mj-print-area .mj-line input:focus,
html[data-mezo-appearance="dark"] form.mj-print-area .mj-sheet .mj-inp:focus,
html[data-mezo-appearance="dark"] form.mj-print-area .mj-inp:focus {
  outline: none;
  background: rgba(147, 197, 253, 0.14) !important;
  border-bottom-color: #7dd3fc !important;
  -webkit-text-fill-color: var(--mj-fg);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-wrow-remarks .mj-textarea {
  background: var(--mj-td-bg) !important;
  color: var(--mj-fg) !important;
  border: 1px solid #64748b !important;
  -webkit-text-fill-color: var(--mj-fg);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-g2 .mj-g2-inp {
  border-bottom-color: #94a3b8;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-sorszam label {
  color: var(--mj-fg-soft);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-top {
  border-bottom-color: var(--mj-line);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-inp:-webkit-autofill,
html[data-mezo-appearance="dark"] .mj-print-area .mj-inp:-webkit-autofill:hover,
html[data-mezo-appearance="dark"] .mj-print-area .mj-inp:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 32px #1e293b inset !important;
  box-shadow: 0 0 0 32px #1e293b inset !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-cb,
html[data-mezo-appearance="dark"] .mj-print-area .mj-cb label {
  color: var(--mj-fg-soft);
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-actions .mj-btn-ghost {
  background: var(--mj-td-bg) !important;
  color: var(--mj-fg) !important;
  border-color: #94a3b8 !important;
}

html[data-mezo-appearance="dark"] .mj-print-area .mj-actions .mj-btn-ghost:hover,
html[data-mezo-appearance="dark"] .mj-print-area .mj-actions .mj-btn-ghost:focus {
  background: #334155 !important;
  outline-color: #7dd3fc;
}

}

html[data-mezo-appearance="dark"] .tix-filters {
  background: var(--card);
  border-color: var(--border);
}

html[data-mezo-appearance="dark"] .mezo-unsaved-dialog {
  background: var(--card);
  border-color: var(--border);
  color: var(--text);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}

html[data-mezo-appearance="dark"] .mezo-unsaved-h {
  color: var(--text);
}

html[data-mezo-appearance="dark"] .mezo-unsaved-p {
  color: var(--muted);
}

/* Nyomtatás: a képernyő sötét témája itt nem érvényes — papír/fehér háttér, olvasható sötét szöveg. */
@media print {
  html[data-mezo-appearance="dark"] {
    color-scheme: light !important;
  }
  html[data-mezo-appearance="dark"] body {
    background: #fff !important;
    color: #0f172a !important;
  }
}