/* Load after tiki-details.css and nightshift.css. Only opt-in classes added by
   mountTikiDetails are affected; data surfaces keep their original contrast. */
.panel.tiki-detail-ui-frame,
dialog.tiki-detail-ui-frame {
  --tiki-frame-width: 9px;
  border: var(--tiki-frame-width) solid transparent;
  border-image: var(--tiki-panel-art) 20% / var(--tiki-frame-width) stretch;
}
dialog.tiki-detail-ui-frame { --tiki-frame-width: 12px; }
.panel.tiki-detail-ui-frame::before { content: none; display: none; }
/* A full physical frame replaces the old line corners, never stacks over them. */
.tiki-detail-ui-frame > .tiki-border,
.tiki-detail-ui-frame > .tiki-detail-corners { display: none !important; }
.tiki-detail-ui-icon { pointer-events: none !important; user-select: none; }
.button.tiki-detail-ui-action { column-gap: 8px; }
.button > .tiki-detail-ui-icon { --tiki-icon-size: 23px; border-radius: 4px; }
.text-button > .tiki-detail-ui-icon,
a:not(.button) > .tiki-detail-ui-icon { --tiki-icon-size: 19px; margin-inline-end: 6px; vertical-align: -.3em; }
.tiki-detail-ui-help > .tiki-detail-ui-icon,
.tiki-detail-ui-message > .tiki-detail-ui-icon { --tiki-icon-size: 19px; margin-inline-end: 7px; vertical-align: -.35em; }
/* A long help paragraph remains an ordinary paragraph with a small help glyph. */
.tiki-detail-ui-help { min-width: 0; }
/* Short, neutral messages use the Fal dark wooden plaque. Safety notices and
   alerts are excluded both by the controller and these style selectors. */
.tiki-detail-ui-bubble:not(.notice,.warning,.error,.error-box,.success,[role="alert"]) {
  background-color: #29291c;
  background-image: var(--tiki-tooltip-art);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  color: #fff0d2;
  border: 1px solid #a89057;
  border-radius: 7px;
  padding: 16px 21px 19px;
  line-height: 1.65;
  box-shadow: 0 8px 28px #0007;
  overflow-wrap: anywhere;
}
.toast.tiki-detail-ui-bubble { max-width: min(620px, calc(100vw - 30px)); }
@media (max-width: 560px) {
  .panel.tiki-detail-ui-frame, dialog.tiki-detail-ui-frame { --tiki-frame-width: 6px; }
  .button > .tiki-detail-ui-icon { --tiki-icon-size: 21px; }
  .tiki-detail-ui-bubble:not(.notice,.warning,.error,.error-box,.success,[role="alert"]) { padding: 13px 16px 16px; }
}
@media (forced-colors: active) {
  .panel.tiki-detail-ui-frame, dialog.tiki-detail-ui-frame { border: 1px solid CanvasText; border-image: none; }
  .tiki-detail-ui-icon { display: none; }
  .tiki-detail-ui-bubble:not(.notice,.warning,.error,.error-box,.success,[role="alert"]) { background: Canvas; color: CanvasText; border-color: CanvasText; box-shadow: none; }
}
@media print {
  .panel.tiki-detail-ui-frame, dialog.tiki-detail-ui-frame { border: 1px solid #555; border-image: none; }
  .tiki-detail-ui-icon { display: none; }
}