/* ORUMUP requested 12-area bell surfaces. Screen-only; original media,
   printable documents and business actions retain their existing behavior. */
@media screen {
  html[data-oreumup-theme="dark"] {
    --oreumup-bell-panel:var(--oreumup-theme-surface,#192820);
    --oreumup-bell-card:var(--oreumup-theme-soft,#20332a);
    --oreumup-bell-hover:var(--oreumup-theme-raised,#2a4035);
    --oreumup-bell-border:var(--oreumup-theme-line,#496457);
    --oreumup-bell-text:var(--oreumup-theme-ink,#ffffff);
    --oreumup-bell-subtext:var(--oreumup-theme-muted,#e6e6e6);
  }
}

/* Requested areas 1, 2, 3, 6 and 7. Screen surfaces only; image pixels,
   form behavior, native-dialog hosting and semantic action hues are retained. */
@media screen {
  /* Collection: the injected saved-post section and nested folder controls
     were absent from the original theme allowlist. */
  html[data-oreumup-theme="dark"] body #plusModal .plus-card > .modal-head,
  html[data-oreumup-theme="dark"] body #plusModal #oreumupConvFavorites {
    background:var(--oreumup-bell-panel,#192820) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .plus-folder,.plus-lib-item,.plus-folder-chip,.plus-empty,
    .oreumup-conv-favorites-list > .oreumup-conv-favorite
  ) {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:inset 0 1px 0 #ffffff08,0 2px 5px #00000016 !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .plus-folder-run,.plus-folder-remove,
    .oreumup-conv-favorites-list > .oreumup-conv-favorite > button
  ) {
    background:transparent !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:none !important;
  }
  /* Saved-post markup uses the same class on the outer span and its button.
     Keep one visible frame rather than two nested borders. */
  html[data-oreumup-theme="dark"] body #plusModal
    .oreumup-conv-favorites-list > .oreumup-conv-favorite > button.oreumup-conv-favorite {
    border:0 !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .modal-head h2,.plus-folder-run b,.oreumup-conv-favorites-head strong,
    .plus-folder-head strong,.plus-lib-copy strong
  ) {color:var(--oreumup-bell-text,#fff) !important;}
  html[data-oreumup-theme="dark"] body #plusModal :is(
    .modal-head p,.plus-folder-run small,.plus-empty,.plus-permission-note,
    .oreumup-conv-label,.plus-library-head small
  ) {color:var(--oreumup-bell-subtext,#e6e6e6) !important;}
  html[data-oreumup-theme="dark"] body #plusModal .plus-tag:not(.lock) {
    background:#1c392a !important;color:#a2f1c5 !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal .plus-tag.lock {
    background:#3a292c !important;color:#f0b9bf !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    #plusCreateFolder,#plusAddCustom,[data-plus-add]:not(:disabled)
  ) {
    background:#185638 !important;color:#d9ffe8 !important;
    border:1px solid #4d8064 !important;
    box-shadow:inset 0 1px 0 #ffffff08 !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    [data-plus-folder-delete],.plus-folder-remove,.oreumup-conv-favorite-remove
  ) {color:var(--oreumup-theme-error,#ffb7a7) !important;}
  html[data-oreumup-theme="dark"] body #plusModal :is(
    [data-plus-folder-delete],.plus-folder-remove,.oreumup-conv-favorite-remove,
    .plus-folder-run,.oreumup-conv-favorite
  ):not(:disabled):is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body #plusModal :is(.plus-folder,.plus-lib-item):focus-within {
    background:var(--oreumup-bell-hover,#2a4035) !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal :is(
    #plusCreateFolder,#plusAddCustom,[data-plus-add]
  ):not(:disabled):is(:hover,:focus-visible) {background:#226847 !important;}
  html[data-oreumup-theme="dark"] body #plusModal :is(input,select) {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
  }
  html[data-oreumup-theme="dark"] body #plusModal input::placeholder {
    color:var(--oreumup-bell-subtext,#e6e6e6) !important;opacity:1;
  }
  html[data-oreumup-theme="dark"] body #plusModal button:disabled {
    background:var(--oreumup-bell-panel,#192820) !important;
    color:var(--oreumup-bell-subtext,#e6e6e6) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:none !important;opacity:.6;
  }

  /* Home: logo backing is a UI surface; the original artwork is untouched. */
  html[data-oreumup-theme="dark"] body #oreumupInfoBtn.brand,
  html[data-oreumup-theme="dark"] body #mainHero .visual-card,
  html[data-oreumup-theme="dark"] body.trade-fresh-ui .page-header > .brand {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:inset 0 1px 0 #ffffff08,0 2px 5px #00000016 !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupInfoBtn.brand img,
  html[data-oreumup-theme="dark"] body #mainHero img.hero-logo,
  html[data-oreumup-theme="dark"] body.trade-fresh-ui .page-header > .brand img {
    background-color:var(--oreumup-bell-card,#20332a) !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupConvRecentSearch {
    background:var(--oreumup-bell-panel,#192820) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:inset 0 1px 0 #ffffff08,0 2px 5px #00000016 !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupConvRecentSearch .oreumup-conv-chip {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupConvRecentSearch :is(.oreumup-conv-label,.oreumup-conv-clear) {
    color:var(--oreumup-bell-subtext,#e6e6e6) !important;
  }
  html[data-oreumup-theme="dark"] body #oreumupConvRecentSearch button:is(:hover,:focus-visible) {
    background:var(--oreumup-bell-hover,#2a4035) !important;
    color:var(--oreumup-bell-text,#fff) !important;
  }

  /* Stock search: color the complete input shell, filters and image backing.
     Category, have/need and registration actions retain their semantic hue. */
  html[data-oreumup-theme="dark"] body #stockModal :is(.modal-search,.stock-search-line,.board-filter-wrap) {
    background:var(--oreumup-bell-panel,#192820) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal #stockSearch {
    background:transparent !important;color:var(--oreumup-bell-text,#fff) !important;
    caret-color:var(--oreumup-bell-text,#fff) !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal #stockSearch::placeholder {
    color:var(--oreumup-bell-subtext,#e6e6e6) !important;opacity:1;
  }
  html[data-oreumup-theme="dark"] body #stockModal :is(.stock-mine-toggle,.stock-search-note) {
    color:var(--oreumup-bell-subtext,#e6e6e6) !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal :is(.board-filter-btn,.summary-chip) {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:none !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal :is(.board-filter-btn,.summary-chip):not(.active):not(.need-summary):not(:disabled):is(:hover,:focus-visible) {
    background:var(--oreumup-bell-hover,#2a4035) !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal :is(
    .board-filter-btn.active,.summary-chip.active,
    [data-stock-search-type="have"].active,[data-stock-search-cat="pesticide"].active
  ) {
    background:#1c392a !important;color:#a2f1c5 !important;border-color:#4d8064 !important;
    box-shadow:inset 0 0 0 1px #4d8064 !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal :is(
    [data-stock-search-type="need"].active,[data-stock-search-cat="nutrient"].active,.need-summary
  ) {
    background:#3d2d22 !important;color:#ffd2a2 !important;border-color:#856346 !important;
    box-shadow:inset 0 0 0 1px #856346 !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal [data-stock-search-cat="material"].active {
    background:#213447 !important;color:#b6d6f6 !important;border-color:#536e8a !important;
    box-shadow:inset 0 0 0 1px #536e8a !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal [data-stock-search-cat="other"].active {
    background:#30293e !important;color:#d2baf6 !important;border-color:#736184 !important;
    box-shadow:inset 0 0 0 1px #736184 !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal :is(
    .inventory-board-thumb,.oreumup-v2-list-photo,.thumb.product-thumb
  ) {
    background-color:var(--oreumup-bell-card,#20332a) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:0 1px 4px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body #stockModal .stock-footer :is(#stockDirectHave,#stockDirectNeed,#stockInquiry) {
    box-shadow:inset 0 1px 0 #ffffff0a,0 2px 4px #00000020 !important;
  }

  /* Kakao remains recognizably yellow, with the same dark depth as the bell. */
  html[data-oreumup-theme="dark"] body.trade-fresh-ui #kakaoOpenChat.kakao-chat-link {
    background:#38320f !important;color:#f8e7a1 !important;border-color:#8d8050 !important;
    box-shadow:inset 0 1px 0 #ffffff08,0 2px 5px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body.trade-fresh-ui #kakaoOpenChat.kakao-chat-link:is(:hover,:focus-visible) {
    background:#4a431a !important;
  }

  /* Shared launchers exist in the main page and independent trade/tool pages.
     These selectors also cover the real stock editor after it moves into a
     native dialog; no placement, visibility or AI execution rules are changed. */
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-launcher,#mainAiCommandRun) {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border:1px solid var(--oreumup-bell-border,#496457) !important;
    box-shadow:inset 0 1px 0 #ffffff08,0 2px 4px #00000016 !important;
  }
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-launcher,#mainAiCommandRun):not(:disabled):is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body .orumup-ai-launcher[aria-pressed="true"] {
    background:var(--oreumup-bell-hover,#2a4035) !important;
    color:var(--oreumup-bell-text,#fff) !important;
  }
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-panel,#stockAiEditBox) {
    background:var(--oreumup-bell-panel,#192820) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:inset 0 1px 0 #ffffff08,0 12px 34px #00000040 !important;
  }
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-panel-copy,.stock-ai-edit-copy) strong {
    color:var(--oreumup-bell-text,#fff) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    .orumup-ai-panel-copy small,.stock-ai-edit-copy small,.orumup-ai-status,#stockAiEditStatus
  ) {color:var(--oreumup-bell-subtext,#e6e6e6) !important;}
  html[data-oreumup-theme="dark"] body .orumup-ai-panel-row input,
  html[data-oreumup-theme="dark"] body #stockAiEditBox #stockAiEditInput {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    caret-color:var(--oreumup-bell-text,#fff) !important;
  }
  html[data-oreumup-theme="dark"] body .orumup-ai-panel-row input::placeholder,
  html[data-oreumup-theme="dark"] body #stockAiEditBox #stockAiEditInput::placeholder {
    color:var(--oreumup-bell-subtext,#e6e6e6) !important;opacity:1;
  }
  html[data-oreumup-theme="dark"] body .orumup-ai-panel-actions button,
  html[data-oreumup-theme="dark"] body #stockAiEditBox :is(#stockAiEditClose,#stockAiEditFold),
  html[data-oreumup-theme="dark"] body .orumup-ai-voice:not(.is-listening),
  html[data-oreumup-theme="dark"] body dialog[open] > #stockAiEditBox[data-native-ai-host="1"]
    :is(#stockAiEditClose,#stockAiEditFold,.orumup-ai-voice:not(.is-listening)) {
    background:var(--oreumup-bell-card,#20332a) !important;
    color:var(--oreumup-bell-text,#fff) !important;
    border-color:var(--oreumup-bell-border,#496457) !important;
    box-shadow:none !important;
  }
  html[data-oreumup-theme="dark"] body .orumup-ai-panel-actions button:not(:disabled):is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body #stockAiEditBox :is(#stockAiEditClose,#stockAiEditFold):not(:disabled):is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body .orumup-ai-voice:not(.is-listening):not(:disabled):is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body dialog[open] > #stockAiEditBox[data-native-ai-host="1"]
    :is(#stockAiEditClose,#stockAiEditFold,.orumup-ai-voice:not(.is-listening)):not(:disabled):is(:hover,:focus-visible) {
    background:var(--oreumup-bell-hover,#2a4035) !important;
  }
  html[data-oreumup-theme="dark"] body .orumup-ai-voice.is-listening,
  html[data-oreumup-theme="dark"] body dialog[open] > #stockAiEditBox[data-native-ai-host="1"] .orumup-ai-voice.is-listening {
    background:#1c392a !important;color:#a2f1c5 !important;border-color:#4d8064 !important;
    box-shadow:0 0 0 2px #4d806466 !important;
  }
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-panel-apply,#stockAiEditApply,.orumup-command-review-button),
  html[data-oreumup-theme="dark"] body dialog[open] > #stockAiEditBox[data-native-ai-host="1"]
    :is(#stockAiEditApply,.orumup-command-review-button) {
    background:#185638 !important;color:#d9ffe8 !important;border-color:#4d8064 !important;
  }
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-panel-apply,#stockAiEditApply,.orumup-command-review-button):not(:disabled):is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body dialog[open] > #stockAiEditBox[data-native-ai-host="1"]
    :is(#stockAiEditApply,.orumup-command-review-button):not(:disabled):is(:hover,:focus-visible) {
    background:#226847 !important;
  }
  html[data-oreumup-theme="dark"] body #mainAiCommandStatus {
    background:#38320f !important;color:#f8e7a1 !important;border-color:#8d8050 !important;
  }
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-panel,#stockAiEditBox) :is(input,button):disabled,
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-launcher,#mainAiCommandRun):disabled {
    opacity:.6;cursor:not-allowed;
  }

  /* One consistent keyboard focus ring. Outline does not affect box geometry. */
  html[data-oreumup-theme="dark"] body #plusModal :is(button,input,select):focus-visible,
  html[data-oreumup-theme="dark"] body #oreumupConvRecentSearch button:focus-visible,
  html[data-oreumup-theme="dark"] body #stockModal :is(button,input):focus-visible,
  html[data-oreumup-theme="dark"] body #stockModal .modal-search:focus-within,
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-panel,#stockAiEditBox) :is(input,button):focus-visible,
  html[data-oreumup-theme="dark"] body :is(.orumup-ai-launcher,#mainAiCommandRun,#kakaoOpenChat):focus-visible {
    outline:2px solid var(--oreumup-bell-text,#fff) !important;outline-offset:2px;
  }
}

/* Requested member, joining, PIN, quote and photo surfaces.
   Loaded after the existing display/follow-up sheets. Screen only. */
@media screen {
  /* ④ Public stock profiles, inline 1:1 profiles and the current-member cards. */
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal .stock-member-card,
  html[data-oreumup-theme="dark"] body.trade-fresh-ui #chatMemberDialog,
  html[data-oreumup-theme="dark"] body.trade-fresh-ui #tradeMemberDialog {
    background-color: var(--oreumup-bell-panel) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(
    #stockMemberInfoModal .stock-member-profile,
    #stockMemberInfoModal .stock-member-phone,
    #stockMemberInfoModal .stock-member-no-phone,
    #ownerRoomModal .dm-member-profile,
    #ownerRoomModal .dm-contact-phone-reveal,
    #memberTestModal .member-info-item
  ) {
    background-color: var(--oreumup-bell-card) !important;
    border-color: var(--oreumup-bell-border) !important;
    color: var(--oreumup-bell-text) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 3px 10px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal
    :is(.stock-member-profile h3, .stock-member-profile b, .stock-member-profile strong),
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-member-profile b,
  html[data-oreumup-theme="dark"] body #memberTestModal .member-info-item b,
  html[data-oreumup-theme="dark"] body.trade-fresh-ui #chatMemberInfo > strong {
    color: var(--oreumup-bell-text) !important;
  }
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal
    :is(.stock-member-profile p, .stock-member-phone > span, .stock-member-no-phone),
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-member-profile span,
  html[data-oreumup-theme="dark"] body #memberTestModal .member-info-item span,
  html[data-oreumup-theme="dark"] body.trade-fresh-ui #chatMemberInfo > p {
    color: var(--oreumup-bell-subtext) !important;
  }
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal
    :is(.stock-member-contact-actions .call, .stock-member-copy),
  html[data-oreumup-theme="dark"] body #postDetailModal .stock-pc-phone-reveal button,
  html[data-oreumup-theme="dark"] body.trade-fresh-ui #chatMemberInfo > a.primary-button {
    background: var(--oreumup-theme-accent-soft, #1c392a) !important;
    color: var(--oreumup-theme-accent, #76dcac) !important;
    border-color: var(--oreumup-theme-accent, #76dcac) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 2px 6px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal .stock-member-contact-actions .sms {
    background: #213447 !important;
    color: #b6d6f6 !important;
    border-color: #536e8a !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 2px 6px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body.trade-fresh-ui
    :is(#chatMemberClose, #chatMemberInfo > button),
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-contact-copy {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body.trade-fresh-ui
    :is(#chatMemberClose, #chatMemberInfo > button):enabled:is(:hover, :focus-visible),
  html[data-oreumup-theme="dark"] body #ownerRoomModal .dm-contact-copy:enabled:is(:hover, :focus-visible) {
    background: var(--oreumup-bell-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal
    .stock-member-contact-actions :is(a, button):is(:hover, :focus-visible) {
    border-color: currentColor !important;
    box-shadow: inset 0 1px 0 #ffffff18, 0 3px 9px #00000030 !important;
  }

  /* ⑧ Guide top/bottom, type cards and the actual application form.
     All legal copy remains unchanged; caution notices retain their amber hue. */
  html[data-oreumup-theme="dark"] body #memberGuideModal :is(.member-guide-card, .member-guide-top),
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(.member-join-card, .modal-head) {
    background: var(--oreumup-bell-panel) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body #memberGuideModal :is(
    .member-guide-start, .member-guide-intro, .member-role-row,
    .member-join-box, .member-join-doc-guide > div
  ),
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(
    .member-join-docs, .member-join-verification, .member-verification-option,
    .member-consent-option, .member-login-id-preview
  ) {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 3px 10px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body #memberGuideModal :is(
    .member-guide-start-copy strong, .member-guide-intro b,
    .member-role-row h4, .member-role-row b, .member-join-box strong,
    .member-join-doc-guide b
  ),
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(
    .member-join-field, .member-join-docs legend, .member-join-verification legend,
    .member-doc-label, .member-consent-option b, .member-login-id-preview strong
  ) { color: var(--oreumup-bell-text) !important; }
  html[data-oreumup-theme="dark"] body #memberGuideModal :is(
    .member-guide-start-copy p, .member-role-row p, .member-role-row ul,
    .member-role-row li, .member-join-box small, .member-join-doc-guide > div
  ),
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(
    .member-join-hint, .member-join-field small, .member-doc-note,
    .member-doc-privacy, .member-doc-filename:not(.selected),
    .member-join-verification > p, .member-join-verification small,
    .member-login-id-preview span, .member-login-id-preview small
  ) { color: var(--oreumup-bell-subtext) !important; }
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-safety,
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-test-note {
    background: var(--oreumup-theme-warning-soft, #3a2e1d) !important;
    color: var(--oreumup-theme-warning, #f4d295) !important;
    border-color: #88734c !important;
  }
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-guide-safety :is(strong, p, b),
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-test-note b {
    color: var(--oreumup-theme-warning, #f4d295) !important;
  }
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-join-types :is(button, span),
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(
    .member-join-secondary, .member-doc-pick, .member-doc-remove, .member-legal-links button
  ) {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 2px 6px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-join-types button:enabled:is(:hover, :focus-visible),
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(
    .member-join-secondary, .member-doc-pick, .member-doc-remove, .member-legal-links button
  ):enabled:is(:hover, :focus-visible),
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-role-row:is(:hover, :focus-within),
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-verification-option:not(.selected):has(input:enabled):hover {
    background: var(--oreumup-bell-hover) !important;
    border-color: var(--oreumup-bell-border) !important;
    color: var(--oreumup-bell-text) !important;
  }
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-join-primary,
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(.member-join-primary, .member-verification-option.selected, .member-join-status) {
    background: var(--oreumup-theme-accent-soft, #1c392a) !important;
    color: var(--oreumup-theme-accent, #76dcac) !important;
    border-color: var(--oreumup-theme-accent, #76dcac) !important;
    box-shadow: inset 0 1px 0 #ffffff10, 0 3px 9px #00000028 !important;
  }
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(.member-doc-filename.selected, .member-verification-status) {
    color: var(--oreumup-theme-accent, #76dcac) !important;
  }
  html[data-oreumup-theme="dark"] body #memberJoinModal :is(.member-join-error, .member-doc-error) {
    color: var(--oreumup-theme-error, #ffb7a7) !important;
  }

  /* ⑨ PIN change/recovery colors. Authentication and validation stay in place. */
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-card {
    background: var(--oreumup-bell-panel) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal)
    :is(.member-login-note, .member-login-actions button:not(.primary), .member-login-recovery-toggle, .member-pin-recovery-send) {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 2px 6px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal)
    :is(.member-login-actions button:not(.primary), .member-login-recovery-toggle, .member-pin-recovery-send):enabled:is(:hover, :focus-visible) {
    background: var(--oreumup-bell-hover) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-actions .primary {
    background: var(--oreumup-theme-accent-soft, #1c392a) !important;
    color: var(--oreumup-theme-accent, #76dcac) !important;
    border-color: var(--oreumup-theme-accent, #76dcac) !important;
    box-shadow: inset 0 1px 0 #ffffff10, 0 3px 9px #00000028 !important;
  }
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-grid label {
    color: var(--oreumup-bell-text) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-error {
    color: var(--oreumup-theme-error, #ffb7a7) !important;
  }
  html[data-oreumup-theme="dark"] body #memberPinRecoveryModal .member-pin-recovery-cost-note {
    background: var(--oreumup-theme-warning-soft, #3a2e1d) !important;
    color: var(--oreumup-theme-warning, #f4d295) !important;
  }
  html[data-oreumup-theme="dark"] body #memberPinRecoveryModal .member-pin-recovery-cost-note b {
    color: var(--oreumup-theme-warning, #f4d295) !important;
  }
  html[data-oreumup-theme="dark"] body #memberPinRecoveryModal .member-pin-recovery-status {
    color: var(--oreumup-bell-subtext) !important;
  }
  html[data-oreumup-theme="dark"] body #memberPinRecoveryModal .member-pin-recovery-status.is-success {
    background: var(--oreumup-theme-accent-soft, #1c392a) !important;
    color: var(--oreumup-theme-accent, #76dcac) !important;
    border-color: var(--oreumup-theme-accent, #76dcac) !important;
  }
  html[data-oreumup-theme="dark"] body #memberPinRecoveryModal .member-pin-recovery-status.is-error {
    color: var(--oreumup-theme-error, #ffb7a7) !important;
  }

  /* Actual form inputs, placeholders and keyboard/disabled states. */
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-field :is(input, select),
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-grid input {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    caret-color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-field input::placeholder,
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-grid input::placeholder {
    color: var(--oreumup-bell-subtext) !important;
    opacity: 1;
  }
  html[data-oreumup-theme="dark"] body :is(#memberGuideModal, #memberJoinModal, #memberPinChangeModal, #memberPinRecoveryModal)
    :is(button, input, select):focus-visible {
    outline: 2px solid var(--oreumup-theme-focus, #8cc8ff) !important;
    outline-offset: 2px;
  }
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-field :is(input, select):disabled,
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-grid input:disabled {
    background: var(--oreumup-bell-panel) !important;
    color: var(--oreumup-bell-subtext) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body :is(#memberGuideModal, #memberJoinModal, #memberPinChangeModal, #memberPinRecoveryModal) button:disabled {
    box-shadow: none !important;
  }

  /* ⑩ The editor parties are screen UI; independent A4/PDF/QR output is absent
     from this selector tree and never receives this stylesheet. */
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-party {
    background: var(--oreumup-bell-panel) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 3px 10px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-party h3,
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-party-field > span {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-party-field {
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-party-field > input {
    background: var(--oreumup-bell-panel) !important;
    color: var(--oreumup-bell-text) !important;
    caret-color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-party-field > input::placeholder {
    color: var(--oreumup-bell-subtext) !important;
    opacity: 1;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot :is(.hqt-quote-pick, .hqt-quote-customer-list button) {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot :is(.hqt-quote-pick small, .hqt-quote-customer-list small, .hqt-quote-party .hqt-status) {
    color: var(--oreumup-bell-subtext) !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot #hqtQuoteLoadCustomer {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 2px 6px #00000020 !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-pick #hqtQuoteLoadCustomer:enabled:is(:hover, :focus-visible),
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-customer-list button:enabled:is(:hover, :focus-visible) {
    background: var(--oreumup-bell-hover) !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot :is(.hqt-quote-party input, #hqtQuoteLoadCustomer, .hqt-quote-customer-list button):focus-visible {
    outline: 2px solid var(--oreumup-theme-focus, #8cc8ff) !important;
    outline-offset: -2px;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot #hqtQuoteLoadCustomer:disabled {
    color: var(--oreumup-bell-subtext) !important;
    box-shadow: none !important;
  }
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot .hqt-quote-party-field > input:is(:disabled, [readonly]) {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-subtext) !important;
  }

  /* State feedback stays on the existing controls and never changes hit areas. */
  html[data-oreumup-theme="dark"] body #memberGuideModal .member-join-primary:enabled:is(:hover, :focus-visible),
  html[data-oreumup-theme="dark"] body #memberJoinModal .member-join-primary:enabled:is(:hover, :focus-visible),
  html[data-oreumup-theme="dark"] body :is(#memberPinChangeModal, #memberPinRecoveryModal) .member-login-actions .primary:enabled:is(:hover, :focus-visible) {
    border-color: var(--oreumup-theme-accent, #76dcac) !important;
    box-shadow: inset 0 1px 0 #ffffff18, 0 3px 9px #00000038 !important;
  }
  html[data-oreumup-theme="dark"] body :is(#memberGuideModal, #memberJoinModal, #memberPinChangeModal, #memberPinRecoveryModal) button:enabled:active,
  html[data-oreumup-theme="dark"] body #stockMemberInfoModal .stock-member-contact-actions :is(a, button):active,
  html[data-oreumup-theme="dark"] body #hqtQuoteRoot #hqtQuoteLoadCustomer:enabled:active {
    box-shadow: inset 0 2px 5px #00000035 !important;
  }

  /* ⑪ Photo containers: background-color only, so inline uploaded-image URLs
     remain intact. No filter, opacity, background-image or media pixel rules. */
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-representative-photo,
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(#hqtPromoThumb, #hqtPromoNoticeThumb) {
    background-color: var(--oreumup-bell-card) !important;
    border-color: var(--oreumup-bell-border) !important;
    color: var(--oreumup-bell-subtext) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 3px 10px #00000024 !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-representative-photo-picker > span {
    color: var(--oreumup-bell-text) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(#hqtPromoPhoto, #hqtPromoNoticePhoto)::file-selector-button {
    background: var(--oreumup-bell-card) !important;
    color: var(--oreumup-bell-text) !important;
    border-color: var(--oreumup-bell-border) !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(#hqtPromoPhoto, #hqtPromoNoticePhoto):enabled:hover::file-selector-button {
    background: var(--oreumup-bell-hover) !important;
  }

  /* ⑫ Current one-click example/photo preview wrappers. The source currently
     has a preview/survey rather than a photo-upload implementation. */
  html[data-oreumup-theme="dark"] body #homeQuickModal :is(.hqt-shorts-endlink, .hqt-shorts-video-ready, .hqt-shorts-step) {
    background-color: var(--oreumup-bell-card) !important;
    border-color: var(--oreumup-bell-border) !important;
    color: var(--oreumup-bell-text) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 3px 10px #00000024 !important;
  }
  html[data-oreumup-theme="dark"] body #homeQuickModal .hqt-shorts-endlink:is(:hover, :focus-visible) {
    background-color: var(--oreumup-bell-hover) !important;
  }
  html[data-oreumup-theme="dark"]:is([data-oreumup-dark-page="shorts"], [data-oreumup-dark-page="tool-shorts"]) body .preview-panel {
    background-color: var(--oreumup-bell-panel) !important;
    border-color: var(--oreumup-bell-border) !important;
    color: var(--oreumup-bell-text) !important;
    box-shadow: inset 0 1px 0 #ffffff0b, 0 3px 10px #00000024 !important;
  }
  html[data-oreumup-theme="dark"]:is([data-oreumup-dark-page="shorts"], [data-oreumup-dark-page="tool-shorts"]) body .preview-content {
    border-color: var(--oreumup-bell-border) !important;
  }
}


@media screen {
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog {
    background:var(--oreumup-bell-panel)!important;
    color:var(--oreumup-bell-text)!important;
    border-color:var(--oreumup-bell-border)!important;
    box-shadow:inset 0 1px 0 #ffffff0b,0 12px 34px #00000040!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog :is(.oreumup-edit-dialog-title,.oreumup-edit-dialog-field) {
    color:var(--oreumup-bell-text)!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog .oreumup-edit-dialog-message {
    color:var(--oreumup-bell-subtext)!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog :is(textarea,input,button) {
    background:var(--oreumup-bell-card)!important;
    color:var(--oreumup-bell-text)!important;
    border-color:var(--oreumup-bell-border)!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog :is(textarea,input)::placeholder {
    color:var(--oreumup-bell-subtext)!important;opacity:1;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog .oreumup-edit-dialog-submit {
    background:var(--oreumup-theme-accent-soft,#1c392a)!important;
    color:var(--oreumup-theme-accent,#76dcac)!important;
    border-color:var(--oreumup-theme-accent,#76dcac)!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog .oreumup-edit-dialog-submit.danger {
    background:var(--oreumup-theme-error-soft,#3b2828)!important;
    color:var(--oreumup-theme-error,#ffb7a7)!important;
    border-color:var(--oreumup-theme-error,#ffb7a7)!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog .oreumup-edit-dialog-error {
    color:var(--oreumup-theme-error,#ffb7a7)!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog button:not(:disabled):is(:hover,:focus-visible) {
    box-shadow:inset 0 0 0 1px currentColor!important;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog :is(button,input,textarea):focus-visible {
    outline:2px solid var(--oreumup-theme-focus,#8cc8ff)!important;outline-offset:2px;
  }
  html[data-oreumup-theme="dark"] body .oreumup-edit-dialog button:disabled {opacity:.6;}
  /* Existing self editors share the original posting forms. Nested answers
     use this same editor class; keep save/delete semantic colors unchanged. */
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor,
  html[data-oreumup-theme="dark"] body #questionWriteModal #questionComposeBox {
    background:var(--oreumup-bell-panel)!important;
    color:var(--oreumup-bell-text)!important;
    border-color:var(--oreumup-bell-border)!important;
  }
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor textarea,
  html[data-oreumup-theme="dark"] body #questionComposeBox :is(#questionTitleInput,#questionBodyInput),
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    #stockUploadSearch,#stockUploadSubject,#stockNeedSizeManual,
    #stockUploadQty,#stockUploadPrice,#stockUploadNote
  ) {
    background:var(--oreumup-bell-card)!important;
    color:var(--oreumup-bell-text)!important;
    caret-color:var(--oreumup-bell-text)!important;
    border-color:var(--oreumup-bell-border)!important;
  }
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor textarea::placeholder,
  html[data-oreumup-theme="dark"] body #questionComposeBox :is(#questionTitleInput,#questionBodyInput)::placeholder,
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    #stockUploadSearch,#stockUploadSubject,#stockNeedSizeManual,
    #stockUploadQty,#stockUploadPrice,#stockUploadNote
  )::placeholder {
    color:var(--oreumup-bell-subtext)!important;opacity:1;
  }
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor-actions button:not(.answer-save),
  html[data-oreumup-theme="dark"] body #questionComposeBox #questionWriteCancel,
  html[data-oreumup-theme="dark"] body #stockUploadModal #stockUploadCancel {
    background:var(--oreumup-bell-card)!important;
    color:var(--oreumup-bell-text)!important;
    border-color:var(--oreumup-bell-border)!important;
    box-shadow:inset 0 1px 0 #ffffff0b,0 2px 6px #00000020!important;
  }
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor-actions button:not(.answer-save):enabled:is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body #questionComposeBox #questionWriteCancel:enabled:is(:hover,:focus-visible),
  html[data-oreumup-theme="dark"] body #stockUploadModal #stockUploadCancel:enabled:is(:hover,:focus-visible) {
    background:var(--oreumup-bell-hover)!important;
  }
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor :is(textarea,button):focus-visible,
  html[data-oreumup-theme="dark"] body #questionComposeBox :is(#questionTitleInput,#questionBodyInput,#questionWriteCancel,#questionWriteSubmit):focus-visible,
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    #stockUploadSearch,#stockUploadSubject,#stockNeedSizeManual,
    #stockUploadQty,#stockUploadPrice,#stockUploadNote,#stockUploadCancel,#stockUploadSubmit
  ):focus-visible {
    outline:2px solid var(--oreumup-theme-focus,#8cc8ff)!important;
    outline-offset:2px;
    border-color:var(--oreumup-theme-focus,#8cc8ff)!important;
  }
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor textarea:is(:disabled,[readonly]),
  html[data-oreumup-theme="dark"] body #questionComposeBox :is(#questionTitleInput,#questionBodyInput):is(:disabled,[readonly]),
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(
    #stockUploadSearch,#stockUploadSubject,#stockNeedSizeManual,
    #stockUploadQty,#stockUploadPrice,#stockUploadNote
  ):is(:disabled,[readonly]) {
    background:var(--oreumup-bell-panel)!important;
    color:var(--oreumup-bell-subtext)!important;
    border-color:var(--oreumup-bell-border)!important;
  }
  html[data-oreumup-theme="dark"] body :is(#postDetailModal,#questionWriteModal,#oreumupQuestionReplyModal,#myTradeModal)
    .question-answer-editor-actions button:disabled,
  html[data-oreumup-theme="dark"] body #questionComposeBox :is(#questionWriteCancel,#questionWriteSubmit):disabled,
  html[data-oreumup-theme="dark"] body #stockUploadModal :is(#stockUploadCancel,#stockUploadSubmit):disabled {
    box-shadow:none!important;
  }
}