/* GENERATED by tools/build-dark-theme.js from app.css and theme.css. Do not edit by hand. */
@media screen {
html[data-theme="dark"] .order-pdf-header {
    border-bottom: 4px solid var(--orange);
}
html[data-theme="dark"] .order-pdf-header>div p {
    color: var(--orange);
}
html[data-theme="dark"] .order-pdf-header h1 {
    color: var(--navy);
}
html[data-theme="dark"] .order-pdf-label {
    color: var(--muted);
}
html[data-theme="dark"] .order-pdf-parties h2 {
    color: var(--navy);
}
html[data-theme="dark"] .order-pdf-parties dt {
    color: var(--muted);
}
html[data-theme="dark"] .order-pdf-items th {
    background: #222D35;
    color: var(--navy);
}
html[data-theme="dark"] .order-pdf-items td {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .order-pdf-items td small {
    color: var(--muted);
}
html[data-theme="dark"] .order-pdf-quantity small {
    color: var(--muted);
}
html[data-theme="dark"] .order-pdf-totals>div {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .order-pdf-grand-total {
    background: #222D35;
    color: var(--navy);
}
html[data-theme="dark"] .order-pdf-thanks {
    color: var(--navy);
}
html[data-theme="dark"] .order-pdf-thanks span {
    color: var(--muted);
}
html[data-theme="dark"] .order-items-table .order-line-remove {
    border-color: #343D4B;
    color: var(--brand-primary);
}
html[data-theme="dark"] .customer-entry-form .customer-row-label {
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-entry-form .customer-row-label.required {
    color: #DC2626;
}
html[data-theme="dark"] .customer-row-note {
    color: var(--muted);
}
html[data-theme="dark"] .customer-entry-form .customer-type-options label {
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-phone>span {
    border: 1px solid var(--line);
    border-right: 0;
    background: var(--soft);
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-entry-form input.system-generated {
    background: var(--soft);
    color: var(--muted);
}
html[data-theme="dark"] .customer-entry-form input:focus,
html[data-theme="dark"] .customer-entry-form select:focus,
html[data-theme="dark"] .customer-entry-form textarea:focus {
    outline: 2px solid var(--brand-primary);
}
html[data-theme="dark"] .customer-hint {
    color: var(--muted);
}
html[data-theme="dark"] .customer-tabs {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] .customer-entry-form .customer-tabs button {
    border: 0;
    border-bottom: 2px solid transparent;
    background: none;
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-entry-form .customer-tabs button[aria-selected="true"] {
    border-bottom-color: var(--brand-primary);
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-tab-panel>h3 {
    border-top: 1px solid var(--line);
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-form-actions {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] .customer-combobox-menu {
    border: 1px solid var(--line);
    background: var(--paper);
}
html[data-theme="dark"] .customer-combobox-menu li {
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-combobox-menu li small {
    color: var(--muted);
}
html[data-theme="dark"] .customer-combobox-menu li[aria-selected="true"],
html[data-theme="dark"] .customer-combobox-menu li[role="option"]:hover {
    background: var(--orange-soft);
}
html[data-theme="dark"] .customer-combobox-menu li.customer-combobox-empty {
    color: var(--muted);
}
html[data-theme="dark"] .entry-form .customer-combobox-add {
    border: 0;
    border-top: 1px solid var(--line);
    background: var(--soft);
    color: var(--brand-primary);
}
html[data-theme="dark"] .entry-form .customer-combobox-add:hover {
    background: var(--orange-soft);
}
html[data-theme="dark"] .order-items-table tbody.order-items tr[data-order-item] {
    border: 0;
    background: transparent;
}
html[data-theme="dark"] .report-print-button {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] .report-print-button:hover {
    background: #2A3A55;
    border-color: var(--brand-dark);
    color: #fff;
}
html[data-theme="dark"] .report-filter-form {
    border: 1px solid var(--line);
    background: var(--paper);
}
html[data-theme="dark"] .report-filter-form label {
    color: var(--dark-text);
}
html[data-theme="dark"] .report-filter-form input {
    border: 1px solid var(--soft-border);
    background: var(--neutral-gray);
    color: var(--dark-text);
}
html[data-theme="dark"] .report-period {
    color: var(--muted);
}
html[data-theme="dark"] .activity-form-content>section {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] .activity-form-content>section:last-child {
    border-bottom: 0;
}
html[data-theme="dark"] .activity-form-heading h2 {
    color: var(--brand-dark);
}
html[data-theme="dark"] .activity-form-heading span {
    color: var(--muted);
}
html[data-theme="dark"] .activity-form-panel:not([open])>summary {
    background: #2A3A55!important;
}
html[data-theme="dark"] .material-dialog-close .close-icon::before,
html[data-theme="dark"] .material-dialog-close .close-icon::after {
    background: currentColor;
}
html[data-theme="dark"] .user-settings-form>label {
    color: var(--dark-text);
}
html[data-theme="dark"] .user-settings-form select {
    border: 1px solid var(--line);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] .user-settings-form select:focus {
    outline: 2px solid var(--brand-primary);
}
html[data-theme="dark"] .record-pagination {
    color: var(--muted);
}
html[data-theme="dark"] .operator-role-options label small {
    color: var(--muted);
}
html[data-theme="dark"] .operator-roles {
    border: 1px solid var(--line);
}
html[data-theme="dark"] .operator-roles legend {
    color: var(--dark-text);
}
html[data-theme="dark"] .operator-role-options label {
    color: var(--dark-text);
}
html[data-theme="dark"] .record-earnings-list li {
    background: var(--neutral-gray);
}
html[data-theme="dark"] .record-earnings-list li>div strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .record-earnings-list li>div span,
html[data-theme="dark"] .record-earnings-list li small {
    color: var(--muted);
}
html[data-theme="dark"] .record-earnings-list li small strong {
    color: var(--dark-text);
}
html[data-theme="dark"] .record-material-list li {
    background: var(--neutral-gray);
    color: var(--dark-text);
}
html[data-theme="dark"] .production-entry-form .material-usage-heading {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] .material-usage-heading strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .layout>.sidebar nav::-webkit-scrollbar-thumb {
    background: var(--line);
}
html[data-theme="dark"] .layout>.sidebar-footer {
    border-top: 1px solid #343D4B;
    background: #1E252F;
}
html[data-theme="dark"] .layout>.sidebar nav::-webkit-scrollbar-thumb {
    background: var(--line);
}
html[data-theme="dark"] .layout>.sidebar-footer {
    border-top: 1px solid #343D4B;
    background: #1E252F;
}
html[data-theme="dark"] .record-detail-row:hover {
    background: #191F27;
}
html[data-theme="dark"] .record-detail-row:focus-visible {
    outline: 2px solid var(--brand-primary);
}
html[data-theme="dark"] .record-detail-item {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] .record-detail-item dt {
    color: var(--muted);
}
html[data-theme="dark"] .record-detail-item dd {
    color: var(--dark-text);
}
html[data-theme="dark"]:root {
    --brand-primary: #F15A24;
    --brand-dark: #DCE0E5;
    --neutral-gray: #191F27;
    --dark-text: #DCE0E5;
    --soft-border: #343D4B;
    --muted: #A6ACB5;
    --paper: #1E252F;
    --orange-soft: #3F2418;
    color: var(--dark-text);
    background: var(--neutral-gray);
}
html[data-theme="dark"] body {
    background: radial-gradient(ellipse at 72% 0,#3F2518 0,transparent 34%),var(--neutral-gray);
    color: var(--dark-text);
}
html[data-theme="dark"] body main.content details.form-panel[open] .button.inventory-save {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body main.content details.form-panel[open] .button.inventory-save:hover {
    background: #2A3A55;
    border-color: var(--brand-dark);
    color: #fff;
}
html[data-theme="dark"] body .inventory-selector-form select:focus,
html[data-theme="dark"] body .inventory-update-form input:focus,
html[data-theme="dark"] body .material-register-form input:focus {
    outline-color: var(--brand-primary);
}
html[data-theme="dark"] body .registry-selected {
    border-left-color: var(--brand-dark);
}
html[data-theme="dark"] body .registry-selected .eyebrow,
html[data-theme="dark"] body .field-meta {
    color: var(--brand-dark);
}
html[data-theme="dark"] .inventory-selector-form {
    background: #191F27;
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .inventory-selector-form>label.wide {
    color: #DCE0E5;
}
html[data-theme="dark"] .inventory-selector-form select,
html[data-theme="dark"] .inventory-update-form input,
html[data-theme="dark"] .material-register-form input {
    border: 1px solid #343D4B;
    background: #191F27;
    color: #DCE0E5;
}
html[data-theme="dark"] .inventory-selector-form select:focus,
html[data-theme="dark"] .inventory-update-form input:focus,
html[data-theme="dark"] .material-register-form input:focus {
    outline: 2px solid #A5B0C0;
}
html[data-theme="dark"] .inventory-prompt {
    border: 1px dashed #343D4B;
    background: #1B222B;
    color: #A6ACB5;
}
html[data-theme="dark"] .registry-selected {
    border-left: 3px solid #A5B0C0;
    background: #191F27;
    color: #DCE0E5;
}
html[data-theme="dark"] .registry-selected .eyebrow {
    color: #A1ABBA;
}
html[data-theme="dark"] .inventory-update-form>label,
html[data-theme="dark"] .material-register-form>label {
    color: #DCE0E5;
}
html[data-theme="dark"] .field-meta {
    color: #A1ABBA;
}
html[data-theme="dark"] .inventory-update-form input[readonly] {
    background: #13171E;
    color: #A2ACB9;
}
html[data-theme="dark"] .inventory-save {
    background: #1e3a8a;
    border-color: #A5B0C0;
    color: #fff;
}
html[data-theme="dark"] .inventory-save:hover {
    background: #f15a24;
    border-color: #f15a24;
    color: #fff;
}
html[data-theme="dark"] .material-dialog-backdrop {
    background: #1f293780;
}
html[data-theme="dark"] .material-dialog {
    border: 1px solid #343D4B;
    background: #1E252F;
    color: #DCE0E5;
}
html[data-theme="dark"] .material-dialog-heading {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .material-dialog-heading .eyebrow {
    color: #A1ABBA;
}
html[data-theme="dark"] .material-dialog-heading h2 {
    color: #DCE0E5;
}
html[data-theme="dark"] .material-dialog-close {
    background: #191F27;
    color: #DCE0E5;
}
html[data-theme="dark"] .material-register-form input {
    background: #191F27;
}
html[data-theme="dark"] .material-dialog-footnote {
    color: #A6ACB5;
}
html[data-theme="dark"] body .entry-form.inventory-selector-form {
    background: #191F27;
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] body .entry-form.inventory-selector-form select,
html[data-theme="dark"] body .entry-form.inventory-update-form input,
html[data-theme="dark"] body .entry-form.material-register-form input {
    border: 1px solid #343D4B;
    background: #191F27;
    color: #DCE0E5;
}
html[data-theme="dark"] body .entry-form.inventory-update-form>label,
html[data-theme="dark"] body .entry-form.material-register-form>label {
    color: #DCE0E5;
}
html[data-theme="dark"] .inventory-selector-form {
    background: #191F27;
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .inventory-selector-form>label.wide {
    color: #DCE0E5;
}
html[data-theme="dark"] .inventory-selector-form select,
html[data-theme="dark"] .inventory-update-form input,
html[data-theme="dark"] .material-register-form input {
    border: 1px solid #343D4B;
    background: #191F27;
    color: #DCE0E5;
}
html[data-theme="dark"] .inventory-selector-form select:focus,
html[data-theme="dark"] .inventory-update-form input:focus,
html[data-theme="dark"] .material-register-form input:focus {
    outline: 2px solid #A5B0C0;
}
html[data-theme="dark"] .inventory-prompt {
    border: 1px dashed #343D4B;
    background: #1B222B;
    color: #A6ACB5;
}
html[data-theme="dark"] .registry-selected {
    border-left: 3px solid #A5B0C0;
    background: #191F27;
    color: #DCE0E5;
}
html[data-theme="dark"] .registry-selected .eyebrow {
    color: #A1ABBA;
}
html[data-theme="dark"] .inventory-update-form>label,
html[data-theme="dark"] .material-register-form>label {
    color: #DCE0E5;
}
html[data-theme="dark"] .field-meta {
    color: #A1ABBA;
}
html[data-theme="dark"] .inventory-update-form input[readonly] {
    background: #13171E;
    color: #A2ACB9;
}
html[data-theme="dark"] .inventory-save {
    background: #1e3a8a;
    border-color: #A5B0C0;
    color: #fff;
}
html[data-theme="dark"] .inventory-save:hover {
    background: #f15a24;
    border-color: #f15a24;
    color: #fff;
}
html[data-theme="dark"] .material-dialog-backdrop {
    background: #1f293780;
}
html[data-theme="dark"] .material-dialog {
    border: 1px solid #343D4B;
    background: #1E252F;
    color: #DCE0E5;
}
html[data-theme="dark"] .material-dialog-heading {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .material-dialog-heading .eyebrow {
    color: #A1ABBA;
}
html[data-theme="dark"] .material-dialog-heading h2 {
    color: #DCE0E5;
}
html[data-theme="dark"] .material-dialog-close {
    background: #191F27;
    color: #DCE0E5;
}
html[data-theme="dark"] .material-register-form input {
    background: #191F27;
}
html[data-theme="dark"] .material-dialog-footnote {
    color: #A6ACB5;
}
html[data-theme="dark"] .table-panel .record-time {
    color: var(--muted);
}
html[data-theme="dark"] .table-panel .record-note {
    color: var(--muted);
}
html[data-theme="dark"] body main.content details.form-panel .form-panel-plus::before,
html[data-theme="dark"] body main.content details.form-panel .form-panel-plus::after {
    background: currentColor;
}
html[data-theme="dark"] body main.content details.form-panel[open] .form-panel-plus {
    background: var(--soft);
    color: var(--navy);
}
html[data-theme="dark"] body main.content details.form-panel[open] {
    background: var(--paper);
}
html[data-theme="dark"] main.content details.form-panel:not([open]) {
    border: 0;
    background: transparent;
}
html[data-theme="dark"] main.content details.form-panel:not([open])>summary {
    border: 0;
    background: var(--orange);
    color: #fff;
}
html[data-theme="dark"] main.content details.form-panel:not([open])>summary:focus-visible {
    outline: 3px solid var(--navy);
}
html[data-theme="dark"] main.content details.form-panel:not([open]) .form-panel-title {
    border: 0;
}
html[data-theme="dark"] main.content details.form-panel[open] {
    border: 1px solid var(--line);
    background: var(--paper);
}
html[data-theme="dark"] main.content details.form-panel[open]::before {
    background: #1d324466;
}
html[data-theme="dark"] main.content details.form-panel[open]>summary {
    background: var(--paper);
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] main.content details.form-panel[open] .form-panel-title {
    color: var(--navy);
}
html[data-theme="dark"] main.content details.form-panel[open] .form-panel-plus {
    background: var(--soft);
    color: var(--navy);
}
html[data-theme="dark"] {
    color: #DCE0E5;
    background: #1A1F28;
    --navy: #DCE0E5;
    --orange: #f15a24;
    --line: #343D4B;
    --muted: #A5ACB6;
    --paper: #1E252F;
    --soft: #1F2E38;
    --orange-soft: #3F2418;
}
html[data-theme="dark"] body {
    background: radial-gradient(ellipse at 72% 0,#3F2518 0,transparent 34%),#1A1F28;
    color: var(--navy);
}
html[data-theme="dark"] a {
    color: inherit;
}
html[data-theme="dark"] .topbar {
    background: #1E252FED;
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] .brand strong {
    color: var(--navy);
}
html[data-theme="dark"] .brand strong span {
    color: var(--orange);
}
html[data-theme="dark"] .top-context {
    color: #8B929D;
}
html[data-theme="dark"] .top-context b {
    color: #8892A0;
}
html[data-theme="dark"] .top-context strong {
    color: var(--navy);
}
html[data-theme="dark"] .avatar,
html[data-theme="dark"] .workspace-avatar {
    background: var(--soft);
    color: var(--navy);
}
html[data-theme="dark"] .account-name {
    color: #A3ACB8;
}
html[data-theme="dark"] .text-button,
html[data-theme="dark"] .inline-link,
html[data-theme="dark"] .action-link {
    border: 0;
    background: transparent;
    color: var(--orange);
}
html[data-theme="dark"] .sidebar {
    background: #1E252F;
    border-right: 1px solid var(--line);
}
html[data-theme="dark"] .sidebar-label,
html[data-theme="dark"] .eyebrow {
    color: #89929E;
}
html[data-theme="dark"] .nav-item {
    color: #A1ABB9;
}
html[data-theme="dark"] .nav-item:hover,
html[data-theme="dark"] .nav-item.active {
    background: var(--soft);
    color: var(--navy);
}
html[data-theme="dark"] .nav-item small {
    color: var(--orange);
}
html[data-theme="dark"] .nav-mark {
    border: 1px solid #343D4B;
    color: #8892A0;
}
html[data-theme="dark"] .active .nav-mark {
    border-color: #76412D;
    background: #1E252F;
    color: var(--orange);
}
html[data-theme="dark"] .sidebar-footer {
    border-top: 1px solid #343D4B;
}
html[data-theme="dark"] .sidebar-footer small {
    color: var(--muted);
}
html[data-theme="dark"] .workspace-avatar {
    background: var(--orange);
    color: #fff;
}
html[data-theme="dark"] .page-heading h1,
html[data-theme="dark"] .setup-panel h1,
html[data-theme="dark"] .login-panel h1 {
    color: var(--navy);
}
html[data-theme="dark"] .muted {
    color: var(--muted);
}
html[data-theme="dark"] .metric {
    background: var(--paper);
    border: 1px solid var(--line);
    border-top: 2px solid var(--orange);
}
html[data-theme="dark"] .metric-label {
    color: #A5ACB5;
}
html[data-theme="dark"] .metric strong {
    color: var(--navy);
}
html[data-theme="dark"] .metric small {
    color: #89929F;
}
html[data-theme="dark"] .panel {
    background: var(--paper);
    border: 1px solid var(--line);
}
html[data-theme="dark"] .panel-heading {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .panel-heading h2,
html[data-theme="dark"] .alert-panel h2 {
    color: var(--navy);
}
html[data-theme="dark"] .panel-heading p {
    color: var(--muted);
}
html[data-theme="dark"] .panel-heading select,
html[data-theme="dark"] .search-form input {
    border: 1px solid var(--line);
    background: #1E252F;
    color: var(--navy);
}
html[data-theme="dark"] .bars {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .bar-value {
    color: #A5ACB6;
}
html[data-theme="dark"] .bar-track {
    background: linear-gradient(to top,#1F2E38 1px,transparent 1px);
    background-size: 100% 25%;
}
html[data-theme="dark"] .bar-track i {
    background: var(--orange);
}
html[data-theme="dark"] .bar-label {
    color: #A6ACB5;
}
html[data-theme="dark"] .stock-line {
    border-bottom: 1px solid #343D4B;
    color: #A2ACB8;
}
html[data-theme="dark"] .stock-line strong {
    color: var(--navy);
}
html[data-theme="dark"] .table-panel th {
    background: var(--soft);
    border-bottom: 1px solid var(--line);
    color: #A2ABB9;
}
html[data-theme="dark"] .table-panel td {
    border-bottom: 1px solid #343D4B;
    color: #A2ABB9;
}
html[data-theme="dark"] .table-panel tbody tr:last-child td {
    border-bottom: 0;
}
html[data-theme="dark"] .table-panel td:first-child {
    color: var(--navy);
}
html[data-theme="dark"] .status {
    background: var(--soft);
    color: var(--navy);
}
html[data-theme="dark"] .status.warning {
    background: var(--orange-soft);
    color: #E9A187;
}
html[data-theme="dark"] .alert-panel p {
    border-top: 1px solid #343D4B;
    color: #A1ABBA;
}
html[data-theme="dark"] .alert-panel p span {
    color: var(--muted);
}
html[data-theme="dark"] .record-count {
    color: var(--muted);
}
html[data-theme="dark"] .button {
    border: 1px solid var(--orange);
    background: var(--orange);
    color: #fff;
}
html[data-theme="dark"] .button:hover {
    background: #d94f1f;
    border-color: #d94f1f;
}
html[data-theme="dark"] .button.secondary {
    border-color: var(--line);
    background: #1E252F;
    color: var(--navy);
}
html[data-theme="dark"] .button.secondary:hover {
    background: var(--soft);
}
html[data-theme="dark"] .form-panel summary {
    color: var(--navy);
}
html[data-theme="dark"] .entry-form label,
html[data-theme="dark"] .login-panel label {
    color: #A1ABBA;
}
html[data-theme="dark"] .entry-form input,
html[data-theme="dark"] .entry-form select,
html[data-theme="dark"] .entry-form textarea,
html[data-theme="dark"] .login-panel input {
    border: 1px solid var(--line);
    background: #1E252F;
    color: var(--navy);
}
html[data-theme="dark"] .action-link {
    color: var(--orange);
}
html[data-theme="dark"] .action-link.danger {
    color: #b84232;
}
html[data-theme="dark"] .empty,
html[data-theme="dark"] .empty-cell {
    color: #8A929E;
}
html[data-theme="dark"] .color-swatch {
    border: 1px solid #343D4B;
}
html[data-theme="dark"] .usage-total {
    color: var(--muted);
}
html[data-theme="dark"] .notice {
    border: 1px solid var(--line);
}
html[data-theme="dark"] .notice.success {
    border-color: #3A6A4D;
    background: #1A3C26;
    color: #98D7B4;
}
html[data-theme="dark"] .notice.error {
    border-color: #76402D;
    background: var(--orange-soft);
    color: #E39E8C;
}
html[data-theme="dark"] .setup-screen {
    background: radial-gradient(ellipse at 76% 10%,#3F2518,transparent 35%),#1A1F28;
}
html[data-theme="dark"] .login-panel,
html[data-theme="dark"] .setup-panel {
    background: #1E252F;
    border: 1px solid var(--line);
    border-top: 3px solid var(--orange);
}
html[data-theme="dark"] .sr-only {
    border: 0;
}
@media(max-width:700px) {
html[data-theme="dark"] .sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--line);
}
}
html[data-theme="dark"] .order-entry-form>label,
html[data-theme="dark"] .product-registry-form>label {
    color: var(--dark-text);
}
html[data-theme="dark"] .order-entry-form input:not([type="hidden"]),
html[data-theme="dark"] .order-entry-form select,
html[data-theme="dark"] .product-registry-form input:not([type="hidden"]) {
    border: 1px solid var(--soft-border);
    background: #1E252F;
    color: var(--dark-text);
}
html[data-theme="dark"] .order-entry-form input:focus,
html[data-theme="dark"] .order-entry-form select:focus,
html[data-theme="dark"] .product-registry-form input:focus {
    outline: 2px solid var(--brand-dark);
}
html[data-theme="dark"] .order-entry-form .system-generated {
    background: var(--neutral-gray)!important;
    color: #A2ACB9!important;
}
html[data-theme="dark"] .order-stock-note {
    border-left: 3px solid var(--brand-dark);
    background: var(--neutral-gray);
    color: var(--dark-text);
}
html[data-theme="dark"] .order-stock-message {
    border: 1px solid #76412D;
    background: #3F2418;
    color: #ED9D82;
}
html[data-theme="dark"] .order-product-save {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] .order-product-save:hover {
    background: #D94816;
    border-color: #D94816;
    color: #fff;
}
html[data-theme="dark"] .order-product-error {
    color: #ED8A82;
}
html[data-theme="dark"] .order-item {
    border: 1px solid var(--soft-border);
    background: #1E252F;
}
html[data-theme="dark"] .order-item>label {
    color: var(--dark-text);
}
html[data-theme="dark"] .order-detail-items li {
    background: var(--neutral-gray);
}
html[data-theme="dark"] .order-detail-items li>div span,
html[data-theme="dark"] .order-detail-items li>small {
    color: var(--muted);
}
html[data-theme="dark"] .order-detail-actions .danger {
    background: #1E252F;
    border-color: #343D4B;
    color: #ED8A82;
}
html[data-theme="dark"] .order-detail-actions .danger:hover {
    background: #3F1818;
    border-color: #B42318;
}
html[data-theme="dark"] .order-items-table-shell {
    border: 1px solid var(--soft-border);
    background: #1E252F;
}
html[data-theme="dark"] .order-items-table th {
    border-bottom: 1px solid var(--soft-border);
    background: #1B222B;
    color: #A6ACB5;
}
html[data-theme="dark"] .order-items-table td {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .order-items-table tbody tr:last-child td {
    border-bottom: 0;
}
html[data-theme="dark"] .order-items-table select,
html[data-theme="dark"] .order-items-table input {
    border: 1px solid var(--soft-border);
    background: #1E252F;
    color: var(--dark-text);
}
html[data-theme="dark"] .order-items-table input.system-generated {
    background: var(--neutral-gray);
}
html[data-theme="dark"] .order-items-table input:focus,
html[data-theme="dark"] .order-items-table select:focus {
    outline: 2px solid var(--brand-dark);
}
html[data-theme="dark"] .order-line-remove {
    border: 1px solid var(--soft-border);
    background: #1E252F;
    color: var(--brand-primary);
}
html[data-theme="dark"] .order-line-remove:hover:not(:disabled) {
    border-color: var(--brand-primary);
    background: #3F2418;
}
html[data-theme="dark"] .order-row-controls label {
    color: var(--muted);
}
html[data-theme="dark"] .order-row-controls input {
    border: 1px solid var(--soft-border);
    background: #1E252F;
    color: var(--dark-text);
}
html[data-theme="dark"] .order-entry-notes label {
    color: var(--dark-text);
}
html[data-theme="dark"] .order-entry-notes textarea {
    border: 1px solid var(--soft-border);
    background: #1E252F;
    color: var(--dark-text);
}
html[data-theme="dark"] .order-entry-notes textarea:focus,
html[data-theme="dark"] .order-summary input:focus,
html[data-theme="dark"] .order-summary select:focus {
    outline: 2px solid var(--brand-dark);
}
html[data-theme="dark"] .order-summary {
    background: var(--neutral-gray);
    color: var(--dark-text);
}
html[data-theme="dark"] .order-summary-row {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .order-summary input,
html[data-theme="dark"] .order-summary select {
    border: 1px solid var(--soft-border);
    background: #1E252F;
    color: var(--dark-text);
}
html[data-theme="dark"] .order-discount-control select {
    border-left: 0;
}
html[data-theme="dark"] .order-summary-row.order-summary-total {
    border: 0;
    color: var(--dark-text);
}

@media screen {
html[data-theme="dark"]:root {
    --line: #343D4B;
    --soft-border: #343D4B;
    --soft: #191F28;
    --neutral-gray: #191F28;
    --muted: #A6ACB5;
    --orange-soft: #3F2618;
    --brand-hover: #D94816;
}
html[data-theme="dark"] body {
    background: radial-gradient(ellipse at 85% -10%, #3F2618 0, transparent 42%), radial-gradient(ellipse at 0 100%, #19273E 0, transparent 40%), #1A2028;
    background-attachment: fixed;
}
html[data-theme="dark"] ::selection {
    background: #F15A2433;
}
html[data-theme="dark"] body .topbar {
    background: #1E252FD9;
    border-bottom-color: var(--line);
}
html[data-theme="dark"] body .avatar {
    background: linear-gradient(135deg, #FF8A5B, var(--brand-primary));
    color: #fff;
}
html[data-theme="dark"] body .account-form .text-button {
    border: 1px solid var(--line);
    background: #1E252F;
    color: var(--brand-dark);
}
html[data-theme="dark"] body .account-form .text-button:hover {
    border-color: var(--brand-primary);
    background: var(--orange-soft);
    color: var(--brand-hover);
}
html[data-theme="dark"] body .layout > .sidebar {
    border-right-color: var(--line);
}
html[data-theme="dark"] body .sidebar-label,
html[data-theme="dark"] body .eyebrow {
    color: #8792A0;
}
html[data-theme="dark"] body .nav-item {
    color: #A2ACB9;
}
html[data-theme="dark"] body .nav-item:hover {
    background: var(--soft);
    color: var(--brand-dark);
}
html[data-theme="dark"] body .nav-item.active {
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] body .nav-mark {
    border: 0;
    background: var(--soft);
    color: #A6ACB5;
}
html[data-theme="dark"] body .nav-item.active .nav-mark {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body .nav-item small {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body .layout > .sidebar-footer {
    border-top-color: var(--line);
}
html[data-theme="dark"] body .workspace-avatar {
    background: linear-gradient(135deg, #1D2B45, #2A3A55);
}
html[data-theme="dark"] body .page-heading h1,
html[data-theme="dark"] body .setup-panel h1,
html[data-theme="dark"] body .login-panel h1 {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .panel {
    border-color: var(--line);
}
html[data-theme="dark"] body .panel-heading {
    border-bottom-color: var(--line);
}
html[data-theme="dark"] body .panel-heading h2,
html[data-theme="dark"] body .alert-panel h2 {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .metric {
    border: 1px solid var(--line);
}
html[data-theme="dark"] body .metric::before {
    background: linear-gradient(90deg, var(--brand-primary), #603724);
}
html[data-theme="dark"] body .metric-label {
    color: var(--muted);
}
html[data-theme="dark"] body .metric strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .alert-panel {
    border-color: #76442D;
    background: #3F2618;
}
html[data-theme="dark"] body .alert-panel p {
    border-top-color: #76452D;
}
html[data-theme="dark"] body .bar-track i {
    background: linear-gradient(to top, var(--brand-primary), #603724);
}
html[data-theme="dark"] body .table-panel th {
    background: #1C222B;
    border-bottom-color: var(--line);
    color: #A6ACB5;
}
html[data-theme="dark"] body .table-panel td {
    border-bottom-color: #343D4B;
    color: #DCE0E5;
}
html[data-theme="dark"] body .table-panel td:first-child {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .table-panel tbody tr:hover {
    background: #3F2718;
}
html[data-theme="dark"] body .status {
    background: #183F27;
    color: #8AE5B2;
}
html[data-theme="dark"] body .status.warning {
    background: #3F2718;
    color: #ED9E82;
}
html[data-theme="dark"] body .button.secondary {
    border-color: var(--soft-border);
}
html[data-theme="dark"] body .button.secondary:hover {
    border-color: #343D4B;
}
html[data-theme="dark"] body .inventory-save {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body .inventory-save:hover,
html[data-theme="dark"] body .order-product-save:hover {
    background: var(--brand-hover);
    border-color: var(--brand-hover);
}
html[data-theme="dark"] body .button:focus-visible,
html[data-theme="dark"] body .nav-item:focus-visible,
html[data-theme="dark"] body .text-button:focus-visible,
html[data-theme="dark"] body .inline-link:focus-visible,
html[data-theme="dark"] body .action-link:focus-visible {
    outline: 0;
}
html[data-theme="dark"] body .entry-form label,
html[data-theme="dark"] body .login-panel label,
html[data-theme="dark"] body .report-filter-form label,
html[data-theme="dark"] body .user-settings-form > label,
html[data-theme="dark"] body .customer-combobox label {
    color: #A2ACB9;
}
html[data-theme="dark"] body .entry-form input:not([type="checkbox"]):not([type="radio"]):hover,
html[data-theme="dark"] body .entry-form select:hover,
html[data-theme="dark"] body .entry-form textarea:hover,
html[data-theme="dark"] body .login-panel input:hover,
html[data-theme="dark"] body .search-form input:hover {
    border-color: #343D4B;
}
html[data-theme="dark"] body .entry-form input[readonly],
html[data-theme="dark"] body .entry-form input.system-generated {
    background-color: var(--soft);
    color: #A6ACB5;
}
html[data-theme="dark"] body .customer-phone > span {
    border-color: var(--soft-border);
}
html[data-theme="dark"] body main.content details.form-panel:not([open]) > summary {
    background: linear-gradient(135deg, #FF8A5B, var(--brand-primary));
}
html[data-theme="dark"] body main.content details.form-panel[open] {
    border: 0;
}
html[data-theme="dark"] body main.content details.form-panel[open] > summary {
    border-bottom-color: var(--line);
}
html[data-theme="dark"] body main.content details.form-panel[open] .form-panel-title {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .material-dialog-backdrop {
    background: #0F1A2B73;
}
html[data-theme="dark"] body .material-dialog {
    border: 0;
}
html[data-theme="dark"] body .material-dialog-heading {
    border-bottom-color: var(--line);
}
html[data-theme="dark"] body .material-dialog-heading .eyebrow {
    color: var(--brand-primary);
}
html[data-theme="dark"] body .material-dialog-heading h2 {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .material-dialog-close:hover {
    background: var(--orange-soft);
    color: var(--brand-hover);
}
html[data-theme="dark"] body .notice.success {
    border-color: #32724B;
    background: #183F26;
    color: #8AE5B2;
}
html[data-theme="dark"] body .notice.error {
    border-color: #76442D;
    background: #3F2618;
    color: #EC9983;
}
html[data-theme="dark"] body .setup-screen {
    background: radial-gradient(circle at 12% 8%, #3F2618 0, transparent 38%), radial-gradient(circle at 92% 92%, #18263F 0, transparent 42%), #1A2028;
}
html[data-theme="dark"] body .login-panel,
html[data-theme="dark"] body .setup-panel {
    border: 0;
}
html[data-theme="dark"] {
    scrollbar-color: #343D4B transparent;
}
}
html[data-theme="dark"] .customer-card h2 {
    border-bottom: 1px solid var(--line);
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-card h3 {
    color: var(--muted);
}
html[data-theme="dark"] .customer-card-company {
    border-bottom: 1px solid var(--line);
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-contact-avatar {
    background: var(--orange-soft);
    color: var(--brand-primary);
}
html[data-theme="dark"] .customer-contact strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-address {
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-facts dt {
    color: var(--muted);
}
html[data-theme="dark"] .customer-facts dd {
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-remarks {
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-chart-total {
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-timeline li::before {
    background: var(--line);
}
html[data-theme="dark"] .customer-timeline li::after {
    border: 2px solid var(--brand-primary);
    background: #1E252F;
}
html[data-theme="dark"] .customer-timeline time {
    color: var(--muted);
}
html[data-theme="dark"] .customer-timeline-card {
    border: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] .customer-timeline-card strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-timeline-card p {
    color: var(--muted);
}
html[data-theme="dark"] .customer-timeline-card small {
    color: var(--muted);
}
html[data-theme="dark"] .customer-timeline-card small b {
    color: var(--dark-text);
}
html[data-theme="dark"] .customer-profile-tabs {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] .customer-profile-tabs a {
    border-bottom: 2px solid transparent;
    color: var(--muted);
}
html[data-theme="dark"] .customer-profile-tabs a:hover {
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-profile-tabs a[aria-current="page"] {
    border-bottom-color: var(--brand-primary);
    color: var(--brand-dark);
}
html[data-theme="dark"] .statement-caption h2 {
    color: var(--brand-dark);
}
html[data-theme="dark"] .statement-caption p {
    color: var(--muted);
}
html[data-theme="dark"] .statement-sheet {
    border: 1px solid var(--line);
    background: #1E252F;
    color: #DCE0E5;
}
html[data-theme="dark"] .statement-sheet-header {
    border-bottom: 3px solid var(--brand-primary);
}
html[data-theme="dark"] .statement-sheet-header strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .statement-customer {
    color: var(--brand-primary);
}
html[data-theme="dark"] .statement-summary h3 {
    border-bottom: 1px solid #A5B0C0;
    color: #DCE0E5;
}
html[data-theme="dark"] .statement-range {
    border-bottom: 1px solid #A5B0C0;
}
html[data-theme="dark"] .statement-summary-title {
    background: #161B23;
}
html[data-theme="dark"] .statement-summary .statement-balance-due {
    border-top: 1px solid #A5B0C0;
}
html[data-theme="dark"] .statement-table th {
    background: #2A3A55;
    color: #fff;
}
html[data-theme="dark"] .statement-table td {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .statement-table tfoot td {
    border-bottom: 0;
}
html[data-theme="dark"] .statement-table .statement-empty {
    color: var(--muted);
}
html[data-theme="dark"] .customer-transaction-group {
    border: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] .customer-transaction-group > summary {
    background: #1C222B;
}
html[data-theme="dark"] .customer-transaction-group > summary::before {
    border-right: 2px solid var(--muted);
    border-bottom: 2px solid var(--muted);
}
html[data-theme="dark"] .customer-transaction-group[open] > summary {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] .customer-transaction-group > summary:focus-visible {
    outline: 2px solid var(--brand-primary);
}
html[data-theme="dark"] .customer-transaction-title {
    color: var(--brand-dark);
}
html[data-theme="dark"] .customer-transaction-count {
    background: var(--soft);
    color: var(--muted);
}
html[data-theme="dark"] .customer-transaction-group th {
    border-bottom: 1px solid var(--line);
    color: var(--muted);
}
html[data-theme="dark"] .customer-transaction-group td {
    border-bottom: 1px solid #343D4B;
    color: #DCE0E5;
}
html[data-theme="dark"] .customer-transaction-group tbody tr:last-child td {
    border-bottom: 0;
}
html[data-theme="dark"] body .button.customer-delete-button {
    border-color: #76372D;
    color: #ED8A82;
}
html[data-theme="dark"] body .button.customer-delete-button:hover {
    border-color: #B42318;
    background: #3F1818;
}
html[data-theme="dark"] .order-page-toolbar {
    border: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] .order-status-change-form select {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] .order-print-sheet.order-sheet {
    border: 1px solid var(--line);
    background: #1E252F;
    color: #DCE0E5;
}
html[data-theme="dark"] .order-sheet .order-pdf-parties h2 a {
    color: var(--brand-primary);
}
html[data-theme="dark"] .order-sheet .order-pdf-items th {
    background: #2A3A55;
    color: #fff;
}
html[data-theme="dark"] .order-pdf-words span {
    color: var(--muted);
}
html[data-theme="dark"] .payment-methods-form h3 {
    color: var(--brand-dark);
}
html[data-theme="dark"] .order-pdf-payments h2 {
    color: var(--navy);
}
html[data-theme="dark"] .payment-method-link {
    color: var(--brand-dark);
}
html[data-theme="dark"] .payment-method-link:focus-visible {
    outline: 0;
}
html[data-theme="dark"] .payment-method-link:focus-visible::after {
    outline: 2px solid var(--brand-primary);
}
html[data-theme="dark"] .payment-method-delete {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] .account-link:hover .account-name {
    color: var(--brand-primary);
}
html[data-theme="dark"] .profile-summary > div {
    color: var(--muted);
}
html[data-theme="dark"] .profile-summary strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .panel-action-icon {
    background: #1E252F33;
}
html[data-theme="dark"] .panel-action-icon::before,
html[data-theme="dark"] .panel-action-icon::after {
    background: currentColor;
}
html[data-theme="dark"] .order-payment-methods .field-hint {
    color: var(--muted);
}
html[data-theme="dark"] .sort-link {
    color: inherit;
}
html[data-theme="dark"] .sort-link span {
    color: #8792A1;
}
html[data-theme="dark"] .sort-link:hover,
html[data-theme="dark"] .sort-link.active {
    color: var(--brand-dark);
}
html[data-theme="dark"] .sort-link.active span {
    color: var(--brand-primary);
}
html[data-theme="dark"] .material-page tfoot td {
    border-top: 1px solid var(--line);
    background: #1C222B;
    color: var(--brand-dark);
}
@media screen {
html[data-theme="dark"]:root {
    --block-pattern-fade: linear-gradient(to top, #F8F7F500 0%, #1A2028 55%);
}
html[data-theme="dark"] body {
    background: radial-gradient(ellipse at 85% -10%, #3F2618 0, transparent 42%),

            var(--block-pattern-fade),

            var(--block-pattern) left bottom / 176px 80px repeat,

            #1A2028;
    background-attachment: fixed;
}
html[data-theme="dark"] body .setup-screen {
    background: radial-gradient(circle at 12% 8%, #3F2618 0, transparent 38%),

            var(--block-pattern-fade),

            var(--block-pattern) left bottom / 176px 80px repeat,

            #1A2028;
    background-attachment: fixed;
}
}
html[data-theme="dark"] body .report-filter-form.material-filter-form {
    border: 0;
    border-bottom: 1px solid var(--line);
    background: #1C222B;
}
html[data-theme="dark"] .material-filter-period {
    color: var(--muted);
}
html[data-theme="dark"] .order-pdf-header > .document-company strong {
    color: var(--navy);
}
html[data-theme="dark"] .order-pdf-header > .document-company span,
html[data-theme="dark"] .statement-sheet-header > div span {
    color: #A2ACB9;
}
html[data-theme="dark"] body .status.danger {
    background: #3F1C18;
    color: #ED8A82;
}
html[data-theme="dark"] body .button.order-accept-button {
    background: #17803D;
    border-color: #52E085;
}
html[data-theme="dark"] body .button.order-accept-button:hover {
    background: #126631;
    border-color: #52E086;
}
html[data-theme="dark"] .order-status-note {
    color: var(--muted);
}
html[data-theme="dark"] .order-pdf-header .invoice-balance-due {
    color: var(--navy);
}
html[data-theme="dark"] .order-pdf-header .invoice-balance-due span {
    color: var(--muted);
}
html[data-theme="dark"] .invoice-payments th,
html[data-theme="dark"] .invoice-payments td {
    border-bottom: 1px solid #343D4B;
}
html[data-theme="dark"] .invoice-payments th {
    color: var(--muted);
}
html[data-theme="dark"] body .record-payment .entry-form.record-payment-form {
    border: 1px solid var(--line);
    background: #1E252F;
}
@media screen and (hover: hover) and (prefers-reduced-motion: no-preference) {
html[data-theme="dark"] body .nav-item:hover .nav-mark {
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] body .nav-item.active:hover .nav-mark {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body .payment-method-row:hover {
    border-color: #76442D;
}
}
html[data-theme="dark"] .document-footer-blocks {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='176' height='80'%3E%3Cg fill='%231F3347' fill-opacity='.2'%3E%3Crect x='4' y='4' width='108' height='32'/%3E%3Crect x='92' y='44' width='108' height='32'/%3E%3Crect x='-84' y='44' width='108' height='32'/%3E%3C/g%3E%3Cg fill='%23F15A24' fill-opacity='.6'%3E%3Crect x='120' y='4' width='52' height='32'/%3E%3Crect x='32' y='44' width='52' height='32'/%3E%3C/g%3E%3C/svg%3E") center bottom / 88px 40px repeat-x;
    border-bottom: 2px solid #F15A24;
}
html[data-theme="dark"] body .document-footer-motto {
    color: #F15A24;
}
html[data-theme="dark"] body .document-footer-contact {
    color: #A6ACB5;
}
html[data-theme="dark"] body .document-footer-contact strong {
    color: #DCE0E5;
}
html[data-theme="dark"] body .notification-link {
    color: #A2ACB9;
}
html[data-theme="dark"] body .notification-link:hover {
    background: var(--soft);
    color: var(--brand-dark);
}
html[data-theme="dark"] body .notification-link.has-unread {
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] body .notification-link b {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body .notification-panel {
    border-left: 4px solid var(--brand-primary);
}
html[data-theme="dark"] .notification-list li {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] .notification-list strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .notification-list p {
    color: #A2ACB9;
}
html[data-theme="dark"] .notification-list small,
html[data-theme="dark"] .order-tracker-log small {
    color: var(--muted);
}
html[data-theme="dark"] body .order-tracker-panel {
    background: var(--paper);
}
html[data-theme="dark"] .order-tracker li {
    border: 1px solid var(--line);
    background: #1E252F;
    color: var(--muted);
}
html[data-theme="dark"] .order-tracker li span {
    background: var(--soft);
}
html[data-theme="dark"] .order-tracker li.done {
    border-color: #2F7449;
    background: #183F27;
    color: #8AE5B2;
}
html[data-theme="dark"] .order-tracker li.done span {
    background: #17803D;
    color: #fff;
}
html[data-theme="dark"] .order-tracker li.current {
    border-color: var(--brand-primary);
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] .order-tracker li.current span {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] .order-tracker-shortage {
    background: #3F2718;
    color: #EDA282;
}
html[data-theme="dark"] .order-tracker-covered {
    color: #8AE5B2;
}
html[data-theme="dark"] .order-tracker-log li {
    border-left: 2px solid var(--line);
}
html[data-theme="dark"] .order-tracker-log li:first-child {
    border-left-color: var(--brand-primary);
}
html[data-theme="dark"] .record-payment-hint {
    color: var(--muted);
}
html[data-theme="dark"] body .notification-link b {
    border: 2px solid #343D4B;
}
html[data-theme="dark"] body .notification-popup {
    border: 1px solid var(--line);
    background: #1E252F;
    color: #DCE0E5;
}
html[data-theme="dark"] body .notification-popup::before {
    border-top: 1px solid var(--line);
    border-left: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] .notification-popup-heading {
    border-bottom: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] .notification-popup-heading strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .notification-popup-heading span {
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] .notification-popup-empty {
    color: var(--muted);
}
html[data-theme="dark"] .notification-popup li {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] .notification-popup li:last-child {
    border-bottom: 0;
}
html[data-theme="dark"] .notification-popup li:hover {
    background: #3F2718;
}
html[data-theme="dark"] .notification-popup li > strong {
    color: var(--brand-dark);
}
html[data-theme="dark"] .notification-popup li p {
    color: #A2ACB9;
}
html[data-theme="dark"] .notification-popup li small {
    color: var(--muted);
}
html[data-theme="dark"] .notification-popup-actions a,
html[data-theme="dark"] body .notification-popup-actions button {
    border: 0;
    background: none;
    color: var(--brand-primary);
}
html[data-theme="dark"] body .notification-popup-actions button {
    color: var(--muted);
}
html[data-theme="dark"] body .notification-panel {
    border: 1px solid var(--line);
    border-left: 1px solid var(--line);
    background: linear-gradient(180deg, #3F2818 0, #1E252F 120px);
}
html[data-theme="dark"] body .notification-panel-heading h2 {
    color: var(--brand-dark);
}
html[data-theme="dark"] .notification-panel-icon {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] .notification-panel-count {
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] body .notification-panel .notification-list li {
    border: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] body .notification-panel .notification-list li::before {
    background: var(--brand-primary);
}
html[data-theme="dark"] body .notification-panel .notification-list li.is-ready::before {
    background: #17803D;
}
html[data-theme="dark"] body .notification-panel .notification-list li.is-returned::before {
    background: #C0392B;
}
html[data-theme="dark"] body .notification-panel .notification-list li:hover {
    border-color: #76442D;
}
html[data-theme="dark"] body .notification-read-button {
    border: 0;
    background: none;
    color: var(--muted);
}
html[data-theme="dark"] body .notification-read-button:hover {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .order-tracker li {
    border: 0;
    background: none;
    color: #8792A0;
}
html[data-theme="dark"] body .order-tracker li + li::before {
    background: var(--line);
}
html[data-theme="dark"] body .order-tracker li span {
    background: var(--soft);
    color: #8792A0;
}
html[data-theme="dark"] body .order-tracker li.done {
    background: none;
    color: #8AE5B2;
}
html[data-theme="dark"] body .order-tracker li.done + li::before {
    background: #17803D;
}
html[data-theme="dark"] body .order-tracker li.current {
    background: none;
    color: #ED9E82;
}
html[data-theme="dark"] body .order-tracker li {
    border: 0;
    background: none;
    color: #8792A0;
}
html[data-theme="dark"] body .order-tracker li + li::before {
    background: #13171E;
}
html[data-theme="dark"] body .order-tracker li.done + li::before {
    background: linear-gradient(90deg, #17803D, #4CAF73);
}
html[data-theme="dark"] body .order-tracker li span {
    border: 2px solid #343D4B;
    background: #1E252F;
    color: #8792A0;
}
html[data-theme="dark"] body .order-tracker li.done {
    color: #8AE5B2;
}
html[data-theme="dark"] body .order-tracker li.done span {
    border-color: #52E085;
    background: #17803D;
    color: #fff;
}
html[data-theme="dark"] body .order-tracker li.done span::after {
    border-bottom: 2px solid #343D4B;
    border-left: 2px solid #343D4B;
}
html[data-theme="dark"] body .order-tracker li.current {
    color: #ED9E82;
}
html[data-theme="dark"] body .order-tracker li.current span {
    border-color: var(--brand-primary);
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body details.order-tracker-collapse:not([open]) > summary {
    border-bottom: 0;
}
html[data-theme="dark"] .collapse-chevron {
    background: var(--soft);
}
html[data-theme="dark"] .collapse-chevron::before {
    border-right: 2px solid #A5B0C0;
    border-bottom: 2px solid #A5B0C0;
}
html[data-theme="dark"] details.order-tracker-collapse > summary:hover .collapse-chevron {
    background: var(--orange-soft);
}
html[data-theme="dark"] body details.order-tracker-collapse > summary.panel-heading {
    border: 0;
}
html[data-theme="dark"] body .order-tracker-log {
    scrollbar-color: #343D4B transparent;
}
html[data-theme="dark"] body .order-tracker-log::-webkit-scrollbar-thumb {
    background: #384457;
}
html[data-theme="dark"] body .order-tracker-covered {
    background: none;
}
html[data-theme="dark"] body .theme-choice {
    border: 2px solid var(--line);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .theme-choice:hover {
    border-color: #76432D;
}
html[data-theme="dark"] body .theme-choice.is-active {
    border-color: var(--brand-primary);
}
html[data-theme="dark"] .theme-choice strong small {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] .theme-choice > span:last-child {
    color: var(--muted);
}
html[data-theme="dark"] body .app-footer {
    color: #8792A0;
}
html[data-theme="dark"] body .theme-fab {
    border: 1px solid var(--line);
    background: var(--paper);
    color: var(--brand-dark);
}
html[data-theme="dark"] body .theme-fab:hover {
    color: var(--brand-primary);
}
html[data-theme="dark"] body .user-password-reset {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] body .user-password-reset h3 {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .theme-fab {
    border: 0;
    background: linear-gradient(135deg, #FF8A5B, #F15A24);
    color: #fff;
}
html[data-theme="dark"] body .theme-fab:hover,
html[data-theme="dark"] body .theme-fab:focus-visible {
    color: #fff;
}
html[data-theme="dark"] body .theme-header-toggle {
    border: 0;
    background: transparent;
    color: #A2ACB9;
}
html[data-theme="dark"] body .theme-header-toggle:hover {
    background: var(--soft);
    color: var(--brand-primary);
}
html[data-theme="dark"] body .mail-folders {
    border: 1px solid var(--line);
    background: var(--paper);
}
html[data-theme="dark"] body .mail-folder {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-folder:hover,
html[data-theme="dark"] body .mail-folder-active {
    background: var(--orange-soft);
    color: var(--brand-dark);
}
html[data-theme="dark"] body .mail-folder-has-unread small {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body .mail-folder small {
    background: var(--soft);
    color: var(--muted);
}
html[data-theme="dark"] body .mail-bulk-toolbar {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] body .mail-select-all {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-bulk-toolbar select {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-message-row {
    border-bottom: 1px solid var(--line);
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-message-row:last-child {
    border-bottom: 0;
}
html[data-theme="dark"] body .mail-message-row:hover {
    background: var(--soft);
}
html[data-theme="dark"] body .mail-message-link {
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-message-main span,
html[data-theme="dark"] body .mail-message-meta small {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-read-receipt {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .mail-message-unread .mail-message-main strong,
html[data-theme="dark"] body .mail-message-unread .mail-message-main span {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .mail-message-meta time {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-empty {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-message-addresses {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] body .mail-message-addresses dt {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-message-addresses dd {
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-message-body {
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-message-actions {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] body .mail-recipient-kind {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-recipient-picker > summary {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-recipient-picker > summary::after {
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
}
html[data-theme="dark"] body .mail-recipient-picker[open] > summary {
    border-color: var(--brand-primary);
}
html[data-theme="dark"] body .mail-recipient-options {
    border: 1px solid var(--brand-primary);
    border-top: 0;
    background: var(--paper);
}
html[data-theme="dark"] body .mail-recipient-options label:hover {
    background: var(--soft);
}
html[data-theme="dark"] body .mail-search-form {
    border: 1px solid var(--line);
    background: var(--paper);
}
html[data-theme="dark"] body .mail-search-form:focus-within {
    border-color: var(--brand-primary);
}
html[data-theme="dark"] body .mail-search-form input[type="search"] {
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-search-form input[type="search"]:focus {
    border: 0;
    outline: 0;
}
html[data-theme="dark"] body .mail-search-clear {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-workspace {
    border: 1px solid var(--line);
    background: var(--paper);
}
html[data-theme="dark"] body .mail-sidebar {
    border-right: 1px solid var(--line);
}
html[data-theme="dark"] body .mail-folders {
    border: 0;
    background: transparent;
}
html[data-theme="dark"] body .mail-folder {
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-folder-active {
    background: var(--orange-soft);
    color: var(--brand-dark);
}
html[data-theme="dark"] body .mail-workspace > .mail-list-panel,
html[data-theme="dark"] body .mail-workspace > .mail-detail-panel,
html[data-theme="dark"] body .mail-workspace > .mail-reader-empty {
    border: 0;
}
html[data-theme="dark"] body .mail-workspace > .mail-list-panel {
    border-right: 1px solid var(--line);
}
html[data-theme="dark"] body .mail-list-heading {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] body .mail-list-heading h1 {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .mail-list-heading p {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-message-link.mail-message-selected {
    background: var(--orange-soft);
}
html[data-theme="dark"] body .mail-message-main strong {
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-message-main span {
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-message-unread .mail-message-main strong,
html[data-theme="dark"] body .mail-message-unread .mail-message-main span {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .mail-reader-empty h2 {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .mail-reader-empty p:last-child {
    color: var(--muted);
}
@media (max-width: 820px) {
html[data-theme="dark"] body .mail-sidebar {
    border-right: 0;
    border-bottom: 1px solid var(--line);
}
}
@media (max-width: 600px) {
html[data-theme="dark"] body .mail-reader-back {
    border-bottom: 1px solid var(--line);
    color: var(--brand-primary);
}
html[data-theme="dark"] body .mail-workspace > .mail-list-panel {
    border-right: 0;
    border-bottom: 1px solid var(--line);
}
}
html[data-theme="dark"] body .invoice-edit-form input:disabled {
    background: var(--soft);
    color: var(--muted);
}
html[data-theme="dark"] .invoice-edit-label {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .invoice-edit-items th {
    background: var(--soft);
    color: var(--muted);
}
html[data-theme="dark"] body .invoice-edit-items td {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"] body .payment-apply-choice {
    border: 1px solid var(--line);
}
html[data-theme="dark"] body .payment-apply-choice legend {
    color: var(--brand-dark);
}
html[data-theme="dark"] body .status.info {
    background: #182A3F;
    color: #A1ABBA;
}
html[data-theme="dark"] .request-status-filter a {
    border: 1px solid var(--line);
    color: var(--muted);
}
html[data-theme="dark"] .request-status-filter a:hover {
    border-color: #76442D;
    color: var(--brand-dark);
}
html[data-theme="dark"] .request-status-filter a[aria-current="page"] {
    border-color: var(--brand-primary);
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] body .request-action-form {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] .order-authorization-note {
    color: #A2ACB9;
}
html[data-theme="dark"] .delivery-status-form label {
    color: var(--muted);
}
html[data-theme="dark"] .delivery-status-form input {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] .delivery-update-forms .delivery-status-form + .delivery-status-form {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] .delivery-signatures span {
    color: #A6ACB5;
}
html[data-theme="dark"] .delivery-signatures strong {
    border-bottom: 1.5px solid #A5B0C0;
}
html[data-theme="dark"] .delivery-signatures i {
    color: #8792A0;
}
html[data-theme="dark"] .delivery-received-note {
    color: #A6ACB5;
}
html[data-theme="dark"] body .delivery-readiness {
    background: #183F27;
    color: #8AE5B2;
}
html[data-theme="dark"] body .delivery-readiness.is-blocked {
    background: #3F1C18;
    color: #E79288;
}
html[data-theme="dark"] .delivery-proof-list a {
    border: 1px solid var(--line);
    background: var(--soft);
}
html[data-theme="dark"] .delivery-proof-pdf {
    color: #ED9E82;
}
html[data-theme="dark"] .delivery-proof-list small {
    color: var(--muted);
}
html[data-theme="dark"] body .report-filter-form select {
    border: 1px solid var(--soft-border);
    background-color: #1E252F;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%23F15A24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
    color: var(--brand-dark);
}
html[data-theme="dark"] body .report-filter-form select:hover {
    border-color: #76432D;
}
html[data-theme="dark"] body .report-filter-form select:focus {
    border-color: var(--brand-primary);
    outline: 0;
}
html[data-theme="dark"] body .report-filter-form .inline-link {
    border: 1px solid var(--soft-border);
    background: #1E252F;
    color: var(--dark-text);
}
html[data-theme="dark"] body .report-filter-form .inline-link:hover {
    border-color: #76432D;
    background: var(--orange-soft);
    color: #ED9E82;
}
html[data-theme="dark"] body .report-filter-form .inline-link:focus-visible {
    border-color: var(--brand-primary);
    outline: 0;
}
html[data-theme="dark"] body .metric.finance-profit strong {
    color: #86E9AA;
}
html[data-theme="dark"] body .metric.finance-profit.is-loss strong {
    color: #C0392B;
}
html[data-theme="dark"] body .metric.finance-profit::before {
    background: linear-gradient(90deg, #17803D, #4CAF73);
}
html[data-theme="dark"] body .metric.finance-profit.is-loss::before {
    background: linear-gradient(90deg, #C0392B, #E57368);
}
html[data-theme="dark"] body .finance-total-row td {
    border-top: 2px solid var(--line);
    background: var(--soft);
}
html[data-theme="dark"] body .finance-grid .table-scroll,
html[data-theme="dark"] body .revenue-records .table-scroll {
    scrollbar-color: #343D4B transparent;
}
html[data-theme="dark"] body .finance-grid .table-scroll thead th,
html[data-theme="dark"] body .revenue-records .table-scroll thead th {
    background: var(--paper);
}
html[data-theme="dark"] body .finance-grid .table-scroll::-webkit-scrollbar-thumb,
html[data-theme="dark"] body .revenue-records .table-scroll::-webkit-scrollbar-thumb {
    background: #384457;
}
@media (max-width: 700px) {
html[data-theme="dark"] body .account-form .text-button:active {
    background: var(--orange-soft);
    border-color: var(--brand-primary);
    color: var(--brand-hover);
}
}
html[data-theme="dark"] body .product-pay-rules {
    border: 1px solid var(--line);
}
html[data-theme="dark"] body .product-pay-rules legend {
    color: var(--brand-dark);
}
html[data-theme="dark"] .product-pay-rules-note {
    color: var(--muted);
}
html[data-theme="dark"] .product-pay-rule {
    border-top: 1px solid var(--line);
}
html[data-theme="dark"] .product-pay-rule > strong {
    color: #ED9E82;
}
html[data-theme="dark"] .product-spec {
    color: var(--muted);
}
html[data-theme="dark"] body .jump-top {
    border: 0;
    background: linear-gradient(135deg, #FF8A5B, #F15A24);
    color: #fff;
}
html[data-theme="dark"] .portal-confirm-form input {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .notification-popup-heading button {
    border: 1px solid var(--line);
    background: none;
    color: var(--muted);
}
html[data-theme="dark"] body .notification-popup-heading button:hover,
html[data-theme="dark"] body .notification-popup-heading button:focus-visible {
    border-color: var(--brand-primary);
    background: var(--orange-soft);
    color: var(--brand-primary);
}
html[data-theme="dark"] body .portal-order-total {
    border: 1px solid var(--soft-border);
    border-left: 4px solid var(--brand-primary);
    background: var(--orange-soft);
}
html[data-theme="dark"] body .portal-order-total span {
    color: var(--dark-text);
}
html[data-theme="dark"] body .portal-order-total strong {
    color: var(--brand-primary);
}
html[data-theme="dark"] body .portal-order-total p {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-chip-box {
    border: 1px solid var(--soft-border);
    background: var(--paper);
}
html[data-theme="dark"] body .mail-chip-box:focus-within {
    border-color: var(--brand-primary);
}
html[data-theme="dark"] body .mail-chip-box .mail-chip-input {
    border: 0;
    background: none;
    color: var(--dark-text);
    outline: none;
}
html[data-theme="dark"] body .mail-chip {
    background: var(--orange-soft);
    color: var(--dark-text);
}
html[data-theme="dark"] body .mail-option-avatar {
    background: var(--brand-primary);
    color: #fff;
}
html[data-theme="dark"] body .mail-chip .mail-chip-remove {
    border: 0;
    background: #0F1A2B1F;
}
html[data-theme="dark"] body .mail-chip .mail-chip-remove::before,
html[data-theme="dark"] body .mail-chip .mail-chip-remove::after {
    background: #2A3A55;
}
html[data-theme="dark"] body .mail-chip .mail-chip-remove:hover,
html[data-theme="dark"] body .mail-chip .mail-chip-remove:focus-visible {
    background: var(--brand-primary);
}
html[data-theme="dark"] body .mail-chip .mail-chip-remove:hover::before,
html[data-theme="dark"] body .mail-chip .mail-chip-remove:hover::after,
html[data-theme="dark"] body .mail-chip .mail-chip-remove:focus-visible::before,
html[data-theme="dark"] body .mail-chip .mail-chip-remove:focus-visible::after {
    background: #1E252F;
}
html[data-theme="dark"] body .mail-recipient-picker.is-enhanced .mail-recipient-options {
    border: 1px solid var(--soft-border);
}
html[data-theme="dark"] body .mail-recipient-picker.is-enhanced .mail-recipient-options label:focus-within {
    background: var(--soft);
    outline: 2px solid var(--brand-primary);
}
html[data-theme="dark"] body .mail-recipient-picker.is-enhanced .mail-recipient-options label.is-picked {
    background: var(--orange-soft);
}
html[data-theme="dark"] body .mail-recipient-picker.is-enhanced .mail-recipient-options label.is-picked::after {
    border-right: 2px solid var(--brand-primary);
    border-bottom: 2px solid var(--brand-primary);
}
html[data-theme="dark"] body .mail-recipient-none {
    color: var(--muted);
}
html[data-theme="dark"] body .mail-chip-box input.mail-chip-input,
html[data-theme="dark"] body .mail-chip-box input.mail-chip-input:focus {
    border: 0 !important;
    background: transparent !important;
    outline: none !important;
}
html[data-theme="dark"] body .portal-pay-panel > .order-pdf-payments {
    border: 0;
}
html[data-theme="dark"] body .task-menu-foot {
    border-top: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] body .task-menu-foot a {
    color: var(--brand-primary);
}
html[data-theme="dark"] body .task-lane {
    border: 1px solid var(--soft-border);
    background: var(--soft);
}
html[data-theme="dark"] body .task-lane-heading strong {
    color: var(--dark-text);
}
html[data-theme="dark"] body .task-lane-heading b {
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .task-lane-heading small {
    color: var(--muted);
}
html[data-theme="dark"] body .task-lane-none {
    color: var(--muted);
}
html[data-theme="dark"] body .task-card {
    border: 1px solid var(--soft-border);
    border-left: 3px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .task-card:hover,
html[data-theme="dark"] body .task-card:focus-visible {
    border-color: var(--brand-primary);
}
html[data-theme="dark"] body .task-card.is-mine {
    border-left-color: var(--brand-primary);
}
html[data-theme="dark"] body .task-card-need {
    color: var(--muted);
}
html[data-theme="dark"] body .task-card-foot small {
    color: var(--muted);
}
html[data-theme="dark"] body .task-card.is-stale .task-card-age {
    color: #ED8A82;
}
html[data-theme="dark"] body .task-card.is-mine .task-card-turn {
    color: var(--brand-primary);
}
html[data-theme="dark"] body table.finance-table tr.finance-total td {
    border-top: 2px solid var(--soft-border);
    background: var(--soft);
}
html[data-theme="dark"] body .report-note {
    border-left: 3px solid var(--brand-primary);
    background: var(--orange-soft);
    color: var(--dark-text);
}
html[data-theme="dark"] body button.action-link {
    border: 0;
    background: none;
}
html[data-theme="dark"] body button.action-link.danger-link {
    color: #ED8A82;
}
html[data-theme="dark"] body .reconcile-toggle {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--muted);
}
html[data-theme="dark"] body .reconcile-toggle:hover,
html[data-theme="dark"] body .reconcile-toggle:focus-visible {
    border-color: var(--brand-primary);
    color: var(--dark-text);
}
html[data-theme="dark"] body .reconcile-box {
    border: 1.5px solid currentColor;
}
html[data-theme="dark"] body .reconcile-toggle.is-done {
    border-color: #57DB96;
    background: #183F2A;
    color: #88E7B6;
}
html[data-theme="dark"] body .reconcile-toggle.is-done .reconcile-box {
    border-color: #57DB96;
    background: #1B7F4B;
}
html[data-theme="dark"] body .reconcile-toggle.is-done .reconcile-box::after {
    border-right: 1.5px solid #343D4B;
    border-bottom: 1.5px solid #343D4B;
}
html[data-theme="dark"] body .operator-account-form input,
html[data-theme="dark"] body .operator-account-form select {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .operator-sign-in {
    border: 1px solid var(--soft-border);
    background: var(--soft);
}
html[data-theme="dark"] body .operator-sign-in-heading h3 {
    color: var(--dark-text);
}
html[data-theme="dark"] body .operator-sign-in-heading p,
html[data-theme="dark"] body .operator-sign-in-hint {
    color: var(--muted);
}
html[data-theme="dark"] body .operator-edit {
    border: 1px solid var(--soft-border);
    background: var(--paper);
}
html[data-theme="dark"] body .operator-edit > summary {
    color: var(--dark-text);
}
html[data-theme="dark"] body .operator-edit > summary .collapse-chevron {
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
}
html[data-theme="dark"] body .operator-edit[open] > summary {
    border-bottom: 1px solid var(--soft-border);
}
html[data-theme="dark"] body .operator-delete-form {
    border-top: 1px solid var(--soft-border);
}
html[data-theme="dark"] body .operator-delete-form small {
    color: var(--muted);
}
html[data-theme="dark"] body .notification-popup-actions button.notification-open {
    color: var(--brand-primary);
}
html[data-theme="dark"] body .search-select > select.search-select-native {
    border: 0;
}
html[data-theme="dark"] body .search-select-list {
    border: 1px solid var(--soft-border);
    background: var(--paper);
}
html[data-theme="dark"] body .search-select-list .search-select-option {
    border: 0;
    background: none;
    color: var(--dark-text);
}
html[data-theme="dark"] body .search-select-list .search-select-option:hover,
html[data-theme="dark"] body .search-select-list .search-select-option.is-active {
    background: var(--soft);
}
html[data-theme="dark"] body .search-select-list .search-select-option.is-chosen {
    background: var(--orange-soft);
}
html[data-theme="dark"] body .search-select-list .search-select-option.is-chosen::after {
    border-right: 2px solid var(--brand-primary);
    border-bottom: 2px solid var(--brand-primary);
}
html[data-theme="dark"] body .search-select-none {
    color: var(--muted);
}
html[data-theme="dark"] body .search-select > input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A94A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E");
    background-position: right 13px center;
    background-repeat: no-repeat;
    background-size: 17px 17px;
}
html[data-theme="dark"] body .search-select-list {
    border: 1px solid var(--line);
}
html[data-theme="dark"] body .search-select-list .search-select-option.is-active {
    background: var(--orange-soft);
}
html[data-theme="dark"] body .search-select-count {
    border-top: 1px solid var(--line);
    background: var(--soft);
    color: var(--muted);
}
html[data-theme="dark"] body .logo-setting-preview {
    border: 1px dashed var(--soft-border);
    background: #1E252F;
}
html[data-theme="dark"] body .logo-setting-form label {
    color: var(--dark-text);
}
html[data-theme="dark"] body .brand-swatch {
    border: 2px solid var(--paper);
}
html[data-theme="dark"] body .brand-swatch-primary {
    background: var(--brand-primary);
}
html[data-theme="dark"] body .brand-swatch-dark {
    background: #2A3A55;
}
html[data-theme="dark"] body .backup-choice {
    border: 1px solid var(--soft-border);
    background: var(--soft);
}
html[data-theme="dark"] body .backup-choice strong {
    color: var(--dark-text);
}
html[data-theme="dark"] body .backup-choice p {
    color: var(--muted);
}
html[data-theme="dark"] body .danger-zone {
    border-color: #76352D;
}
html[data-theme="dark"] body .danger-zone .panel-heading h2 {
    color: #ED8A82;
}
html[data-theme="dark"] body .clear-data-item {
    border: 1px solid var(--soft-border);
    background: var(--paper);
}
html[data-theme="dark"] body .clear-data-item:hover {
    border-color: #76352D;
}
html[data-theme="dark"] body .clear-data-item:has(input:checked) {
    border-color: #D92D20;
    background: #3F1B18;
}
html[data-theme="dark"] body .clear-data-item strong {
    color: var(--dark-text);
}
html[data-theme="dark"] body .clear-data-item small {
    color: var(--muted);
}
html[data-theme="dark"] body .clear-data-item b {
    color: var(--muted);
}
html[data-theme="dark"] body .clear-data-kept {
    color: var(--muted);
}
html[data-theme="dark"] body .clear-data-confirm label {
    color: var(--dark-text);
}
html[data-theme="dark"] body .clear-data-confirm input {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"] body .button.danger-button {
    border-color: #D92D20;
    background: #D92D20;
    color: #fff;
}
html[data-theme="dark"] body .button.danger-button:hover,
html[data-theme="dark"] body .button.danger-button:focus-visible {
    border-color: #B42318;
    background: #B42318;
}
html[data-theme="dark"] body .idle-warning {
    border: 1px solid var(--soft-border);
    border-left: 4px solid var(--brand-primary);
    background: var(--paper);
    color: var(--dark-text);
}
@media (max-width: 700px) {
html[data-theme="dark"].has-nav-drawer body .nav-toggle {
    border: 1px solid var(--soft-border);
    background: var(--paper);
    color: var(--dark-text);
}
html[data-theme="dark"].has-nav-drawer body .nav-toggle span,
html[data-theme="dark"].has-nav-drawer body .nav-toggle span::before,
html[data-theme="dark"].has-nav-drawer body .nav-toggle span::after {
    background: currentColor;
}
html[data-theme="dark"].has-nav-drawer body .layout > .sidebar {
    border-right: 1px solid var(--line);
    border-bottom: 0;
    background: var(--paper);
}
html[data-theme="dark"].has-nav-drawer body .nav-drawer-head {
    border-bottom: 1px solid var(--line);
}
html[data-theme="dark"].has-nav-drawer body .nav-drawer-head strong {
    color: var(--dark-text);
}
html[data-theme="dark"].has-nav-drawer body .nav-drawer-close {
    border: 0;
    background: var(--soft);
}
html[data-theme="dark"].has-nav-drawer body .nav-drawer-close::before,
html[data-theme="dark"].has-nav-drawer body .nav-drawer-close::after {
    background: #2A3A55;
}
html[data-theme="dark"].has-nav-drawer body .nav-backdrop {
    background: #0F1A2B80;
}
}
@media (max-width: 700px) {
html[data-theme="dark"].has-nav-drawer body .nav-drawer-close {
    color: var(--dark-text);
}
html[data-theme="dark"].has-nav-drawer body .nav-drawer-close::before,
html[data-theme="dark"].has-nav-drawer body .nav-drawer-close::after {
    background: currentColor;
}
html[data-theme="dark"].has-nav-drawer body .nav-backdrop {
    background: rgba(15, 26, 43, .58);
}
}
html[data-theme="dark"] body .changelog-date {
    color: var(--muted);
}
html[data-theme="dark"] body .changelog-earlier {
    border-top: 1px solid var(--soft-border);
    color: var(--muted);
}
html[data-theme="dark"] body .notification-panel-foot {
    border-top: 1px solid var(--line);
    color: var(--muted);
}
html[data-theme="dark"] body main.content a.page-fab {
    background: linear-gradient(135deg, #FF8A5B, #F15A24);
    color: #fff;
}
html[data-theme="dark"] body main.content a.page-fab:focus-visible {
    outline: 3px solid #A5B0C0;
}
html[data-theme="dark"] body main.content a.page-fab span::before,
html[data-theme="dark"] body main.content a.page-fab span::after {
    background: #1E252F;
}
html[data-theme="dark"] body .language-toggle {
    border: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] body .language-toggle a {
    color: #A6ACB5;
}
html[data-theme="dark"] body .language-toggle a:hover {
    color: #DCE0E5;
}
html[data-theme="dark"] body .language-toggle a[aria-current="true"] {
    background: #F15A24;
    color: #FFFFFF;
}
html[data-theme="dark"] body .default-submit {
    border: 0;
}
html[data-theme="dark"] body .expense-kinds {
    border: 1px solid var(--line);
    background: var(--soft);
}
html[data-theme="dark"] body .expense-kinds > summary {
    color: #ED9E82;
}
html[data-theme="dark"] body .expense-kinds-list li {
    border: 1px solid var(--line);
    background: #1E252F;
}
html[data-theme="dark"] body .notice.kc-banner {
    border: 1px solid #76442D;
    background: #3F2618;
    color: #EDA082;
}
html[data-theme="dark"] body .notice.kc-banner-overdue {
    border-color: #76362D;
    background: #3F1B18;
    color: #ED8A82;
}
html[data-theme="dark"] body .kc-switch {
    color: #A1ABB9;
}
html[data-theme="dark"] body .login-panel .two-factor-resend button {
    border: 0;
    background: none;
    color: var(--brand-primary);
}

/* Native controls (date pickers, select lists, scrollbars) follow the dark theme. */
html[data-theme="dark"] {
    color-scheme: dark;
}

/* Keep editable text fields distinct from dark page surfaces, with bright typed text. */
html[data-theme="dark"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
html[data-theme="dark"] body select,
html[data-theme="dark"] body textarea {
    background-color: #141B24 !important;
    border-color: #596777 !important;
    color: #F4F6F8 !important;
    caret-color: #F4F6F8;
}

html[data-theme="dark"] body input::placeholder,
html[data-theme="dark"] body textarea::placeholder {
    color: #AEB8C4 !important;
    opacity: 1;
}

html[data-theme="dark"] body input:focus,
html[data-theme="dark"] body select:focus,
html[data-theme="dark"] body textarea:focus {
    border-color: #FF9A6E !important;
    box-shadow: 0 0 0 3px #F15A2438 !important;
    outline: 0;
}

html[data-theme="dark"] body input[readonly],
html[data-theme="dark"] body input:disabled,
html[data-theme="dark"] body select:disabled,
html[data-theme="dark"] body textarea:disabled {
    background-color: #202A35 !important;
    color: #B8C1CB !important;
}

/* The logo has dark lettering, so it keeps a white plate behind it. */
html[data-theme="dark"] .document-company img,
html[data-theme="dark"] .statement-sheet-header img {
    padding: 6px 8px;
    border-radius: 8px;
    background: #FFFFFF;
}

/* Theme previews in Settings: fixed colours, identical whichever theme is active. */
.theme-swatch-light { background: #F4F5F7; }
.theme-swatch-light i { background: #FFFFFF; border: 1px solid #E4E7EC; }
.theme-swatch-dark { background: #12161D; }
.theme-swatch-dark i { background: #1E252F; border: 1px solid #343D4B; }
}