/* Application themes. Classic values live on :root in Site.css. */

html.theme-ocean { --main-color: #0b3a5bcc; --nav-start: #0b3a5b; --nav-end: #1a7a8c; --btn-primary: #0e7490; --btn-primary-hover: #155e75; --card-header-start: #0e7490; --card-header-end: #0f766e; --table-header: #0e7490; --table-header-alt: #155e75; --table-hover: #c5e4e8; --heading-accent: #0e7490; --sale-header-start: #0b3a5b; --sale-header-end: #1a7a8c; --dropdown-bg: #0e7490; --dropdown-hover: #155e75; --login-start: #0b3a5b; --login-end: #1a7a8c; }

html.theme-forest { --main-color: #14532dcc; --nav-start: #14532d; --nav-end: #3f6212; --btn-primary: #166534; --btn-primary-hover: #14532d; --card-header-start: #166534; --card-header-end: #3f6212; --table-header: #166534; --table-header-alt: #3f6212; --table-hover: #d9ead3; --heading-accent: #166534; --sale-header-start: #14532d; --sale-header-end: #3f6212; --dropdown-bg: #166534; --dropdown-hover: #3f6212; --login-start: #14532d; --login-end: #3f6212; }

html.theme-sunset { --main-color: #9a3412cc; --nav-start: #9a3412; --nav-end: #b45309; --btn-primary: #c2410c; --btn-primary-hover: #9a3412; --card-header-start: #c2410c; --card-header-end: #b45309; --table-header: #c2410c; --table-header-alt: #9a3412; --table-hover: #fde7d4; --heading-accent: #c2410c; --heading-color: #7c2d12; --sale-header-start: #9a3412; --sale-header-end: #b45309; --dropdown-bg: #c2410c; --dropdown-hover: #9a3412; --login-start: #9a3412; --login-end: #b45309; }

html.theme-midnight { --main-color: #0f172acc; --nav-start: #0f172a; --nav-end: #334155; --btn-primary: #334155; --btn-primary-hover: #1e293b; --card-header-start: #1e293b; --card-header-end: #334155; --table-header: #334155; --table-header-alt: #1e293b; --table-hover: #e2e8f0; --heading-accent: #334155; --sale-header-start: #0f172a; --sale-header-end: #334155; --dropdown-bg: #1e293b; --dropdown-hover: #475569; --login-start: #0f172a; --login-end: #334155; }

html.theme-dark { --main-color: #0f172a; --color-dark: #e5e7eb; --text-grey: #94a3b8; --main-bg-color: #12141a; --nav-start: #0f172a; --nav-end: #1e293b; --btn-primary: #3b82f6; --btn-primary-hover: #2563eb; --card-header-start: #1e293b; --card-header-end: #334155; --table-header: #1e3a5f; --table-header-alt: #1e3a5f; --table-hover: #243044; --heading-accent: #60a5fa; --heading-color: #f1f5f9; --label-color: #cbd5e1; --sale-header-start: #0f172a; --sale-header-end: #1e293b; --dropdown-bg: #1e293b; --dropdown-hover: #334155; --login-start: #0f172a; --login-end: #1e3a5f; --surface: #1c1f27; --surface-alt: #1a1e27; --input-bg: #111318; --input-color: #e5e7eb; --line: #3f4654; color-scheme: dark; }

html.theme-dark body,
html.theme-dark .content { color: var(--input-color); background-color: var(--main-bg-color); }

html.theme-dark .card-container,
html.theme-dark .card,
html.theme-dark .card-body,
html.theme-dark .card-header,
html.theme-dark .card-footer,
html.theme-dark .list-group-item,
html.theme-dark .modal-content,
html.theme-dark .modal-body,
html.theme-dark .modal-footer,
html.theme-dark .dropdown-menu,
html.theme-dark .login-container,
html.theme-dark .pos-dash-card,
html.theme-dark .bg-white,
html.theme-dark .bg-light { background-color: var(--surface) !important; color: var(--input-color); border-color: var(--line); }

html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6,
html.theme-dark .h1,
html.theme-dark .h2,
html.theme-dark .h3,
html.theme-dark .h4,
html.theme-dark .h5,
html.theme-dark .h6,
html.theme-dark .pos-dash-card-head h2,
html.theme-dark .pos-dash-card > h2 { color: var(--heading-color); }

html.theme-dark .form-control,
html.theme-dark .custom-select,
html.theme-dark select,
html.theme-dark textarea,
html.theme-dark .input-group-text,
html.theme-dark .chosen-container-single .chosen-single,
html.theme-dark .chosen-container .chosen-drop,
html.theme-dark .chosen-container .chosen-results,
html.theme-dark .selectize-input,
html.theme-dark .selectize-dropdown,
html.theme-dark .selectize-dropdown .option { background-color: var(--input-bg); background: var(--input-bg); color: var(--input-color); border-color: var(--line); }

html.theme-dark .chosen-container .chosen-results li.highlighted,
html.theme-dark .selectize-dropdown .active { background-color: var(--table-hover) !important; color: #fff !important; }

html.theme-dark .table,
html.theme-dark .table td,
html.theme-dark .table th,
html.theme-dark .table100.ver1 td,
html.theme-dark .table100.ver2 td,
html.theme-dark .table100.ver3 td,
html.theme-dark .table100.ver4 td,
html.theme-dark .table-custom tbody td { color: var(--input-color); border-color: var(--line); background-color: var(--surface); }

html.theme-dark .table100.ver2 tr:nth-child(even),
html.theme-dark .table100.ver2 tr:nth-child(even) td,
html.theme-dark .table100.ver3 table tr:nth-child(even),
html.theme-dark .table100.ver3 table tr:nth-child(even) td,
html.theme-dark .table-striped tbody tr:nth-of-type(odd),
html.theme-dark .table-striped tbody tr:nth-of-type(odd) td { background-color: var(--surface-alt); }

html.theme-dark .table100.ver2 tr:hover td,
html.theme-dark .table100.ver3 tr:hover td,
html.theme-dark .table-hover tbody tr:hover td { background-color: var(--table-hover); }

html.theme-dark .table-custom thead th { background: #1e293b; color: var(--heading-color); border-color: var(--line); }

html.theme-dark .navbar .dropdown-item,
html.theme-dark .dropdown-item { color: #fff; }

html.theme-dark .text-dark,
html.theme-dark .text-body { color: var(--input-color) !important; }

html.theme-dark a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand) { color: #93c5fd; }

html.theme-dark .process-doc.full-screen .modal-content,
html.theme-dark .process-doc.full-screen .modal-body { background: var(--main-bg-color); }
html.theme-dark .process-doc-fact,
html.theme-dark .process-stat,
html.theme-dark .process-note,
html.theme-dark .process-doc-footer,
html.theme-dark .process-doc .card-container,
html.theme-dark .process-doc-lines,
html.theme-dark .process-doc-lines tbody td { background: var(--surface); border-color: var(--line); color: var(--input-color); }
html.theme-dark .process-doc-fact .label-value,
html.theme-dark .process-stat .label-value,
html.theme-dark .process-note-text,
html.theme-dark .process-doc .card-container .table td,
html.theme-dark .process-doc-print-pref .radio-inline { color: var(--input-color); }
html.theme-dark .process-doc-lines tbody tr:nth-child(even) td { background: var(--surface-alt); }
html.theme-dark .process-doc-lines tbody tr:hover td { background: var(--table-hover); }
html.theme-dark .process-doc .process-doc-lines thead th,
html.theme-dark .process-doc .card-container .table thead th { background: var(--table-header); color: var(--heading-color); border-color: var(--line); }
html.theme-dark .process-stat-emphasis { background: color-mix(in srgb, var(--heading-accent) 22%, var(--surface)); border-color: var(--line); }
html.theme-dark .process-stat-emphasis .label-value { color: var(--heading-accent); }
html.theme-dark .process-stat-remaining { background: #3f1d1d; border-color: #7f1d1d; }
html.theme-dark .process-stat-remaining .label-value { color: #fca5a5; }
html.theme-dark .process-note-meta,
html.theme-dark .process-doc-code,
html.theme-dark .process-empty,
html.theme-dark .process-qty { color: #94a3b8; }
html.theme-dark .process-doc-errors { background: #3f1d1d; border-color: #7f1d1d; color: #fecaca; }

html.theme-dark .transfer-stat { background: var(--surface-alt); color: var(--input-color); }
html.theme-dark .transfer-stat label { color: var(--label-color); }
html.theme-dark .transfer-stat div,
html.theme-dark .transfer-account,
html.theme-dark .transfer-amount { color: var(--heading-color); }
html.theme-dark .transfer-page .form-label { color: var(--label-color) !important; }
html.theme-dark .transfer-table thead a,
html.theme-dark .transfer-table thead a:link,
html.theme-dark .transfer-table thead a:hover,
html.theme-dark .transfer-table thead a:visited { color: #fff !important; }
html.theme-dark .transfer-page .table100 tr.selected td { background-color: var(--table-hover); color: var(--input-color); }
html.theme-dark .transfer-same-account { background: color-mix(in srgb, var(--heading-accent) 18%, var(--surface)); color: var(--input-color); }
html.theme-dark .transfer-page .nav-pills .nav-link { background: var(--input-bg); color: var(--input-color); border-color: var(--line); }
html.theme-dark .transfer-page .nav-pills .nav-link.active,
html.theme-dark .transfer-page .nav-pills .nav-link.active:hover { background: var(--btn-primary); border-color: var(--btn-primary); color: #fff; }
html.theme-dark .transfer-page .input-group-text,
html.theme-dark .transfer-page .text-muted { color: var(--text-grey) !important; }
html.theme-dark .transfer-page .input-group-text i { color: var(--heading-accent); }
html.theme-dark .transfer-page .selectize-input,
html.theme-dark .transfer-page .selectize-input input,
html.theme-dark .transfer-page .selectize-dropdown,
html.theme-dark .transfer-page .selectize-dropdown .option { background: var(--input-bg); color: var(--input-color); border-color: var(--line); }
html.theme-dark .transfer-page .selectize-input::after { border-color: var(--input-color) transparent transparent transparent; }
html.theme-dark .transfer-page .selectize-dropdown .active { background: var(--table-hover); color: #fff; }

html.theme-dark .receipts-filter-card,
html.theme-dark .receipts-results,
html.theme-dark .receipts-section,
html.theme-dark .receipts-summary-tile,
html.theme-dark #createItemContainer .receipts-payables,
html.theme-dark #createItemContainer .receipts-payments,
html.theme-dark #createItemContainer .receipts-orders { background: var(--surface); border-color: var(--line); color: var(--input-color); }
html.theme-dark .receipts-page .form-label,
html.theme-dark .receipts-details,
html.theme-dark .receipts-empty,
html.theme-dark .receipts-section-title,
html.theme-dark .receipts-summary-tile label { color: #94a3b8; }
html.theme-dark .receipts-results .receipts-table tbody td { color: var(--input-color); background: var(--surface); border-color: var(--line); }
html.theme-dark .receipts-results .receipts-table tbody tr:nth-child(even) td { background: var(--surface-alt); }
html.theme-dark .receipts-results .receipts-table thead th { background: var(--table-header); }
html.theme-dark .receipts-results .receipts-table tbody tr:hover td { background: var(--table-hover); }
html.theme-dark .receipts-results .receipts-table tbody tr.receipts-empty-row:hover td { background: var(--surface); }
html.theme-dark .receipts-id,
html.theme-dark .receipts-person,
html.theme-dark .receipts-summary-tile div { color: var(--heading-color); }
html.theme-dark .receipts-summary-tile.emphasis { background: color-mix(in srgb, var(--heading-accent) 22%, var(--surface)); border-color: var(--line); }
html.theme-dark .receipts-summary-in div { color: #86efac; }
html.theme-dark .receipts-summary-out div,
html.theme-dark .receipts-balance-open { color: #fdba74; }
html.theme-dark .receipt-pill-in { background: #14532d; color: #bbf7d0; }
html.theme-dark .receipt-pill-out { background: #7c2d12; color: #ffedd5; }
html.theme-dark .btn-receipt-out { background: #431407; color: #fdba74; border-color: #9a3412; }
html.theme-dark .btn-receipt-out:hover { background: #7c2d12; color: #ffedd5; }
html.theme-dark .receipts-page .alert-info { background: var(--surface-alt); color: var(--input-color); border: 1px solid var(--line); border-left: 4px solid var(--heading-accent); box-shadow: none; }
html.theme-dark .receipts-page .page-link { background: var(--surface); color: var(--heading-color); border-color: var(--line); }
html.theme-dark .receipts-page .page-item.disabled .page-link,
html.theme-dark .receipts-page .page-link:disabled { background: var(--surface); color: #64748b; border-color: var(--line); }
html.theme-dark #createItemContainer .amount-number { color: var(--heading-color); }

html.theme-dark .users-page .alert-info { background: var(--surface-alt); color: var(--input-color); border: 1px solid var(--line); border-left: 4px solid var(--heading-accent); box-shadow: none; }
html.theme-dark .users-page .page-link { background: var(--surface); color: var(--heading-color); border-color: var(--line); }
html.theme-dark .users-page .page-item.active .page-link { background: var(--btn-primary); border-color: var(--btn-primary); color: #fff; }
html.theme-dark .users-page .page-item.disabled .page-link,
html.theme-dark .users-page .page-link:disabled { background: var(--surface); color: #64748b; border-color: var(--line); }