/* UI-B 2026-10-22 — stock/question post interiors only.
   Intentionally excludes special functions, customer alerts, generic modal buttons,
   photo pixels, and viewer state/permission handlers. */

/* The authorized attachment metadata and thumbnail arrive asynchronously.
   Reserve exactly one root thumbnail row while they load, so a need/have
   post remains at the same reading position instead of recentering its card.
   This slot is layout only: it does not claim the image request was faster. */
#postDetailModal #postDetailBody > [data-board-stock-media] {
  display:block;
  min-height:112px;
  box-sizing:border-box;
  overflow-anchor:none;
}
#postDetailModal #postDetailBody > [data-board-stock-media] > .board-photo-status,
#postDetailModal #postDetailBody > [data-board-stock-media] > .board-photo-gallery {
  min-height:100px;
  box-sizing:border-box;
}
#postDetailModal #postDetailBody > [data-board-stock-media] > .board-photo-status {
  display:flex;
  align-items:center;
}
#postDetailModal #postDetailBody > [data-board-stock-media] .board-photo-thumb {
  flex:0 0 auto;
}
@media (max-width:430px) {
  #postDetailModal #postDetailBody > [data-board-stock-media] { min-height:104px; }
  #postDetailModal #postDetailBody > [data-board-stock-media] > .board-photo-status,
  #postDetailModal #postDetailBody > [data-board-stock-media] > .board-photo-gallery { min-height:92px; }
}

/* Bell's dark palette applies only inside stock/question post cards.
   Stock owner "수정" was the last pale button; preserve its handlers and size. */
html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
  .detail-owner-actions .detail-edit {
  background:var(--oreumup-bell-card,#20332a) !important;
  color:var(--oreumup-bell-text,#ffffff) !important;
  border:1px solid var(--oreumup-bell-border,#496457) !important;
  box-shadow:none !important;
}
html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
  .detail-owner-actions .detail-edit:not(:disabled):is(:hover,:focus-visible) {
  background:var(--oreumup-bell-hover,#2a4035) !important;
}
html[data-oreumup-theme="dark"] body #postDetailModal #postDetailBody
  .detail-owner-actions .detail-edit:disabled {
  background:var(--oreumup-bell-panel,#192820) !important;
  color:var(--oreumup-bell-subtext,#e6e6e6) !important;
  opacity:.6;
}

/* Answer/comment/photo-count pills are posted dynamically. Constrain the
   selector to question post surfaces; never invert the actual photograph. */
html[data-oreumup-theme="dark"] body :is(#questionWriteModal,#postDetailModal)
  :is(.oreumup-v2-reply-photo-count,.question-reply-count,.question-answer-count,
      .question-comment-count,.oreumup-conv-reply-count,[class*="reply-count"]) {
  background:var(--oreumup-bell-card,#20332a) !important;
  color:var(--oreumup-bell-text,#ffffff) !important;
  border:1px solid var(--oreumup-bell-border,#496457) !important;
  box-shadow:none !important;
}
html[data-oreumup-theme="dark"] body :is(#questionWriteModal,#postDetailModal)
  :is(.question-reply-count,.question-answer-count,.question-comment-count,[class*="reply-count"]):is(:disabled,[aria-disabled="true"]) {
  background:var(--oreumup-bell-panel,#192820) !important;
  color:var(--oreumup-bell-subtext,#e6e6e6) !important;
  opacity:.65;
}
