/* Scoped finishing layer for the shared workspace and home navigation. */
body[data-page] .workspace-view.media-dedupe-view { background: var(--mvp-soft) !important; color: var(--mvp-text) !important; }
body[data-page] .workspace-view.media-dedupe-view header { color: var(--mvp-text) !important; background: var(--mvp-surface) !important; border-color: var(--mvp-line) !important; }
body[data-page] .workspace-view.media-dedupe-view b { color: var(--mvp-text) !important; }
body[data-page] .workspace-view.media-dedupe-view :is(.media-dedupe-card,.media-dedupe-history,.media-dedupe-summary-metrics,.media-dedupe-dropzone,.media-dedupe-presets button,.media-dedupe-options label,.media-dedupe-log,.media-dedupe-engine-state) { background: var(--mvp-surface) !important; color: var(--mvp-text) !important; border-color: var(--mvp-line) !important; }
body[data-page] .workspace-view.media-dedupe-view :is(h1,h2,h3,strong,small,legend,.workspace-page-heading span,.media-dedupe-mode,.media-dedupe-presets span,.media-dedupe-options span) { color: var(--mvp-text) !important; }
body[data-page] .workspace-view.media-dedupe-view :is(.media-dedupe-presets button.is-active,.media-dedupe-presets button[aria-pressed="true"]) { background: var(--mvp-selected) !important; color: var(--mvp-accent) !important; }
body[data-page] .commerce-settings-panel { color: var(--mvp-text) !important; background: var(--mvp-surface) !important; border-color: var(--mvp-line) !important; }
body[data-page] .commerce-settings-panel :is(.commerce-panel-title strong,legend,.workspace-field > span) { color: var(--mvp-text) !important; }
body[data-page] .commerce-settings-panel :is(.commerce-panel-title small,.commerce-rule-note) { color: var(--mvp-muted) !important; }
body[data-page] .commerce-settings-panel .commerce-platform-chips button { color: var(--mvp-text) !important; background: var(--mvp-soft) !important; border-color: var(--mvp-line) !important; }
body[data-page] .commerce-settings-panel .commerce-platform-chips button.is-active { color: var(--mvp-accent) !important; background: var(--mvp-selected) !important; }
body[data-page] .workspace-shop-control-preview:has(iframe[hidden]) { min-height: 0 !important; height: auto !important; }
body[data-page] #workspaceShopControlFrame[hidden], body[data-page] #workspaceShopControlStatus[hidden] { display: none !important; }
body[data-page] .roi-table-row output strong { white-space: normal !important; font-size: 14px !important; }
body[data-page] .workspace-draft-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; color: var(--mvp-muted); font-size: 12px; }
body[data-page] .workspace-draft-bar span { flex-basis: 100%; }
body[data-page] .workspace-draft-bar button { min-height: 36px; padding: 6px 10px; border: 1px solid var(--mvp-line); border-radius: 6px; color: var(--mvp-text); background: var(--mvp-soft); cursor: pointer; }
body[data-page] .workspace-draft-bar button:focus-visible { outline: 2px solid var(--mvp-accent); outline-offset: 2px; }
:root { --mvp-surface: #fff; --mvp-soft: #f5f7fa; --mvp-text: #19212e; --mvp-muted: #526174; --mvp-line: #d5dce5; --mvp-selected: #fbe8ee; --mvp-accent: #a4143b; }
html[data-toolbox-theme="dark"] { --mvp-surface: #1a1d23; --mvp-soft: #222730; --mvp-text: #f3f4f6; --mvp-muted: #b8c2d1; --mvp-line: #404957; --mvp-selected: #482132; --mvp-accent: #fa94ad; }
@media (prefers-color-scheme: dark) { html[data-toolbox-theme="auto"] { --mvp-surface: #1a1d23; --mvp-soft: #222730; --mvp-text: #f3f4f6; --mvp-muted: #b8c2d1; --mvp-line: #404957; --mvp-selected: #482132; --mvp-accent: #fa94ad; } }
body[data-page] .workspace-embedded-workbench .panel { color: var(--mvp-text) !important; background: var(--mvp-surface) !important; border-color: var(--mvp-line) !important; box-shadow: none !important; border-radius: 8px !important; }
body[data-page] .workspace-embedded-workbench :is(h1, h2, legend, .field > span, .production-direction-group-title strong) { color: var(--mvp-text) !important; }
body[data-page] .workspace-embedded-workbench :is(fieldset, .production-direction-grid label, .workbench-upload-card, .history-date-toolbar, .video-price-note, .aurora-task-track) { color: var(--mvp-text) !important; background: var(--mvp-soft) !important; border-color: var(--mvp-line) !important; box-shadow: none !important; }
body[data-page] .workspace-embedded-workbench :is(input:not([type="radio"]):not([type="checkbox"]):not([type="file"]), select, textarea) { color: var(--mvp-text) !important; background: var(--mvp-surface) !important; border-color: var(--mvp-line) !important; }
body[data-page] .workspace-embedded-workbench :is(small, .production-direction-group-title span, .production-direction-grid strong, .aurora-task-track span) { color: var(--mvp-muted) !important; }
body[data-page] .workspace-embedded-workbench .production-direction-grid label:has(input:checked) { color: var(--mvp-accent) !important; background: var(--mvp-selected) !important; border-color: var(--mvp-accent) !important; }
body[data-page] .workspace-embedded-workbench .production-direction-grid label > span { color: inherit !important; background: inherit !important; border-color: var(--mvp-line) !important; }
body[data-page] .workspace-embedded-workbench .production-direction-grid label:has(input:checked) > span { border-color: var(--mvp-accent) !important; }
body[data-page] .workspace-tool-subnav-label, body[data-page] .workspace-cost-badge, body[data-page] .workspace-cost-badge :is(span,strong) { color: var(--mvp-text) !important; }
body[data-page] .workspace-cost-badge { background: var(--mvp-soft) !important; border-color: var(--mvp-line) !important; font-size: 12px !important; }
body[data-page] .mvp-main-menu-button { display: none; }
body[data-page] .workspace-identity-state { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--ws-line, #d5dce5); border-radius: 8px; background: var(--ws-panel, #fff); color: var(--ws-text, #19212e); }
body[data-page] .workspace-identity-state[hidden] { display: none !important; }
body[data-page] .workspace-price-note { flex-basis: 100%; grid-column: 1 / -1; font-size: 12px; color: inherit; }
body[data-page] .workspace-product-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
body[data-page] .workspace-product-price-grid > span { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
body[data-page] .media-compressor-preview:has(canvas[hidden]), body[data-page] .media-compressor-preview:has(video[hidden]) { min-height: 140px !important; align-self: start; color: var(--ws-muted, #526174); }
body[data-page] #compressImageCanvas[hidden], body[data-page] #compressVideoPreview[hidden] { display: none !important; }
body[data-page] .workspace-tool-subnav-label small, body[data-page] .workspace-tool-subnav-label strong { color: inherit !important; }
body[data-page] .workspace-tool-subnav-links { scroll-padding-inline: 12px; }
body[data-page] .workspace-global-nav a[aria-current="page"] { font-weight: 700; }
body[data-page] .mvp-main-menu-button:focus-visible { outline: 2px solid #c92550; outline-offset: 3px; }
html[data-toolbox-theme="dark"] body[data-page] .workspace-identity-state { background: #1a1d23; color: #f3f4f6; border-color: #404957; }
@media (prefers-color-scheme: dark) {
  html[data-toolbox-theme="auto"] body[data-page] .workspace-identity-state { background: #1a1d23; color: #f3f4f6; border-color: #404957; }
}
@media (max-width: 760px) {
  body[data-page].mvp-nav-ready .mvp-main-menu-button { display: inline-flex !important; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid #aeb9c8; border-radius: 8px; color: inherit; background: transparent; padding: 10px; cursor: pointer; }
  body[data-page].mvp-nav-ready .mvp-main-menu-button svg { width: 20px; height: 20px; }
  body[data-page].mvp-nav-ready #homeMenuButton { display: none !important; }
  body[data-page].mvp-nav-ready .workspace-topbar { display: flex !important; justify-content: space-between !important; gap: 8px !important; padding: 8px 12px !important; min-height: 60px !important; }
  body[data-page].mvp-nav-ready .haomj-topbar-inner { display: flex !important; gap: 8px !important; padding-inline: 12px !important; min-height: 60px !important; }
  body[data-page].mvp-nav-ready .haomj-topbar-inner > .brand { flex: 1 1 auto !important; min-width: 0 !important; }
  body[data-page].mvp-nav-ready .haomj-topbar-actions { flex: 0 0 auto !important; gap: 6px !important; }
  body[data-page].mvp-nav-ready .workspace-topbar-actions { margin-left: auto !important; gap: 6px !important; }
  body[data-page].mvp-nav-ready #workspaceTopBalance, body[data-page].mvp-nav-ready .workspace-topbar-actions > a, body[data-page].mvp-nav-ready #auroraTaskCenterButton { display: none !important; }
  body[data-page].mvp-nav-ready .workspace-global-nav, body[data-page].mvp-nav-ready #homeNav { display: none !important; position: absolute !important; top: 64px !important; left: 12px !important; right: 12px !important; bottom: auto !important; width: auto !important; max-width: none !important; height: auto !important; transform: none !important; margin: 0 !important; padding: 8px !important; border: 1px solid #d5dce5 !important; border-radius: 8px !important; background: #fff !important; color: #19212e !important; box-shadow: 0 10px 28px #19212e20; overflow: auto !important; max-height: calc(100dvh - 84px) !important; z-index: 100 !important; }
  body[data-page].mvp-nav-ready.mvp-main-menu-open .workspace-global-nav, body[data-page].mvp-nav-ready.mvp-main-menu-open #homeNav { display: grid !important; grid-template-columns: 1fr !important; }
  body[data-page].mvp-nav-ready .workspace-global-nav a, body[data-page].mvp-nav-ready #homeNav a { width: 100% !important; min-width: 0 !important; min-height: 44px !important; display: flex !important; align-items: center; justify-content: flex-start !important; padding: 10px 14px !important; color: inherit !important; border-radius: 6px !important; font-size: 14px !important; white-space: normal !important; }
  body[data-page].mvp-nav-ready .workspace-global-nav a.active, body[data-page].mvp-nav-ready #homeNav a.active { background: #fbe8ee !important; color: #a4143b !important; }
  body[data-page].mvp-nav-ready .workspace-global-nav a[hidden], body[data-page].mvp-nav-ready #homeNav a[hidden], body[data-page].mvp-nav-ready .workspace-global-nav a.is-hidden-by-owner { display: none !important; }
  body[data-page] .workspace-identity-state { align-items: flex-start; flex-wrap: wrap; font-size: 14px; }
  body[data-page] .workspace-identity-state .workspace-button { min-height: 44px; }
  body[data-page] .workspace-product-price-grid { grid-template-columns: 1fr; }
  body[data-page] .workspace-embedded-workbench .aurora-task-track { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; min-width: 0 !important; gap: 12px !important; }
  body[data-page] .workspace-embedded-workbench .aurora-task-track li { min-width: 0 !important; }
  body[data-page] .workspace-embedded-workbench .aurora-task-track span { font-size: 12px !important; }
  body[data-page] .workspace-embedded-workbench h1 { font-size: 22px !important; }
  body[data-page] .workspace-tool-subnav-label small { font-size: 12px !important; }
  body[data-page="home"] .haomj-page-intro { padding-block: 20px !important; }
  body[data-page="home"] .haomj-page-intro h1 { font-size: 28px !important; }
  body[data-page="home"] .haomj-feature-grid { gap: 8px !important; }
  body[data-page="home"] .haomj-feature-card { min-height: 80px !important; padding: 12px !important; border-radius: 8px !important; }
  body[data-page="home"] .haomj-feature-card p { display: none !important; }
  html[data-toolbox-theme="dark"] body[data-page].mvp-nav-ready #homeNav, html[data-toolbox-theme="dark"] body[data-page].mvp-nav-ready .workspace-global-nav { background: #1a1d23 !important; color: #f3f4f6 !important; border-color: #404957 !important; }
}
@media (max-width: 760px) and (prefers-color-scheme: dark) {
  html[data-toolbox-theme="auto"] body[data-page].mvp-nav-ready #homeNav, html[data-toolbox-theme="auto"] body[data-page].mvp-nav-ready .workspace-global-nav { background: #1a1d23 !important; color: #f3f4f6 !important; border-color: #404957 !important; }
}
