html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .inventory-tools-command,
  .inventory-advanced-menu,
  .inventory-catalog-panel,
  .inventory-popover-panel,
  .inventory-name-suggestion-list,
  .inventory-row-undo,
  .merchant-tool-command,
  .price-table-panel,
  .price-table-row,
  .price-group-panel,
  .education-inventory-catalog,
  .wedding-inventory-panel,
  .wedding-inventory-row,
  .wedding-inventory-editor,
  .beauty-inventory-head,
  .beauty-inventory-panel,
  .beauty-inventory-row,
  .beauty-inline-editor,
  .inventory-preview-share-dialog-card
) {
  border-color: var(--line);
  color: var(--text);
  background: var(--surface);
  box-shadow: var(--shadow);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .inventory-type-switch,
  .inventory-advanced-options > summary,
  .inventory-catalog-panel input,
  .inventory-catalog-tabs,
  .inventory-version-item,
  .inventory-quality-item,
  .inventory-preview-share,
  .inventory-create-combobox input,
  .merchant-tool-tabs,
  .merchant-tool-tabs button.active,
  .merchant-note-conditions,
  .merchant-note-condition,
  .merchant-note-number-control,
  .price-table-guide,
  .price-table-header,
  .price-table-cell input,
  .price-table-cell select,
  .price-table-cell.is-calculated,
  .price-group-list,
  .price-group-item,
  .price-group-main,
  .price-group-name-cell,
  .price-group-name-cell [data-price-group-name]:focus,
  .wedding-table-columns,
  .wedding-column-switches label,
  .wedding-title-field input,
  .wedding-config-details,
  .wedding-option-group,
  .wedding-number-control,
  .wedding-custom-option-list,
  .wedding-editor-section,
  .wedding-editor-head,
  .wedding-checkbox,
  .beauty-table-head,
  .beauty-table-columns,
  .beauty-category-badge,
  .beauty-basic-fields input,
  .beauty-basic-fields select,
  .beauty-overall-note,
  .beauty-steps-editor,
  .beauty-step-header,
  .beauty-step-row,
  .inventory-preview-share-form,
  .inventory-preview-handoff-card,
  .inventory-preview-handoff-card input,
  .inventory-preview-share-item
) {
  border-color: var(--line);
  color: var(--text);
  background: var(--surface-2);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .inventory-advanced-menu button:hover,
  .inventory-advanced-toggle:hover,
  .inventory-catalog-tabs button.active,
  .price-table-row:hover,
  .wedding-inventory-row:hover,
  .beauty-row-primary:hover,
  .price-group-item:hover
) {
  background: var(--surface-3);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .inventory-catalog-item.active,
  .inventory-tools-page[data-inventory-type="wedding"] .inventory-catalog-item.active,
  .price-table-row.active,
  .price-table-row:hover,
  .wedding-inventory-row.active,
  .beauty-inventory-row.active,
  .price-group-item.active
) {
  border-color: rgba(112, 161, 255, 0.5);
  background: rgba(112, 161, 255, 0.12);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .price-group-name-cell.group-row-drop-target,
  .price-group-name-cell.group-drop-target,
  .price-column-head.is-calculation-target,
  .price-table-cell.is-calculation-target,
  .price-table-cell.is-calculation-target input
) {
  border-color: rgba(112, 161, 255, 0.5);
  color: var(--accent-2);
  background: rgba(112, 161, 255, 0.16);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .price-table-header,
  .price-table-row,
  .price-table-cell,
  .wedding-table-columns,
  .wedding-inventory-row,
  .beauty-table-head,
  .beauty-inventory-row,
  .beauty-inline-editor-head,
  .beauty-step-row,
  .inventory-conflict-strategies,
  .inventory-conflict-item
) {
  border-color: var(--line);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .price-table-page-head,
  .wedding-inventory-head,
  .beauty-inventory-head
) {
  border-color: var(--line);
  background:
    linear-gradient(90deg, rgba(112, 161, 255, 0.1), transparent 68%),
    var(--surface);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .inventory-tools-command h1,
  .inventory-catalog-open strong,
  .merchant-tool-title-line h1,
  .price-table-page-head h1,
  .price-table-cell input,
  .price-table-cell select,
  .wedding-inventory-head h1,
  .wedding-row-summary strong,
  .wedding-inventory-editor h2,
  .beauty-inventory-heading strong,
  .beauty-row-name,
  .beauty-inline-editor h3,
  .inventory-conflict-header h2,
  .inventory-preview-share-dialog-card h2
) {
  color: var(--text);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .inventory-active-save-status,
  .inventory-catalog-item span,
  .inventory-catalog-item small,
  .inventory-popover-panel > header small,
  .inventory-popover-panel > p,
  .inventory-create-form > label,
  .inventory-create-form p,
  .merchant-tool-identity > p,
  .price-table-page-head p,
  .price-table-header,
  .price-mobile-summary,
  .wedding-save-status,
  .wedding-row-summary,
  .wedding-inventory-summary,
  .beauty-save-status,
  .beauty-inventory-summary,
  .beauty-row-note,
  .beauty-row-action-hint,
  .inventory-conflict-header small,
  .inventory-conflict-choice small,
  .inventory-preview-share-form label,
  .inventory-preview-share-item p
) {
  color: var(--muted);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools :is(
  .inventory-quality-item.warning,
  .wedding-editor-danger-zone
) {
  border-color: rgba(255, 196, 102, 0.5);
  background: rgba(255, 196, 102, 0.09);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools .beauty-live-price {
  color: #ff8f8a;
}

html[data-theme="dark"] body.dashboard-page :is(
  .inventory-preview-share-dialog-backdrop,
  .inventory-conflict-backdrop
) {
  background: rgb(4 8 14 / 76%);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools .inventory-preview-handoff-card strong {
  color: var(--accent-2);
}

html[data-theme="dark"] body.dashboard-page #inventory-tools .inventory-preview-handoff-card small {
  color: #e5ba82;
}

html[data-theme="dark"] body.dashboard-page .inventory-conflict-dialog {
  border-color: var(--line);
  color: var(--text);
  background: var(--surface);
  box-shadow: var(--shadow);
}

html[data-theme="dark"] body.dashboard-page :is(
  .inventory-conflict-strategies,
  .inventory-conflict-item,
  .inventory-conflict-strategies label,
  .inventory-conflict-choice,
  .inventory-conflict-manual textarea
) {
  border-color: var(--line);
  color: var(--text);
  background: var(--surface-2);
}

html[data-theme="dark"] body.dashboard-page :is(
  .inventory-conflict-header small,
  .inventory-conflict-choice small
) {
  color: var(--muted);
}