html:where([data-theme=dark]) .form-card {
  background: var(--surface);
}
html:where([data-theme=dark]) .data-table th {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .qty-modal-handle {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .qty-stock-card {
  background: var(--surface-soft);
  border-color: var(--border);
}
html:where([data-theme=dark]) .qty-step-btn {
  background: var(--surface);
}
html:where([data-theme=dark]) .qty-step-btn:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .qty-step-input {
  background: var(--surface);
}
html:where([data-theme=dark]) .qty-quick-btn {
  background: var(--surface);
}
html:where([data-theme=dark]) .qty-quick-btn:hover {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .qty-quick-btn.active {
  color: var(--on-action);
}
html:where([data-theme=dark]) .fs-genall-hint {
  background: var(--info-bg);
  color: var(--info-text);
  border-color: var(--border);
}
html:where([data-theme=dark]) .fs-genall-hint.muted {
  background: var(--surface-soft);
  color: var(--text-muted);
  border-color: var(--border);
}
html:where([data-theme=dark]) .qty-trigger {
  background: var(--surface);
}
html:where([data-theme=dark]) .qc-handle {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .qc-doc-card {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .qc-doc-id .qc-type-pill {
  color: var(--on-action);
}
html:where([data-theme=dark]) .qc-upload-btn {
  background: var(--surface);
}
html:where([data-theme=dark]) .qc-upload-btn:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .qc-upload-btn:active {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .md-handle {
  background: var(--info-bg);
}
@media (max-width: 768px) {
  html:where([data-theme=dark]) .draft-table tbody tr {
    background: var(--surface);
  }
  html:where([data-theme=dark]) .draft-table tbody td {
    background: var(--surface);
  }
  html:where([data-theme=dark]) .draft-table tbody tr:not(.draft-empty-row) td:nth-child(1) {
    background: var(--surface-soft);
  }
  html:where([data-theme=dark]) .draft-table tbody tr:not(.draft-empty-row) td:last-child {
    background: var(--surface-soft) !important;
  }
}
html:where([data-theme=dark]) .fab-scroll-top {
  color: var(--on-action);
}
@media (max-width: 640px) {
  html:where([data-theme=dark]) #inventoryTable td[data-label=ชื่อวัสดุ] {
    background: var(--surface-soft);
  }
  html:where([data-theme=dark]) #unreturnedTable tbody tr {
    background: var(--surface);
  }
}
html:where([data-theme=dark]) .metric-chip.chip-critical:hover,
html:where([data-theme=dark]) .metric-chip.chip-critical:active {
  color: var(--error-text);
}
html:where([data-theme=dark]) .approval-section-head.sec-action {
  color: var(--info-text);
}
html:where([data-theme=dark]) .approval-section-head.sec-action .sec-count {
  color: var(--on-action);
}
html:where([data-theme=dark]) .approval-section-head.sec-mine {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .approval-section-head.sec-mine .sec-count {
  color: var(--on-action);
}
html:where([data-theme=dark]) .card-header {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .qr-doc-card .qrc-actions {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .btn-dl-qr:hover {
  color: var(--on-action);
}
html:where([data-theme=dark]) .qr-doc-chip {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .qr-meta-box {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .qr-items-mini {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .qr-item-qty {
  background: var(--surface);
}
html:where([data-theme=dark]) .app-toast.warning i {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .approver-hint {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .qr-items-list div {
  border-bottom-color: var(--border);
}
html:where([data-theme=dark]) .doc-preview {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .pick-summary-head {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .pick-summary-count {
  color: var(--on-action);
}
html:where([data-theme=dark]) .pick-sum-group {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .pick-sum-group-count {
  color: var(--on-action);
}
html:where([data-theme=dark]) .cw-phase-pill.p1 {
  color: var(--info-text);
}
html:where([data-theme=dark]) .cw-phase-pill.p2 {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .cw-locked-banner {
  background: var(--warn-bg);
  border-color: var(--warn-text);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .cw-locked-banner i {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .cw-closing-spinner {
  border-color: var(--warn-text);
}
html:where([data-theme=dark]) .cw-closing-row {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .cw-closing-row.done {
  background: var(--info-bg);
  border-color: var(--border);
}
html:where([data-theme=dark]) .cw-closing-chip.wait {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .cw-closing-chip.done {
  color: var(--info-text);
}
html:where([data-theme=dark]) .cw-closing-next {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .cw-dot {
  background: var(--surface);
}
html:where([data-theme=dark]) .cw-dot.done {
  color: var(--on-action);
}
html:where([data-theme=dark]) .cw-card-head {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .cw-nav {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .cw-save-hint {
  color: var(--info-text);
}
html:where([data-theme=dark]) .cw-gate-tag {
  border-color: var(--border);
}
html:where([data-theme=dark]) .cw-photo-flag.ok {
  color: var(--info-text);
}
html:where([data-theme=dark]) .cw-photo-flag.none {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .nav-drawer-handle {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .mf-qr-status {
  border-color: var(--border);
}
@media (max-width: 768px) {
  html:where([data-theme=dark]) .mf-draft-bar .mf-db-text i {
    color: var(--warn-text);
  }
  html:where([data-theme=dark]) .mf-draft-bar .mf-db-go {
    background: var(--surface);
  }
}
html:where([data-theme=dark]) .ii-pill.low {
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .ii-pill.over {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .ii-pill.ok {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .ii-ecat.active {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .dr-rc.done {
  border-color: var(--border);
}
html:where([data-theme=dark]) .dr-msite {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .dr-x {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .dr-day {
  background: var(--surface);
}
html:where([data-theme=dark]) .dr-day.on {
  color: var(--on-action);
}
html:where([data-theme=dark]) .dr-row {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .dr-row.bad {
  background: var(--error-bg);
}
html:where([data-theme=dark]) .dr-no {
  color: var(--on-action);
}
html:where([data-theme=dark]) .dr-preview {
  background: var(--info-bg);
  border-color: var(--border);
  color: var(--info-text);
}
html:where([data-theme=dark]) .dr-preview li.dr-pv-next {
  color: var(--info-text);
}
html:where([data-theme=dark]) .dr-err {
  background: var(--error-bg);
  border-color: var(--error-text);
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-rb {
  border-color: var(--border);
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-rb.closing {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-rb.done {
  border-color: var(--border);
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-chip-i {
  background: var(--surface-soft);
  color: var(--text-main);
}
html:where([data-theme=dark]) .s5-chip-i.warn {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-chip-i.info {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-item {
  background: var(--surface);
}
html:where([data-theme=dark]) .s5-item.zero {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .s5-flag.ok {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-flag.need {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-flag.zero {
  background: var(--info-bg);
  color: var(--text-muted);
}
html:where([data-theme=dark]) .s5-stock b.neg {
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-stock.short {
  color: var(--error-text);
  background: var(--error-bg);
  border-color: var(--error-text);
}
html:where([data-theme=dark]) .s5-stock.short b {
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-act-lbl {
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-step {
  background: var(--surface-soft);
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-step:hover {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .s5-over {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-reason input {
  border-color: var(--error-text);
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .s5-chip {
  background: var(--surface);
  color: var(--text-main);
}
html:where([data-theme=dark]) .s5-chip:hover {
  border-color: var(--border);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .s5-reason-lbl {
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-reason-pick .s5-chip {
  border-color: var(--error-text);
  background: var(--surface-soft);
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-add {
  border-color: var(--border);
  background: var(--surface);
}
html:where([data-theme=dark]) .s5-add.cam {
  color: var(--on-action);
}
html:where([data-theme=dark]) .s5-err {
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-save {
  background: var(--surface);
}
html:where([data-theme=dark]) .s5-save.ready .s5-save-hint {
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-save.wait .s5-save-hint {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-bypass {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-dc-reason {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-alert-card {
  border-color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-alert-title {
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-alert-title.warn {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .s5-cnt {
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-alert-row {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .s5-short {
  color: var(--error-text);
}
html:where([data-theme=dark]) .s5-why {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .br-due-group input.br-invalid {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .br-chip {
  background: var(--surface);
  color: var(--text-main);
}
html:where([data-theme=dark]) .br-chip:hover {
  border-color: var(--border);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .br-due-err {
  color: var(--error-text);
}
html:where([data-theme=dark]) .br-due-summary.ok {
  background: var(--info-bg);
  border-color: var(--border);
  color: var(--info-text);
}
html:where([data-theme=dark]) .br-confirm {
  background: var(--info-bg);
  border-color: var(--border);
  color: var(--info-text);
}
html:where([data-theme=dark]) .br-due.over {
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .br-due.soon {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .br-due.ok {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .br-it.done {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .br-why {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .br-state {
  background: var(--surface-soft);
  color: var(--text-main);
}
html:where([data-theme=dark]) .br-state.warn {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .br-state.bad {
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .br-btn-wo {
  background: var(--error-bg);
  color: var(--error-text);
  border-color: var(--error-text);
}
html:where([data-theme=dark]) .br-btn-wo:hover {
  background: var(--error-bg);
}
html:where([data-theme=dark]) .br-modal-card {
  background: var(--surface);
}
html:where([data-theme=dark]) .br-modal-title {
  color: var(--error-text);
}
html:where([data-theme=dark]) .br-x {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .br-modal-foot {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .br-wo-sum.ready {
  color: var(--info-text);
}
html:where([data-theme=dark]) .br-wo-sum.wait {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .br-wo-note {
  background: var(--warn-bg);
  border-color: var(--warn-text);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .br-wo-item {
  background: var(--surface);
}
html:where([data-theme=dark]) .br-wo-item.on {
  border-color: var(--error-text);
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .br-wo-price {
  color: var(--text-main);
}
html:where([data-theme=dark]) .br-seg button {
  background: var(--surface);
  color: var(--text-muted);
}
html:where([data-theme=dark]) .br-wo-hrow {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .br-ap {
  color: var(--text-main);
}
html:where([data-theme=dark]) .br-ap.bad {
  color: var(--error-text);
  background: var(--error-bg);
  border-color: var(--error-text);
}
html:where([data-theme=dark]) .br-ap.ok {
  color: var(--info-text);
}
html:where([data-theme=dark]) .br-alert-card {
  border-color: var(--error-text);
}
html:where([data-theme=dark]) .s5-alert-title.info {
  color: var(--info-text);
}
html:where([data-theme=dark]) .s5-cnt.info {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .br-notice {
  background: var(--surface);
  border-color: var(--error-text);
}
html:where([data-theme=dark]) .br-notice-t {
  color: var(--error-text);
}
html:where([data-theme=dark]) .br-notice-b {
  color: var(--text-main);
}
html:where([data-theme=dark]) .br-notice-more {
  color: var(--text-muted);
  background: var(--surface);
}
html:where([data-theme=dark]) .br-notice-more button {
  color: var(--error-text);
}
html:where([data-theme=dark]) .br-overdue-warn {
  background: var(--error-bg);
  border-color: var(--error-text);
  color: var(--error-text);
}
html:where([data-theme=dark]) .br-confirm.warn {
  background: var(--error-bg);
  border-color: var(--error-text);
  color: var(--error-text);
}
html:where([data-theme=dark]) .td-warn {
  color: var(--error-text);
}
html:where([data-theme=dark]) .td-opt-char {
  background: var(--info-bg);
  color: var(--text-main);
}
html:where([data-theme=dark]) .td-wms {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .td-split-note {
  color: var(--info-text);
  background: var(--info-bg);
  border-color: var(--border);
}
html:where([data-theme=dark]) .td-gate {
  color: var(--info-text);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .td-line-del {
  border-color: var(--error-text);
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .td-line-del:hover {
  background: var(--error-bg);
}
html:where([data-theme=dark]) .td-list-head h3 > i {
  color: var(--info-text);
}
html:where([data-theme=dark]) .td-doc-route i {
  color: var(--info-text);
}
html:where([data-theme=dark]) .td-act {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .td-doc-note {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .td-in-hint {
  color: var(--info-text);
  background: var(--info-bg);
  border-color: var(--border);
}
html:where([data-theme=dark]) .tf-mode-btn > i {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .tf-mode-btn.active[data-tf-mode=ext] {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .tf-mode-btn.active[data-tf-mode=ext] > i {
  color: var(--info-text);
}
html:where([data-theme=dark]) .tf-mode-btn.active[data-tf-mode=int] {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .tf-mode-btn.active[data-tf-mode=int] > i {
  color: var(--info-text);
}
html:where([data-theme=dark]) .tg-gate {
  color: var(--info-text);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .tg-clash {
  border-color: var(--error-text);
  background: var(--error-bg);
}
html:where([data-theme=dark]) .tg-split-note {
  color: var(--info-text);
  background: var(--info-bg);
  border-color: var(--border);
}
html:where([data-theme=dark]) .tg-cls-c01 {
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .tg-cls-c02 {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .tg-cls-nar {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .tg-req-box {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .tg-req-box.lvl6 {
  background: var(--error-bg);
  border-color: var(--error-text);
  color: var(--error-text);
}
html:where([data-theme=dark]) .tg-req-box.lvl4 {
  background: var(--info-bg);
  border-color: var(--border);
  color: var(--info-text);
}
html:where([data-theme=dark]) .tg-req-box.lvl0 {
  background: var(--info-bg);
  border-color: var(--border);
  color: var(--info-text);
}
html:where([data-theme=dark]) .tg-route i {
  color: var(--info-text);
}
html:where([data-theme=dark]) .tg-leg {
  background: var(--surface-soft);
  color: var(--text-muted);
}
html:where([data-theme=dark]) .tg-leg.wait {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .tg-leg.run {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .tg-leg.ok {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .qrc-move-badge.out {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .qrc-move-badge.in {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .tg-chip {
  background: var(--info-bg) !important;
  color: var(--info-text) !important;
}
html:where([data-theme=dark]) .sc-how > i {
  color: var(--info-text);
}
html:where([data-theme=dark]) .sc-sec-h h3 > i {
  color: var(--info-text);
}
html:where([data-theme=dark]) .sc-blind-note.warn {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .sc-progress {
  color: var(--text-main);
}
html:where([data-theme=dark]) .sc-miss {
  background: var(--surface-soft) !important;
}
html:where([data-theme=dark]) .sc-note {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .sc-dec {
  border-top-color: var(--warn-text);
}
html:where([data-theme=dark]) .sc-adj-card {
  border-top-color: var(--warn-text);
}
html:where([data-theme=dark]) .in-ctl-locked {
  background: var(--error-bg);
  border-color: var(--error-text);
  color: var(--error-text);
}
html:where([data-theme=dark]) .in-src-btn i {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .in-src-btn:hover {
  border-color: var(--border);
  background: var(--surface);
}
html:where([data-theme=dark]) .in-chip {
  background: var(--surface);
  color: var(--text-main);
}
html:where([data-theme=dark]) .in-chip:hover {
  border-color: var(--border);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .in-chip.on {
  color: var(--on-action);
}
html:where([data-theme=dark]) .in-thumb {
  background: var(--surface);
}
html:where([data-theme=dark]) #inventoryTableBody td.cnx-neg {
  color: var(--error-text);
}
html:where([data-theme=dark]) .dash-gate-chip.is-neg {
  background: var(--error-bg);
  border-color: var(--error-text);
  color: var(--error-text);
}
html:where([data-theme=dark]) .dash-gate-chip.is-neg b {
  color: var(--error-text);
}
html:where([data-theme=dark]) #mdValBalance.cnx-neg {
  color: var(--error-text);
}
html:where([data-theme=dark]) b.cnx-neg {
  color: var(--error-text);
}
html:where([data-theme=dark]) .cnx-stock-warn {
  background: var(--error-bg);
  border-color: var(--error-text);
  color: var(--error-text);
}
html:where([data-theme=dark]) .gh-card.has-bad {
  border-color: var(--error-text);
}
html:where([data-theme=dark]) .dash-gate-chip {
  background: var(--info-bg);
  border-color: var(--border);
  color: var(--info-text);
}
html:where([data-theme=dark]) .dash-gate-chip.is-empty {
  background: var(--surface-soft);
  border-color: var(--border);
  color: var(--text-muted);
}
html:where([data-theme=dark]) .dash-gate-chip.is-default {
  background: var(--surface);
  color: var(--text-muted);
}
html:where([data-theme=dark]) #statsCompareToggle.active {
  color: var(--on-action);
}
html:where([data-theme=dark]) .dc-month-export:hover {
  background: var(--error-bg);
}
html:where([data-theme=dark]) .deduct-half-opt {
  background: var(--surface);
}
html:where([data-theme=dark]) .deduct-half-opt.sel {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .dc-month-sign:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .esign-pfilter button {
  background: var(--surface);
}
html:where([data-theme=dark]) .esign-pfilter button.on {
  color: var(--on-action);
}
html:where([data-theme=dark]) .esign-doc {
  background: var(--surface);
}
html:where([data-theme=dark]) .esign-doc-head {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .esign-doc-act {
  background: var(--surface);
}
html:where([data-theme=dark]) .esign-doc-act:hover {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .esign-doc-act.pdf {
  color: var(--error-text);
}
html:where([data-theme=dark]) .esign-slot {
  border-bottom-color: var(--border);
}
html:where([data-theme=dark]) .esign-chip.none {
  background: var(--surface-soft);
  color: var(--text-muted);
}
html:where([data-theme=dark]) .esign-chip.wait {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .esign-chip.sent {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .esign-chip.auto {
  background: var(--warn-bg);
  color: var(--warn-text);
}
html:where([data-theme=dark]) .esign-ctrl select,
html:where([data-theme=dark]) .esign-ctrl input[type=text],
html:where([data-theme=dark]) .esign-ctrl input[type=number] {
  background: var(--surface);
}
html:where([data-theme=dark]) .esign-btn.primary {
  color: var(--on-action);
}
html:where([data-theme=dark]) .esign-btn.soft {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .esign-btn.ghost {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .esign-btn.danger {
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .esign-link-row input {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .esign-bulk {
  border-color: var(--border);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .esign-bulk-title {
  color: var(--info-text);
}
html:where([data-theme=dark]) .esign-issue {
  border-color: var(--border);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .esign-issue-txt {
  color: var(--info-text);
}
html:where([data-theme=dark]) .sign-tasks-section {
  background: var(--info-bg);
  border-color: var(--border);
}
html:where([data-theme=dark]) .sign-tasks-head {
  color: var(--info-text);
}
html:where([data-theme=dark]) .sign-task-card {
  background: var(--surface);
}
html:where([data-theme=dark]) .sign-task-role.inspector {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .sign-task-role.approver {
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .sign-detail-tbl tr:nth-child(even) {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .deduct-day-allbtn {
  background: var(--surface);
}
html:where([data-theme=dark]) .deduct-day-allbtn.all-on {
  color: var(--on-action);
}
html:where([data-theme=dark]) .deduct-day-rangebtn {
  background: var(--surface);
}
html:where([data-theme=dark]) .deduct-day-chip {
  background: var(--surface);
}
html:where([data-theme=dark]) .deduct-day-chip.sel {
  color: var(--on-action);
}
html:where([data-theme=dark]) .deduct-cal-wd.we {
  color: var(--error-text);
}
html:where([data-theme=dark]) .rate-alert > i {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .rate-only-btn:hover {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .rcfm-clear {
  color: var(--error-text);
}
html:where([data-theme=dark]) .se-wrap {
  background: var(--surface);
}
html:where([data-theme=dark]) .se-in:focus {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .se-in.se-ro {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .se-in.se-ro:focus {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .se-in.se-prev,
html:where([data-theme=dark]) .se-shop-btn.se-prev {
  background: var(--warn-bg) !important;
}
html:where([data-theme=dark]) .fs-in.fs-prev {
  background: var(--warn-bg) !important;
}
html:where([data-theme=dark]) .fs-tablebtn {
  border-color: var(--border);
  background: var(--info-bg);
  color: var(--info-text);
}
html:where([data-theme=dark]) .fs-tablebtn:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .fs-subnav {
  border-bottom-color: var(--border);
}
html:where([data-theme=dark]) .fs-link-item {
  border-bottom-color: var(--border);
}
html:where([data-theme=dark]) .fs-day-group {
  border-color: var(--border);
}
html:where([data-theme=dark]) .fs-day-head {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .fs-day-head:hover {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .fs-day-caret {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .fs-day-count {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .fs-mango-line i {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .fs-mango-none {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .fs-mango-none i {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .fs-save-row {
  border-bottom-color: var(--border);
}
html:where([data-theme=dark]) .fs-save-meta {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .fs-dash-col .b1 {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .fs-dash-col .dnum {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .fs-dash-legend {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .fs-vcard.v-pending {
  border-color: var(--warn-text);
}
html:where([data-theme=dark]) .fs-vcard.v-done {
  border-color: var(--border);
}
html:where([data-theme=dark]) .fs-vcard.v-none {
  border-color: var(--border);
}
html:where([data-theme=dark]) .se-lg-prev {
  background: var(--warn-bg);
}
html:where([data-theme=dark]) .se-lg-ro {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .se-in.se-auto {
  color: var(--info-text);
}
html:where([data-theme=dark]) .se-td-total {
  background: var(--warn-bg) !important;
}
html:where([data-theme=dark]) .se-del-btn {
  background: var(--error-bg);
  color: var(--error-text);
}
html:where([data-theme=dark]) .se-del-btn:hover {
  background: var(--error-bg);
}
html:where([data-theme=dark]) .se-dirty-hint {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .se-sign-box {
  background: var(--surface-soft);
}
html:where([data-theme=dark]) .se-td-pay {
  color: var(--info-text);
}
html:where([data-theme=dark]) .se-shop-btn:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .se-shop-btn .se-shop-amt {
  color: var(--info-text);
}
html:where([data-theme=dark]) .se-shop-row {
  background: var(--surface);
}
html:where([data-theme=dark]) .se-shop-row:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .se-shop-legacy {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .se-shop-total-bar {
  background: var(--warn-bg);
}
html:where([data-theme=dark]) .scfg-addmango-sel {
  border-color: var(--border);
  background: var(--info-bg);
}
html:where([data-theme=dark]) .scfg-addmango-x {
  color: var(--error-text);
}
html:where([data-theme=dark]) .scfg-addmango-x:hover {
  color: var(--error-text);
}
html:where([data-theme=dark]) .scfg-row-off td {
  background: var(--error-bg) !important;
}
html:where([data-theme=dark]) .scfg-row-off .rate-td-name {
  color: var(--text-muted);
}
html:where([data-theme=dark]) .scfg-row.rate-dirty td {
  background: var(--warn-bg) !important;
}
html:where([data-theme=dark]) .scfg-mango-btn {
  background: var(--surface);
}
html:where([data-theme=dark]) .scfg-mango-btn:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .scfg-mango-btn .scfg-mango-none {
  color: var(--warn-text);
}
html:where([data-theme=dark]) .scfg-mp-item {
  background: var(--surface);
}
html:where([data-theme=dark]) .scfg-mp-item:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .scfg-mp-addbtn {
  background: var(--surface-soft);
  color: var(--text-muted);
}
html:where([data-theme=dark]) .scfg-mp-addbtn:hover {
  background: var(--info-bg);
}
html:where([data-theme=dark]) .scfg-mp-delbtn {
  border-color: var(--error-text);
  background: var(--surface);
  color: var(--error-text);
}
html:where([data-theme=dark]) .scfg-mp-delbtn:hover {
  background: var(--error-bg);
}
html:where([data-theme=dark]) .scfg-hist-item {
  border-bottom-color: var(--border);
}
html:where([data-theme=dark]) .dc-bad-table tbody td {
  border-bottom-color: var(--error-text);
}