/* ORUMUP dark follow-up v1. Screen-only design system derived from the
   existing bell notification. Preserve all media, QR, print, auth and actions.
   Neutral surfaces follow the device-local dark preference. Primary action
   hues receive screen-only readable color pairs at every brightness level. */
@media screen {
  html[data-oreumup-theme="dark"] {
    --fu-page:var(--oreumup-theme-surface,#192820);
    --fu-card:var(--oreumup-theme-soft,#20332a);
    --fu-hover:var(--oreumup-theme-raised,#2a4035);
    --fu-border:var(--oreumup-theme-line,#496457);
    --fu-ink:var(--oreumup-theme-ink,#ffffff);
    --fu-muted:var(--oreumup-theme-muted,#d8e4db);
    --fu-green:#76dcac;
    --fu-select:#1c392a;
    --fu-warning:#f4d295;
    --fu-warning-bg:#3a2e1d;
  }

  /* Intermediate colors are generated by the shared, contrast-checked build
     palette, including independent page shells. Endpoints stay authored. */

  /* Home primary colors stay blue/green at every tone. Deeper gradient stops
     also keep the original 90%-opacity small captions readable. */
  html body #mainHero button.cta.blue {
    background:linear-gradient(145deg,#0b62ca,#095dc3) !important;color:#ffffff !important;
  }
  html body #mainHero button.cta.green {
    background:linear-gradient(145deg,#087547,#076c3f) !important;color:#ffffff !important;
  }
  html body main .home-mode-switch button.active {
    background:#087d49 !important;color:#ffffff !important;
  }
  html body main #homeNoticeLink.notice-home-link .notice-badge {
    background:#0b70df !important;color:#ffffff !important;
  }
  html:not([data-oreumup-theme="dark"]) body main .footer-note > small {
    color:#756352 !important;
  }
  html:not([data-oreumup-theme="dark"]) body main .home-mode-switch button:not(.active) {
    color:#526b5e !important;
  }

  /* The compact home-card stylesheet pins light-mode paragraph ink with
     !important. Outrank that selector while preserving category decoration. */
  html[data-oreumup-theme="dark"] body #owners.service-grid .service p {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body main .footer-note > small {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body main .home-mode-switch {
    background:var(--fu-card) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body main .home-mode-switch button:not(.active) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body main .home-mode-switch button:not(.active):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body main .home-mode-switch button:focus-visible {
    outline:2px solid var(--fu-green) !important;outline-offset:2px;
  }

  /* The shared AI launcher opens the actual stock editor outside its modal.
     Its independent generated stylesheet keeps light surfaces; match these IDs
     directly while leaving the green apply action and microphone state intact. */
  html[data-oreumup-theme="dark"] body #stockAiEditBox {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #stockAiEditBox .stock-ai-edit-head strong {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #stockAiEditBox
    :is(.stock-ai-edit-head small,#stockAiEditStatus) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #stockAiEditBox #stockAiEditInput,
  html[data-oreumup-theme="dark"] body #stockAiEditBox :is(#stockAiEditClose,#stockAiEditFold),
  html[data-oreumup-theme="dark"] body #stockAiEditBox #stockAiEditVoice:not(.is-listening) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #stockAiEditBox #stockAiEditInput {
    caret-color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #stockAiEditBox #stockAiEditInput::placeholder {
    color:var(--fu-muted) !important;opacity:1;
  }
  html[data-oreumup-theme="dark"] body #stockAiEditBox
    :is(#stockAiEditInput,#stockAiEditClose,#stockAiEditFold,#stockAiEditVoice:not(.is-listening)):not(:disabled):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #stockAiEditBox
    :is(#stockAiEditInput,#stockAiEditClose,#stockAiEditFold,#stockAiEditVoice,#stockAiEditApply):focus-visible {
    outline:2px solid var(--fu-green) !important;outline-offset:2px;
  }

  /* Stock search: the first/hovered listing previously turned pink while its
     title remained white. Match every stock type and page consistently. */
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal,#myTradeModal)
    :is(#stockList,#inventoryBoardList) .inventory-board-item,
  html[data-oreumup-theme="dark"] body #stockList article.inventory-board-item {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-top-color:var(--fu-border) !important;
    border-right-color:var(--fu-border) !important;
    border-bottom-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal)
    :is(#stockList,#inventoryBoardList) .inventory-board-item:is(:hover,:focus-within),
  html[data-oreumup-theme="dark"] body #stockList article.inventory-board-item:is(:hover,:focus-within) {
    background:var(--fu-hover) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal)
    .inventory-board-item :is(strong,.inventory-board-item-title,.item-name) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal)
    .inventory-board-item .inventory-board-meta {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal)
    .inventory-board-item .inventory-board-meta b {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal)
    .inventory-board-item.trade-completed {opacity:1 !important;}
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal)
    .inventory-board-item :is(small,p,.stock-trade-facts,.recent-stock-facts,.inventory-board-note,.stock-facts,.board-time) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal)
    .inventory-board-item :is(.stock-trade-facts,.stock-facts) {
    background-color:transparent !important;
  }

  /* A stronger rule than the later generated question detail layout rules:
     specifically the formerly near-white body with hardcoded white text. */
  html[data-oreumup-theme="dark"] body #questionWriteModal #questionBoardList
    .question-board-item {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #questionWriteModal #questionBoardList
    .question-board-item:is(:hover,:focus-within) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #questionWriteModal #questionBoardList
    .question-board-item.question-closed {opacity:1 !important;}
  html[data-oreumup-theme="dark"] body :is(#questionWriteModal,#postDetailModal)
    :is(.question-closed-badge,.question-closed-note) {
    background:var(--fu-card) !important;color:var(--fu-muted) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #questionWriteModal #questionBoardList .question-owner,
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody .question-owner {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal
    #postDetailBody.question-detail-band {
    background:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    .detail-body-text,
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody.question-detail-band
    .detail-body-text,
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody.question-detail-expanded
    .detail-body-text,
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.detail-reply,.question-answer,.question-subanswer,.question-detail-reply) {
    background:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.detail-body-text,.question-answer-text,.question-answer-head,.detail-reply-head,.detail-title,.question-answer) :is(b,strong) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.detail-body-text,.question-answer-text,.question-answer-head,.detail-reply-head,.detail-title) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.detail-meta,.board-time,.question-reply-time,.question-answer-time,.question-answer-mark) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.detail-body-text,.detail-reply,.question-answer,.question-subanswer):is(:hover,:focus-within) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.oreumup-conv-detail-save,.question-detail-save):not(.active) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }

  /* My trade/post list: all rows, not just :hover, get their own dark surface
     and text. Keep edit, delete, and category badges semantic. */
  html[data-oreumup-theme="dark"] body #myTradeModal #myTradeList .my-trade-item {
    background:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #myTradeModal #myTradeList .my-trade-item:is(:hover,:focus-within) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #myTradeModal #myTradeList .my-trade-item
    :is(.my-trade-open,.my-trade-copy,.my-trade-copy strong) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #myTradeModal #myTradeList .my-trade-item
    :is(.my-trade-copy small,.my-trade-go,.my-trade-time,.my-trade-facts,.my-trade-owner,.my-trade-question-sub) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #myTradeModal .my-trade-kind.question {
    background:#352b44 !important;color:#d2baf6 !important;
  }
  html[data-oreumup-theme="dark"] body #myTradeModal .my-trade-kind.have {
    background:#1c392a !important;color:#91dfb2 !important;
  }
  html[data-oreumup-theme="dark"] body #myTradeModal .my-trade-kind.need {
    background:#3d2d22 !important;color:#f6c199 !important;
  }

  /* Neutral edit/close controls kept hardcoded pale styles outside the
     original button allowlist. Delete keeps its separate danger palette. */
  html[data-oreumup-theme="dark"] body :is(
    #myTradeModal .my-trade-edit,
    #questionWriteModal .question-edit-btn,
    #questionWriteModal .question-close-btn,
    #postDetailModal .detail-question-close
  ) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    #myTradeModal .my-trade-edit,
    #questionWriteModal .question-edit-btn,
    #questionWriteModal .question-close-btn,
    #postDetailModal .detail-question-close
  ):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }

  /* Bulk inventory mounts Style2 later. Match its current grouped rows and
     preparation forms, rather than only the legacy product-row class. */
  html[data-oreumup-theme="dark"] body #oreumupInventorySyncModal :is(
    .inv-product-group,.inv-prep-form,.inv-prepared,.inv-prepared-line,.inv-source-ref
  ) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupInventorySyncModal
    .inv-product-group:is(:hover,:focus-within) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupInventorySyncModal
    .inv-product-group.selected {
    background:var(--fu-select) !important;border-color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupInventorySyncModal :is(
    .inv-group-heading b,.inv-source-ref>b,.inv-prepared-toggle,.inv-prep-form label
  ) {color:var(--fu-ink) !important;}
  html[data-oreumup-theme="dark"] body #oreumupInventorySyncModal :is(
    .inv-group-heading small,.inv-source-summary,.inv-source-stock
  ) {color:var(--fu-muted) !important;}
  html[data-oreumup-theme="dark"] body #oreumupInventorySyncModal :is(
    .inv-prep-form input,.inv-prep-form select,.inv-prepared-line button,.inv-source-stock
  ) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupInventorySyncModal
    .inv-prepared-line button:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }

  html[data-oreumup-theme="dark"] body #operatorAuthorityPanel :is(
    .operator-scope-note,.operator-direct-register,.operator-direct-register-preview,
    .operator-direct-register input
  ) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #operatorAuthorityPanel :is(
    .operator-direct-register-head h4,.operator-direct-register label,
    .operator-direct-register-preview b
  ) {color:var(--fu-ink) !important;}
  html[data-oreumup-theme="dark"] body #operatorAuthorityPanel :is(
    .operator-direct-register-head p,.operator-direct-register-status:not(.error)
  ) {color:var(--fu-muted) !important;}
  html[data-oreumup-theme="dark"] body #operatorAuthorityPanel
    .operator-direct-register-status.error {color:var(--oreumup-theme-error,#ffb7a7) !important;}
  html[data-oreumup-theme="dark"] body #operatorAuthorityPanel .operator-authority-badge {
    background:var(--fu-select) !important;color:var(--fu-green) !important;
  }

  /* The new inline moderation controls and PIN form share this screen
     palette without changing any owner/proof/session behavior. */
  html[data-oreumup-theme="dark"] body .owner-post-actions button,
  html[data-oreumup-theme="dark"] body dialog[aria-label="최고운영자 PIN 인증"],
  html[data-oreumup-theme="dark"] body dialog[aria-label="최고운영자 PIN 인증"] :is(input,button) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body .owner-post-actions button:is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body dialog[aria-label="최고운영자 PIN 인증"] button:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body .owner-post-actions button[data-owner-moderate="delete"] {
    background:#432a29 !important;color:#ffb7a7 !important;border-color:#94605d !important;
  }

  html[data-oreumup-theme="dark"] body #heroTodayPanel :is(.hero-today-facts,.hero-today-pager span) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockModal,#stockUploadModal) .stock-card-owner {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal .stock-trade-facts.detail {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }

  /* One-click shorts is also a main-window quick tool. Its explanatory
     steps and survey cards are UI, separate from artwork/video outputs. */
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(
    .hqt-shorts-hero,.hqt-shorts-step,.hqt-shorts-video-ready,.hqt-survey-q,.hqt-survey-opt
  ) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(
    .hqt-shorts-title strong,.hqt-shorts-step b,.hqt-shorts-video-ready b,.hqt-survey-q h4
  ) {color:var(--fu-ink) !important;}
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(
    .hqt-shorts-title small,.hqt-shorts-arrow,.hqt-shorts-touch-note,
    .hqt-survey-status,.hqt-survey-note
  ) {color:var(--fu-muted) !important;}
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-survey-opt:is(:hover,:focus-within) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-survey-opt:has(input:checked),
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-survey-success {
    background:var(--fu-select) !important;color:var(--fu-green) !important;
    border-color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-survey-success b {
    color:var(--fu-green) !important;
  }

  /* SMS helper mounts fresh inline style rules after the dialog opens.
     Higher-specificity, dark-gated selectors override those light cards. */
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot
    :is(.oqm-data-tools,.oqm-picker,.oqm-search-panel,.oqm-search-list button,.oqm-confirm-result:not([data-kind]),.oqm-data-body) {
    background:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot
    :is(.oqm-data-tools summary,.oqm-data-tools summary b,.oqm-picker strong,.oqm-search-list strong) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot
    :is(.oqm-data-tools small,.oqm-picker small,.oqm-search-list small,.oqm-search-summary,.oqm-hint,.oqm-byte,.oqm-status,.oqm-arrow) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot
    :is(.oqm-data-actions button:not(#oqmClearCustomers):not(#oqmLatestCustomers),.oqm-data-actions a,
        .oqm-template-buttons button,.oqm-search-list button,.hqt-secondary,#oqmLookupOpen) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot
    :is(.oqm-data-actions button:not(#oqmClearCustomers):not(#oqmLatestCustomers),.oqm-data-actions a,
        .oqm-template-buttons button,.oqm-search-list button,.hqt-secondary,#oqmLookupOpen):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot #oqmClearCustomers {
    background:#432a29 !important;color:#ffb7a7 !important;border-color:#94605d !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot
    :is(.oqm-paid-note,.oqm-confirm-result[data-kind="pending"],.oqm-confirm-result[data-kind="uncertain"]) {
    background:var(--fu-warning-bg) !important;color:var(--fu-warning) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal #oqmRoot
    :is(.oqm-data-tools,.oqm-picker,.oqm-search-panel):is(:hover,:focus-within) {
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm {
    background:var(--fu-page) !important;border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm :is(h3,.label,pre,.oqm-confirm-code) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm pre {
    background:var(--fu-card) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm :is(.oqm-hint,.oqm-confirm-result:not([data-kind])) {
    background:var(--fu-card) !important;color:var(--fu-muted) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm :is(
    .oqm-paid-note,.oqm-confirm-result[data-kind="pending"],.oqm-confirm-result[data-kind="uncertain"]
  ) {
    background:var(--fu-warning-bg) !important;color:var(--fu-warning) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm .oqm-confirm-result[data-kind="accepted"] {
    background:var(--fu-select) !important;color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm .oqm-confirm-result[data-kind="failed"] {
    background:#432a29 !important;color:#ffb7a7 !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm .hqt-secondary {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm .hqt-secondary:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body .oqm-confirm .hqt-primary {
    background:#087547 !important;color:#ffffff !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-card-caption {
    color:var(--fu-muted) !important;
  }

  /* Dilution presets: neutral dark cards, selected pills are distinct but
     never light white. Preserve calculations and error/result output. */
  html[data-oreumup-theme="dark"] body #homeQuickModal
    :is(.hqt-dil-choice,.hqt-dil-product,.hqt-dil-ppm-inline input) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal
    :is(.hqt-dil-choice,.hqt-dil-product):not(:disabled):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal
    :is(.hqt-dil-choice,.hqt-dil-product):is(.active,[aria-pressed="true"]) {
    background:var(--fu-select) !important;color:var(--fu-green) !important;
    border-color:var(--fu-green) !important;
    box-shadow:inset 0 0 0 1px var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal
    :is(.hqt-dil-choice-group>strong,.hqt-dil-mass-note b) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal
    :is(.hqt-dil-help,.hqt-dil-meta,.hqt-dil-mass-note) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal
    .hqt-dil-ppm-inline input {
    caret-color:var(--fu-ink) !important;
  }

  /* Standalone screens: no shared head script was loaded before this release.
     Page markers are inserted by the existing build-only theme transform. */
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="shorts"] body,
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"] body,
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body {
    background:var(--fu-page) !important;color:var(--fu-ink) !important;
  }

  /* Both shorts screens: editing workspaces, customer-profile and controls.
     Videos, screenshots, rendered endcards and downloaded MP4 stay untouched. */
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="shorts"] body :is(
    .editor,.preview-panel,.profile-grid>div,.notice:not(.error),#status,
    .generation-panel,.output-slot,.shorts-confirm-card,.confirm-narration
  ),
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"] body :is(
    .editor,.preview-panel,.profile-grid>div,.profile-form label,
    .output-slot,.shorts-confirm-card,.confirm-narration
  ) {
    background-color:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"]:is(
    [data-oreumup-dark-page="shorts"],[data-oreumup-dark-page="tool-shorts"]
  ) body :is(.app-head h1,.app-head a,.narration-head label,
    .profile-grid dd,.preview-panel summary,.result-card strong,
    .shorts-confirm-card h2,.shorts-confirm-card .confirm-shop,
    .generation-copy strong,.output-idle strong) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"]:is(
    [data-oreumup-dark-page="shorts"],[data-oreumup-dark-page="tool-shorts"]
  ) body :is(.profile-grid dt,.narration-head span,.tech-note,
    .profile-form span,.output-idle,.output-idle p,.result-card #resultNote,
    .generation-copy p,.generation-copy small,.preview-panel summary,#resultNote) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .profile-form input {
    color:var(--fu-ink) !important;background-color:transparent !important;
    caret-color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"]:is(
    [data-oreumup-dark-page="shorts"],[data-oreumup-dark-page="tool-shorts"]
  ) body :is(textarea,.narration-head span,.profile-edit-button,
    .member-auto,.page-close,.actions button:not(.primary),
    .result-actions button:not(.primary),.result-actions .download:not(.primary),
    .confirm-actions button:not(.primary)) {
    background-color:var(--fu-card) !important;
    color:var(--fu-ink) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"]:is(
    [data-oreumup-dark-page="shorts"],[data-oreumup-dark-page="tool-shorts"]
  ) body :is(textarea,.profile-form input)::placeholder {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"]:is(
    [data-oreumup-dark-page="shorts"],[data-oreumup-dark-page="tool-shorts"]
  ) body :is(.actions button:not(.primary),
    .result-actions button:not(.primary),.page-close,
    .profile-edit-button,.preview-panel summary):is(:hover,:focus-visible) {
    background-color:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"]:is(
    [data-oreumup-dark-page="shorts"],[data-oreumup-dark-page="tool-shorts"]
  ) body :is(.primary,.download):not(:disabled) {
    background-color:#087547 !important;color:#ffffff !important;
    border-color:#237b52 !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .service-pill[data-state="ok"] {
    background:#1c392a !important;color:#91dfb2 !important;
    border-color:#527761 !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .service-pill[data-state="warn"] {
    background:var(--fu-warning-bg) !important;color:var(--fu-warning) !important;
    border-color:#88734c !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .service-pill:is([data-state="error"],[data-state="bad"]),
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .output-slot[data-state="error"] {
    background:#432a29 !important;color:#ffb7a7 !important;
    border-color:#94605d !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .output-slot:not([data-state="error"]) {
    background:var(--fu-card) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .shorts-confirm-card .confirm-notice {
    background:var(--fu-warning-bg) !important;
    color:var(--fu-warning) !important;border-color:#88734c !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .shorts-confirm-card .confirm-notice :is(strong,p) {
    color:var(--fu-warning) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="tool-shorts"]
    body .confirm-actions button:not(.primary) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"]:is(
    [data-oreumup-dark-page="shorts"],[data-oreumup-dark-page="tool-shorts"]
  ) body :is(button,a,input,textarea,summary):focus-visible {
    outline:2px solid #8cc8ff !important;outline-offset:2px;
  }

  /* Special features overview: preserve pink, purple and blue ACTION colors,
     privacy notices, marketing image pixels, export/print canvases. */
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body .top {
    background-color:var(--fu-page) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body :is(
    .hero,.tool,.quick-dialog,.privacy,.chip,.quick-btn,
    .quick-result,.quick-note,.quick-field,.mobile-notice,.footnote,
    .store-builder,.store-demo-tip
  ) {
    background:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    .hero::before,
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    .hero::after {
    opacity:.12 !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body :is(
    .hero h1,.hero h2,.tool-title-inline h4,.tooltop h4,.sectionhead h3,
    .quick-modal-head h3,.quick-btn strong,.brand strong,.brand h1,.quick-free,
    .privacy-main strong,.quick-result b,.quick-field>span,.hero-note strong,.hero h2 em,
    .tool-title-inline .title-main,.tool-title-inline .title-sub
  ) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body :is(
    .hero p,.hero-note,.crumb,.chip,.benefits,.desc,
    .tool small,.tool .lead,.sectionhead p,.quick-btn small,
    .privacy-sub,.footer-copy,.footer-brand>span,.brand p,.quick-result small,.quick-note,
    .hero-kicker,.section-tag
  ) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    .tool.orange .two-line-title .title-sub {opacity:1 !important;}
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    .tool:is(:hover,:focus-within),
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    .quick-btn:is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    .chip:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body :is(
    .back,.closex,.membertag,.quick-close,
    .quick-secondary,.unit-btn:not(.active),.quick-field input,
    .quick-field textarea,.quick-field select
  ) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body :is(
    .back,.closex,.quick-close,.quick-secondary,.unit-btn:not(.active)
  ):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    :is(.status.soon,.mobile-disabled,.action.disabled) {
    background:var(--fu-warning-bg) !important;
    color:var(--fu-warning) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body :is(
    .action:not(.disabled)
  ) {
    background:linear-gradient(90deg,#a33f69,#91355e) !important;
    color:#ffffff !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="special"] body
    :is(button,a,input,textarea,select):focus-visible {
    outline:2px solid #8cc8ff !important;outline-offset:2px;
  }

  /* The administrative page has its own shell and no inherited home CSS. */
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="board-manager"] body {
    background:var(--fu-page) !important;color:var(--fu-ink) !important;
    color-scheme:dark;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="board-manager"] body :is(
    .card,article,form#unlock,#bulkPanel,input,select,textarea,button
  ) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="board-manager"] body small {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="board-manager"] body a {
    color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="board-manager"] body button:not(.danger):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="board-manager"] body button.danger {
    background:#432a29 !important;color:#ffb7a7 !important;border-color:#94605d !important;
  }
  html[data-oreumup-theme="dark"][data-oreumup-dark-page="board-manager"] body :is(button,a,input,textarea,select):focus-visible {
    outline:2px solid #8cc8ff !important;outline-offset:2px;
  }
}


/* Bell-card dark follow-up: stock registration, stock details, home activity
   and navigation controls. Scoped to the device-local dark setting only.
   Preserve semantic badges and output pixels; no layout/event modifications. */
@media screen {
  /* Stock upload: tabs + subtype and size choices. Inactive selections must
     not remain white while surrounding surfaces use the bell palette. */
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .inventory-mode-tab:not(.active), .category-tab:not(.active),
    .stock-size-btn:not(.active), .board-filter-btn:not(.active)
  ) {
    background:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .inventory-mode-tab:not(.active), .category-tab:not(.active),
    .stock-size-btn:not(.active), .board-filter-btn:not(.active)
  ):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
    border-color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .inventory-mode-tab.have.active, .category-tab.pesticide.active,
    .stock-size-btn.active
  ) {
    background:var(--fu-select) !important;
    color:var(--fu-green) !important;
    border-color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal
    .inventory-mode-tab.need.active {
    background:#3d2d22 !important;
    color:#f6c199 !important;
    border-color:#856346 !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal
    .inventory-mode-tab.board.active {
    background:#213447 !important;
    color:#b6d6f6 !important;
    border-color:#536e8a !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal
    :is(.category-tab.nutrient.active,.category-tab.material.active,.category-tab.other.active) {
    background:var(--fu-select) !important;
    color:var(--fu-green) !important;
    border-color:var(--fu-green) !important;
  }

  /* Stock writer's label+controls; preserve upload button pink/orange and
     disabled state. Only neutral fields and sticky footer recolored. */
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .quick-lead, .quick-selected, .quick-pick,
    .stock-info-choice:not(.price-public-choice), .quick-actions
  ) {
    background-color:var(--fu-card) !important;
    background-image:none !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .quick-pick,.quick-selected,.stock-info-choice:not(.price-public-choice)
  ):is(:hover,:focus-within) {
    background-color:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .quick-step-title, .quick-field label, .quick-field label em,
    .quick-selected strong, .quick-pick strong,
    .inventory-board-head strong, .stock-info-choice b
  ) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .stock-size-help, .quick-lead, .quick-selected small,
    .quick-pick small, .char-line, .stock-info-choice small
  ) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .modal-search input, .quick-field input, .quick-field textarea,
    .stock-size-manual, .quick-pick input
  ) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
    caret-color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .modal-search input, .quick-field input,
    .quick-field textarea, .stock-size-manual
  )::placeholder {
    color:var(--fu-muted) !important;
    opacity:1 !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    .quick-actions #stockUploadCancel, .quick-cancel
  ) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border:1px solid var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal
    .quick-actions #stockUploadCancel:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal
    .price-public-choice {
    background:var(--fu-warning-bg) !important;
    border-color:#88734c !important;
    color:var(--fu-warning) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal
    .price-public-choice b {
    color:var(--fu-warning) !important;
  }
  html[data-oreumup-theme="dark"] body #stockUploadModal
    .price-public-choice small {
    color:var(--fu-warning) !important;
  }

  /* Stock post details: the metadata/facts strip and answer composer are
     authored independently. Retain owner action/button semantics. */
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody :is(
    .detail-body-text, .detail-reply, .detail-replies,
    .stock-trade-facts, .stock-trade-facts.detail,
    .stock-reply-compose, .stock-reply-compose .stock-info-choice,
    .stock-member-profile, .stock-info-choice
  ) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody :is(
    .stock-reply-compose, .detail-reply,
    .stock-info-choice
  ):is(:hover,:focus-within) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody :is(
    .stock-trade-facts, .stock-trade-facts.detail, .stock-member-profile,
    .detail-body-text, .detail-reply
  ) :is(strong,b,span) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody :is(
    .detail-meta, .stock-reply-compose .stock-info-choice small,
    .stock-member-profile p, .detail-reply-time,
    .stock-trade-facts small
  ) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.stock-reply-compose textarea,.stock-reply-compose input,
        .question-detail-reply input, .reply-compose input, .reply-compose textarea) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
    caret-color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    :is(.stock-reply-compose textarea,.question-detail-reply input,
        .reply-compose input,.reply-compose textarea)::placeholder {
    color:var(--fu-muted) !important;opacity:1 !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    .stock-reply-compose .stock-info-choice b {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
    .stock-reply-compose .stock-info-choice small {
    color:var(--fu-muted) !important;
  }

  /* Recent home activity (not the normal bell notification). These rows are
     generated dynamically; do not recolor their image, badge or product QR. */
  html[data-oreumup-theme="dark"] body :is(#recentStockRows,#recentQuestionRows)
    .row-item.local-row {
    background:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#recentStockRows,#recentQuestionRows)
    .row-item.local-row:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#recentStockRows,#recentQuestionRows)
    .row-item.local-row :is(.item-name,.item-name strong) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#recentStockRows,#recentQuestionRows)
    .row-item.local-row :is(.time,.recent-meta,.recent-price,.stock-facts) {
    color:var(--fu-muted) !important;
  }

  /* Home menu and toolbar: bell-card default, gentle hover, existing icons.
     Legal terms remain visible; X retains its original back/close action. */
  html[data-oreumup-theme="dark"] body #homeHubModal
    :is(.home-hub-btn,.home-hub-note) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #homeHubModal
    .home-hub-btn :is(strong,b) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #homeHubModal
    .home-hub-btn small {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #homeHubModal .home-hub-btn:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
    border-color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #homeHubModal .home-hub-note {
    color:var(--fu-muted) !important;
  }

  /* My Collection and both shortcut settings, including dynamically-added
     folders and cards. Keep lock/permission, remove and active colors. */
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .plus-folder, .plus-lib-item, .plus-custom,
    .plus-library-head, .plus-create
  ),
  html[data-oreumup-theme="dark"] body #shortcutModal :is(
    .shortcut-dialog, .shortcut-example, .shortcut-internal,
    .shortcut-section, .shortcut-field
  ) {
    background-color:var(--fu-card) !important;
    border-color:var(--fu-border) !important;
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .plus-folder-head strong, .plus-lib-copy strong,
    .plus-library-head strong, .plus-custom>strong
  ),
  html[data-oreumup-theme="dark"] body #shortcutModal :is(
    .shortcut-example b, .shortcut-section-label,
    .shortcut-head h3, .shortcut-field label
  ) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .plus-lib-copy small, .plus-library-head small,
    .plus-permission-note
  ),
  html[data-oreumup-theme="dark"] body #shortcutModal :is(
    .shortcut-example small, .shortcut-head p, .shortcut-hint
  ) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .plus-folder, .plus-lib-item
  ):is(:hover,:focus-within),
  html[data-oreumup-theme="dark"] body #shortcutModal
    .shortcut-example:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .plus-custom input,.plus-create input,.plus-library-head select
  ),
  html[data-oreumup-theme="dark"] body #shortcutModal :is(
    .shortcut-field input,.shortcut-field select
  ) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .home-shortcut-edit, .home-shortcut-card
  ) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }

  /* Bottom launcher belongs to the app, not the separately hosted ChatGPT.
     Keep navigation icons, chosen active state, and floating + visible. */
  html[data-oreumup-theme="dark"] body :is(
    .mobile-bottom, .oreumup-bottom-launcher
  ) {
    background:var(--fu-page) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .mobile-bottom .mnav:not(.active),
    .oreumup-bottom-launcher .oreumup-bottom-shortcut,
    .oreumup-bottom-launcher button:not(.active)
  ) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body
    .mobile-bottom .mnav.active {
    color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body
    .mobile-bottom .mnav:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }

  /* Quote workflow: the connected-customer/recipient card follows the bell
     theme while the actual printable quote stays unchanged. */
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(
    .hqt-quote-connect,.hqt-quote-connected,.hqt-quote-output-options,
    .hqt-seller-tip,.hqt-result
  ) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(
    .hqt-quote-connected strong,.hqt-result b
  ) {color:var(--fu-green) !important;}
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(
    .hqt-quote-connected small,.hqt-seller-tip small,
    .hqt-status,.hqt-note
  ) {color:var(--fu-muted) !important;}

  /* Store profile photo placeholders are UI, never the uploaded photo itself
     or the printed front/back business-card artwork. */
  html[data-oreumup-theme="dark"] body #homeQuickModal
    .hqt-photo-thumb:not([style*="background"]) {
    background:var(--fu-card) !important;
    color:var(--fu-muted) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal
    .hqt-photo-thumb-large:not([style*="background"]) {
    background:var(--fu-card) !important;
    color:var(--fu-muted) !important;
    border-color:var(--fu-border) !important;
  }

  /* Focus ring without resizing controls or changing click/ESC behavior. */
  html[data-oreumup-theme="dark"] body :is(
    #stockUploadModal button, #postDetailModal button,
    #homeHubModal button, #plusModal button, #shortcutModal button,
    #recentStockRows [role="button"], #recentQuestionRows [role="button"]
  ):focus-visible {
    outline:2px solid var(--fu-green) !important;
    outline-offset:2px;
  }
}


/* Follow-up stock detail contact actions: semantic but muted colored actions.
   Never alter telephone/sms handlers, privacy condition or room-presence logic. */
@media screen {
  html[data-oreumup-theme="dark"] body :is(
    #postDetailModal,#stockMemberInfoModal
  ) :is(.stock-member-link,.stock-contact-btn) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border:1px solid var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    #postDetailModal,#stockMemberInfoModal
  ) .stock-contact-btn {
    background:#213447 !important;
    color:#b6d6f6 !important;
    border-color:#536e8a !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    #postDetailModal,#stockMemberInfoModal
  ) .stock-contact-btn.sms {
    background:#30293e !important;
    color:#d2baf6 !important;
    border-color:#736184 !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    #postDetailModal,#stockMemberInfoModal
  ) :is(.stock-member-link,.stock-contact-btn):is(:hover,:focus-visible) {
    filter:brightness(1.12);
  }
  html[data-oreumup-theme="dark"] body :is(
    #postDetailModal,#stockMemberInfoModal
  ) :is(.stock-pc-phone-reveal,.stock-member-profile) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border:1px solid var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal
    .stock-member-profile :is(h3,b,strong) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal
    .stock-member-profile :is(p,small) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #postDetailModal
    .detail-live-btn:not(.online) {
    background:var(--fu-card) !important;
    color:var(--fu-muted) !important;
    border:1px solid var(--fu-border) !important;
  }
}

/* ORUMUP dark bell FINAL surfaces: search/detail, joining, legal, ops, AI and main actions. */
@media screen {
  /* Top search results and expanded product information. */
  html[data-oreumup-theme="dark"] body #searchResult.search-result,
  html[data-oreumup-theme="dark"] body #searchResult .product-result,
  html[data-oreumup-theme="dark"] body #searchResult .pr-cell,
  html[data-oreumup-theme="dark"] body #searchResult .result-head,
  html[data-oreumup-theme="dark"] body #searchResult .product-dash-panel,
  html[data-oreumup-theme="dark"] body #searchResult .product-dash-head,
  html[data-oreumup-theme="dark"] body #searchResult .dash-item {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .product-result:is(:hover,:focus-within),
  html[data-oreumup-theme="dark"] body #searchResult .dash-item:is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body #searchResult .pr-cell:hover {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .pr-name,
  html[data-oreumup-theme="dark"] body #searchResult .pr-ing,
  html[data-oreumup-theme="dark"] body #searchResult .pr-cell span,
  html[data-oreumup-theme="dark"] body #searchResult .result-head strong,
  html[data-oreumup-theme="dark"] body #searchResult .product-dash-head strong,
  html[data-oreumup-theme="dark"] body #searchResult .product-basic h3,
  html[data-oreumup-theme="dark"] body #searchResult .dash-item b {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .pr-meta,
  html[data-oreumup-theme="dark"] body #searchResult .pr-source,
  html[data-oreumup-theme="dark"] body #searchResult .pr-cell b,
  html[data-oreumup-theme="dark"] body #searchResult .result-head span,
  html[data-oreumup-theme="dark"] body #searchResult .search-hint,
  html[data-oreumup-theme="dark"] body #searchResult .product-dash-head span,
  html[data-oreumup-theme="dark"] body #searchResult .product-basic p,
  html[data-oreumup-theme="dark"] body #searchResult .dash-item small,
  html[data-oreumup-theme="dark"] body #searchResult .dash-empty {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .pr-chip,
  html[data-oreumup-theme="dark"] body #searchResult .pr-box,
  html[data-oreumup-theme="dark"] body #searchResult .product-basic .mini-boxes span,
  html[data-oreumup-theme="dark"] body #searchResult .related-type {
    background:var(--fu-select) !important; color:var(--fu-green) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .pr-details {
    border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .pr-info,
  html[data-oreumup-theme="dark"] body #searchResult .dash-trade-request {
    background:#213447 !important; color:#b6d6f6 !important; border:1px solid #536e8a !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .pr-info:hover,
  html[data-oreumup-theme="dark"] body #searchResult .dash-trade-request:hover {
    filter:brightness(1.08);
  }

  html[data-oreumup-theme="dark"] body #searchResult .dash-have {
    background:var(--fu-select) !important;color:var(--fu-green) !important;border:1px solid var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #searchResult .dash-need {
    background:#3d2d22 !important;color:#f6c199 !important;border:1px solid #856346 !important;
  }

  html[data-oreumup-theme="dark"] body .hero-search-shell .hero-search-line,
  html[data-oreumup-theme="dark"] body .hero-search-voice:not(.active),
  html[data-oreumup-theme="dark"] body .hero-search-close,
  html[data-oreumup-theme="dark"] body #searchList .search-product,
  html[data-oreumup-theme="dark"] body #searchList .search-item {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body .hero-search-voice:not(.active):hover,
  html[data-oreumup-theme="dark"] body .hero-search-close:hover,
  html[data-oreumup-theme="dark"] body #searchList .search-product:hover,
  html[data-oreumup-theme="dark"] body #searchList .search-item:hover {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #heroSearchInput,
  html[data-oreumup-theme="dark"] body #searchInput {
    color:var(--fu-ink) !important;caret-color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #heroSearchInput::placeholder,
  html[data-oreumup-theme="dark"] body #searchInput::placeholder,
  html[data-oreumup-theme="dark"] body .hero-search-shell .hero-search-title {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body #searchList .search-product h3,
  html[data-oreumup-theme="dark"] body #searchList .search-product strong {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #searchList .search-product p,
  html[data-oreumup-theme="dark"] body #searchList .search-product .meta {
    color:var(--fu-muted) !important;
  }

  /* Membership guides and enrollment form. */
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-top,
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-start,
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-intro,
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-role-row,
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-card,
  html[data-oreumup-theme="dark"] body #memberJoinModal .application-card {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #memberGuideModal .member-role-row:hover,
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-role-row:focus-within {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-start-copy strong,
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-role-row h4,
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-intro b,
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-card h3 {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-start-copy p,
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-role-row :is(p,ul,li) {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-safety {
    background:var(--fu-warning-bg) !important; color:var(--fu-warning) !important;border-color:#88734c !important;
  }

  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-safety :is(strong,p) {
    color:var(--fu-warning) !important;
  }

  html[data-oreumup-theme="dark"] body #memberGuideModal .member-join-primary {
    background:#087547 !important; color:#ffffff !important;
  }

  html[data-oreumup-theme="dark"] body #memberJoinModal :is(input,textarea,select) {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; caret-color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #memberJoinModal :is(input,textarea)::placeholder {
    color:var(--fu-muted) !important;
  }

  /* Legal agreements remain verbatim; screen contrast only. */
  html[data-oreumup-theme="dark"] body #legalModal .legal-section,
  html[data-oreumup-theme="dark"] body #legalModal .legal-summary,
  html[data-oreumup-theme="dark"] body #legalModal .legal-actions button,
  html[data-oreumup-theme="dark"] body #legalModal .member-legal-links button {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #legalModal .legal-section :is(h3,h4) {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #legalModal .legal-section :is(p,li,ul),
  html[data-oreumup-theme="dark"] body #legalModal .legal-summary {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body #legalModal .legal-actions button:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  /* Private operations inquiries and incident reports. */
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-compose,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-post,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-post-actions button,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-cancel {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-post:is(:hover,:focus-within),
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-post-actions button:hover,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-cancel:hover {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-field span,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-post-title {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-post-body,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-post-meta,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-status,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-empty {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-field :is(input,textarea,select) {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; caret-color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-field :is(input,textarea)::placeholder {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-badge.private,
  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-report-target {
    background:var(--fu-warning-bg) !important;color:var(--fu-warning) !important;border-color:#88734c !important;
  }

  html[data-oreumup-theme="dark"] body #opsInquiryModal .ops-submit {
    background:#087547 !important;color:#ffffff !important;
  }

  /* AI Loop oversight: normal status cards, labels and action controls. */
  html[data-oreumup-theme="dark"] body .ai-loop-card,
  html[data-oreumup-theme="dark"] body .ai-loop-head,
  html[data-oreumup-theme="dark"] body .ai-loop-section,
  html[data-oreumup-theme="dark"] body .ai-loop-count,
  html[data-oreumup-theme="dark"] body button.ai-loop-item,
  html[data-oreumup-theme="dark"] body #aiLoopDetail {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body button.ai-loop-item:is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body .ai-loop-count:hover,
  html[data-oreumup-theme="dark"] body .ai-loop-section-head button:hover,
  html[data-oreumup-theme="dark"] body #aiLoopClose:hover {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-head h2,
  html[data-oreumup-theme="dark"] body .ai-loop-section-head strong,
  html[data-oreumup-theme="dark"] body .ai-loop-item strong,
  html[data-oreumup-theme="dark"] body .ai-loop-count b,
  html[data-oreumup-theme="dark"] body #aiLoopDetail h3 {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-head p,
  html[data-oreumup-theme="dark"] body .ai-loop-count span,
  html[data-oreumup-theme="dark"] body .ai-loop-item small,
  html[data-oreumup-theme="dark"] body .ai-loop-foot,
  html[data-oreumup-theme="dark"] body .ai-loop-empty,
  html[data-oreumup-theme="dark"] body #aiLoopRefreshStatus {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-section-head,
  html[data-oreumup-theme="dark"] body .ai-loop-item,
  html[data-oreumup-theme="dark"] body .ai-loop-head {
    border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-section-head button,
  html[data-oreumup-theme="dark"] body #aiLoopClose,
  html[data-oreumup-theme="dark"] body #aiLoopDetailBack,
  html[data-oreumup-theme="dark"] body #aiLoopRefresh {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-state:not(.blocked):not(.running):not(.verifying):not(.rework) {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-state.running {
    background:#1c392a !important;color:#91dfb2 !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-state.verifying {
    background:#213447 !important;color:#b6d6f6 !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-state.rework {
    background:var(--fu-warning-bg) !important;color:var(--fu-warning) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-state.blocked,
  html[data-oreumup-theme="dark"] body .ai-loop-alert {
    background:#432a29 !important;color:#ffb7a7 !important;border-color:#94605d !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-count.running b {
    color:#91dfb2 !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-count.verifying b {
    color:#b6d6f6 !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-count.rework b {
    color:var(--fu-warning) !important;
  }

  html[data-oreumup-theme="dark"] body .ai-loop-count.blocked b {
    color:#ffb7a7 !important;
  }

  /* Bell's 'mark all read' button only, leave notification listing unchanged. */
  html[data-oreumup-theme="dark"] body #notificationPanel #notificationReadAll {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #notificationPanel #notificationReadAll:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  /* Home logo frame, alerts, participants, Today and current member. */
  html[data-oreumup-theme="dark"] body #oreumupInfoBtn.brand,
  html[data-oreumup-theme="dark"] body #notificationBtn.icon-btn,
  html[data-oreumup-theme="dark"] body #participantStat.top-status-chip,
  html[data-oreumup-theme="dark"] body #topTodayBtn.top-status-chip,
  html[data-oreumup-theme="dark"] body #userPill.user-pill {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #oreumupInfoBtn.brand:hover,
  html[data-oreumup-theme="dark"] body #notificationBtn.icon-btn:hover,
  html[data-oreumup-theme="dark"] body #participantStat.top-status-chip:hover,
  html[data-oreumup-theme="dark"] body #topTodayBtn.top-status-chip:hover,
  html[data-oreumup-theme="dark"] body #userPill.user-pill:hover {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #notificationBtn.icon-btn :is(svg),
  html[data-oreumup-theme="dark"] body #participantStat.top-status-chip :is(svg),
  html[data-oreumup-theme="dark"] body #topTodayBtn.top-status-chip :is(svg) {
    stroke:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #participantStat strong,
  html[data-oreumup-theme="dark"] body #topTodayBtn strong,
  html[data-oreumup-theme="dark"] body #userPill strong {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #participantStat span,
  html[data-oreumup-theme="dark"] body #topTodayBtn span,
  html[data-oreumup-theme="dark"] body #userPill > span:not(.role-mini) {
    color:var(--fu-muted) !important;
  }

  /* App's neutral 1:1 connection CTA; existing semantic blue/green CTAs preserved. */
  html[data-oreumup-theme="dark"] body #mainHero .cta.white {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #mainHero .cta.white :is(strong,svg) {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #mainHero .cta.white small {
    color:var(--fu-muted) !important;
  }

  html[data-oreumup-theme="dark"] body #mainHero .cta.white:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #mainHero .cta.blue:hover,
  html[data-oreumup-theme="dark"] body #mainHero .cta.green:hover {
    filter:brightness(1.06);
  }

  html[data-oreumup-theme="dark"] body #homeHubModal .home-hub-btn,
  html[data-oreumup-theme="dark"] body #plusModal .plus-lib-item,
  html[data-oreumup-theme="dark"] body #shortcutModal .shortcut-example {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #homeHubModal .home-hub-btn:hover,
  html[data-oreumup-theme="dark"] body #plusModal .plus-lib-item:hover,
  html[data-oreumup-theme="dark"] body #shortcutModal .shortcut-example:hover {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #homeHubModal .home-hub-btn strong,
  html[data-oreumup-theme="dark"] body #plusModal .plus-lib-copy strong,
  html[data-oreumup-theme="dark"] body #shortcutModal .shortcut-example b {
    color:var(--fu-ink) !important;
  }

  html[data-oreumup-theme="dark"] body #homeHubModal .home-hub-btn small,
  html[data-oreumup-theme="dark"] body #plusModal .plus-lib-copy small,
  html[data-oreumup-theme="dark"] body #shortcutModal .shortcut-example small {
    color:var(--fu-muted) !important;
  }

  /* Stock pesticide four subtypes and ml/L/g/KG/other unit buttons. */
  html[data-oreumup-theme="dark"] body #stockUploadModal .pesticide-subtype-tab:not(.active),
  html[data-oreumup-theme="dark"] body #stockUploadModal .oru-size-line [data-entry-unit]:not(.active),
  html[data-oreumup-theme="dark"] body #stockUploadModal .oru-size-line [data-other-unit]:not(.active) {
    background:var(--fu-card) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #stockUploadModal .pesticide-subtype-tab:not(.active):hover,
  html[data-oreumup-theme="dark"] body #stockUploadModal .oru-size-line [data-entry-unit]:not(.active):hover,
  html[data-oreumup-theme="dark"] body #stockUploadModal .oru-size-line [data-other-unit]:not(.active):hover {
    background:var(--fu-hover) !important; color:var(--fu-ink) !important; border-color:var(--fu-border) !important;
  }

  html[data-oreumup-theme="dark"] body #stockUploadModal .pesticide-subtype-tab.active,
  html[data-oreumup-theme="dark"] body #stockUploadModal .oru-size-line .active {
    background:var(--fu-select) !important;color:var(--fu-green) !important;border-color:var(--fu-green) !important;
  }

  html[data-oreumup-theme="dark"] body #stockUploadModal .pesticide-subtype-tab.active[data-stock-pesticide-subtype="fungicide"] {
    background:#382b38 !important;color:#f4b3d3 !important;border-color:#9c6780 !important;
  }

  html[data-oreumup-theme="dark"] body #stockUploadModal .pesticide-subtype-tab.active[data-stock-pesticide-subtype="herbicide"] {
    background:var(--fu-warning-bg) !important;color:var(--fu-warning) !important;border-color:#88734c !important;
  }

  html[data-oreumup-theme="dark"] body #stockUploadModal .pesticide-subtype-tab.active[data-stock-pesticide-subtype="other"] {
    background:#213447 !important;color:#b6d6f6 !important;border-color:#536e8a !important;
  }
  /* Live product-detail dialog is separate from the search-result dashboard. */
  html[data-oreumup-theme="dark"] body #productDetailModal :is(.product-application-panel,.product-application-row,.product-major-settings),
  html[data-oreumup-theme="dark"] body #productDetailModal :is(.product-major-edit,.product-major-default,.product-major-inputs input,.product-major-crop:not(.active)) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal :is(.product-detail-name,.product-major-head strong,.product-application-title strong,.product-application-row b) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal :is(.product-detail-meta,.product-detail-source,.product-application-title span,.product-application-row small,.product-application-empty,.product-major-settings p,.product-major-count) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal :is(.product-detail-fact,.product-detail-boxes span,.product-major-add,.product-major-crop.has-data:not(.active)) {
    background:var(--fu-select) !important;color:var(--fu-green) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal .product-major-crop.active {
    background:var(--fu-select) !important;color:var(--fu-green) !important;border-color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal .product-major-crop.no-data {
    color:var(--fu-muted) !important;opacity:1 !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal .product-application-row span {
    color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal .product-major-head {
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal :is(.product-major-edit,.product-major-default,.product-major-crop:not(.active)):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #productDetailModal .product-major-save {
    background:#087547 !important;color:#ffffff !important;
  }

  /* Compact loop oversight mounts its own resource and filter surfaces. */
  html[data-oreumup-theme="dark"] body #aiLoopModal :is(.ai-loop-resources,.ai-loop-resource-cards article,.ai-loop-attention button) {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal .ai-loop-attention button[aria-pressed="true"] {
    background:var(--fu-select) !important;color:var(--fu-green) !important;border-color:var(--fu-green) !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal .ai-loop-attention button:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal :is(.ai-loop-resources h3,.ai-loop-resource-cards b,.ai-loop-section summary strong,#aiLoopEvidence strong) {
    color:var(--fu-ink) !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal :is(.ai-loop-compact-notice,.ai-loop-resource-cards span,.ai-loop-connection p,.ai-loop-section p,.ai-loop-card summary,#aiLoopAttentionStatus,#aiLoopResourceDetails,#aiLoopResourceNotice) {
    color:var(--fu-muted) !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal .ai-loop-resource-cards article.resource-critical {
    background:#432a29 !important;color:#ffb7a7 !important;border-color:#94605d !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal .ai-loop-resource-cards article.resource-critical :is(span,b) {
    color:#ffb7a7 !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal .ai-loop-resource-cards article.resource-warning {
    background:var(--fu-warning-bg) !important;color:var(--fu-warning) !important;border-color:#88734c !important;
  }
  html[data-oreumup-theme="dark"] body #aiLoopModal .ai-loop-resource-cards article.resource-warning :is(span,b) {
    color:var(--fu-warning) !important;
  }

  /* Stock subtype/search frames and the actual photo attachment button. */
  html[data-oreumup-theme="dark"] body #stockUploadModal #stockPesticideSubtypeTabs,
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(.pesticide-subtype-tabs,.modal-search),
  html[data-oreumup-theme="dark"] body :is(#stockUploadModal,#questionWriteModal,#postDetailModal,#opsInquiryModal) .board-photo-add {
    background:var(--fu-card) !important;color:var(--fu-ink) !important;border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#stockUploadModal,#questionWriteModal,#postDetailModal,#opsInquiryModal) .board-photo-add:is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
  }

}


/* Photo attachment action is neutral UI chrome. Never recolor user images. */
@media screen {
  html[data-oreumup-theme="dark"] body :is(
    #stockUploadModal,#questionWriteModal,#postDetailModal,#homeQuickModal
  ) :is(.oreumup-image-add,.oreumup-reply-image-add) {
    background:var(--fu-card) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    #stockUploadModal,#questionWriteModal,#postDetailModal,#homeQuickModal
  ) :is(.oreumup-image-add,.oreumup-reply-image-add):is(:hover,:focus-visible) {
    background:var(--fu-hover) !important;
    color:var(--fu-ink) !important;
    border-color:var(--fu-green) !important;
  }
}

/* ORUMUP_DARK_FOLLOWUP_TONE_V1_START */
@media screen {
  html[data-oreumup-theme="dark"][data-oreumup-tone="10"] {
    --fu-page: #191a1a;
    --fu-card: #1a1c1b;
    --fu-hover: #1b1d1c;
    --fu-border: #587064;
    --fu-ink: #ffffff;
    --fu-muted: #d8e4db;
    --fu-green: #76dcac;
    --fu-select: #191d1b;
    --fu-warning: #f4d295;
    --fu-warning-bg: #1d1b19;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="20"] {
    --fu-page: #323433;
    --fu-card: #333534;
    --fu-hover: #343736;
    --fu-border: #75897f;
    --fu-ink: #ffffff;
    --fu-muted: #d8e4db;
    --fu-green: #76dcac;
    --fu-select: #333634;
    --fu-warning: #f4d295;
    --fu-warning-bg: #363533;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="30"] {
    --fu-page: #4c4d4d;
    --fu-card: #4d4f4e;
    --fu-hover: #4e504f;
    --fu-border: #97a79f;
    --fu-ink: #ffffff;
    --fu-muted: #d8e4db;
    --fu-green: #76dcac;
    --fu-select: #4c504e;
    --fu-warning: #f4d295;
    --fu-warning-bg: #504e4c;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="40"] {
    --fu-page: #656766;
    --fu-card: #666867;
    --fu-hover: #676a69;
    --fu-border: #bfc9c4;
    --fu-ink: #ffffff;
    --fu-muted: #edf2ee;
    --fu-green: #def7eb;
    --fu-select: #666967;
    --fu-warning: #fbf0db;
    --fu-warning-bg: #696866;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="50"] {
    --fu-page: #7f8080;
    --fu-card: #808281;
    --fu-hover: #818382;
    --fu-border: #25322c;
    --fu-ink: #050911;
    --fu-muted: #050911;
    --fu-green: #050907;
    --fu-select: #7f8381;
    --fu-warning: #0a0806;
    --fu-warning-bg: #83817f;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="60"] {
    --fu-page: #989a99;
    --fu-card: #999b9a;
    --fu-hover: #9a9d9c;
    --fu-border: #364a40;
    --fu-ink: #182a4e;
    --fu-muted: #182a4e;
    --fu-green: #192e24;
    --fu-select: #999c9a;
    --fu-warning: #312a1e;
    --fu-warning-bg: #9c9b99;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="70"] {
    --fu-page: #b2b3b3;
    --fu-card: #b3b5b4;
    --fu-hover: #b4b6b5;
    --fu-border: #455f53;
    --fu-ink: #1b2f57;
    --fu-muted: #1b2f57;
    --fu-green: #264637;
    --fu-select: #b2b6b4;
    --fu-warning: #473d2b;
    --fu-warning-bg: #b6b4b2;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="80"] {
    --fu-page: #cbcdcc;
    --fu-card: #cccecd;
    --fu-hover: #cdd0cf;
    --fu-border: #496457;
    --fu-ink: #1b2f57;
    --fu-muted: #1b2f57;
    --fu-green: #2f5845;
    --fu-select: #cccfcd;
    --fu-warning: #5d5039;
    --fu-warning-bg: #cfcecc;
  }
  html[data-oreumup-theme="dark"][data-oreumup-tone="90"] {
    --fu-page: #e5e6e6;
    --fu-card: #e6e8e7;
    --fu-hover: #e7e9e8;
    --fu-border: #496457;
    --fu-ink: #1b2f57;
    --fu-muted: #1b2f57;
    --fu-green: #3a6c54;
    --fu-select: #e5e9e7;
    --fu-warning: #6e5f43;
    --fu-warning-bg: #e9e7e5;
  }
}
/* ORUMUP_DARK_FOLLOWUP_TONE_V1_END */