/* Include after ui-v14.css and title-art-v14.css. Native modal scroll stays in app.js/native-scroll-v16. */
#detail-dialog[data-ui15-navigation] {
  height:auto;
  max-height:min(680px,calc(var(--visible-height,100svh) - 16px));
}
#detail-dialog[data-ui15-navigation] .dialog-header {
  min-height:64px;
  padding:8px 12px;
  gap:12px;
}
#detail-dialog[data-ui15-navigation] .dialog-header h2 {
  font-size:clamp(20px,var(--oa-fs-title,24px),26px);
  line-height:1.25;
  overflow-wrap:anywhere;
}
#detail-dialog[data-ui15-navigation] .dialog-close {
  flex:none;
  width:48px;
  height:48px;
  min-width:48px;
  min-height:48px;
  color:var(--ui14-text,#fff3d8);
}
#detail-dialog[data-ui15-navigation] .dialog-body {
  flex:0 1 auto;
  min-height:0;
  padding:12px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}
#detail-dialog[data-ui15-navigation] :is(.hub-list,.menu-grid) {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  margin:0;
}
#detail-dialog[data-ui15-navigation] .training-menu-entry {
  margin:12px 0;
}
#detail-dialog[data-ui15-navigation] .training-menu-entry p {
  margin:6px 4px 0;
  font-size:13px;
  line-height:1.4;
  color:var(--ui14-text-muted,#c7bdac);
}
#detail-dialog[data-ui15-navigation] button.ui15-action-row {
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 16px;
  align-items:center;
  gap:12px;
  width:100%;
  min-width:0;
  min-height:56px;
  margin:0;
  padding:10px 14px;
  font-size:max(14px,var(--oa-fs-body,16px));
  line-height:1.35;
  font-weight:700;
  text-align:start;
  color:var(--ui14-text,#fff3d8)!important;
  opacity:1;
}
#detail-dialog[data-ui15-navigation] .ui15-action-label {
  min-width:0;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:normal;
}
#detail-dialog[data-ui15-navigation] .ui15-action-icon {
  display:block;
  position:static;
  width:24px;
  height:24px;
  margin:0;
  flex:none;
  transform:none;
}
#detail-dialog[data-ui15-navigation] .ui15-action-chevron {
  display:block;
  width:16px;
  height:16px;
  color:var(--ui14-brass-light,#dbc49a);
}
#detail-dialog[data-ui15-navigation] .ui15-action-reason {
  display:block;
  margin-top:3px;
  font-size:13px;
  line-height:1.35;
  color:var(--ui14-text-muted,#c7bdac);
}
#detail-dialog[data-ui15-navigation] button.ui15-action-row:disabled {
  opacity:1!important;
  filter:none!important;
  color:var(--ui14-text-muted,#c7bdac)!important;
  border-image-source:var(--oa-neutral-art)!important;
  cursor:default;
}
#detail-dialog[data-ui15-navigation] button.ui15-action-row:disabled .ui15-action-chevron {
  opacity:.5;
}
#detail-dialog[data-ui15-navigation] .ui15-redundant-return {
  display:none!important;
}
#detail-dialog[data-ui15-navigation] .dialog-fixed-actions {
  flex:none;
  padding:8px 12px;
}
#detail-dialog[data-ui15-navigation] .dialog-fixed-actions .dialog-action-row {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
  margin:0;
}
#detail-dialog[data-ui15-navigation] .dialog-fixed-actions button {
  width:100%;
  min-height:48px;
  font-size:max(14px,var(--oa-fs-caption,14px));
  line-height:1.35;
  color:var(--ui14-text,#fff3d8)!important;
}
@media(max-height:420px) {
  #detail-dialog[data-ui15-navigation] .dialog-header { min-height:56px; padding:4px 10px; }
  #detail-dialog[data-ui15-navigation] .dialog-body { padding:8px 10px; }
  #detail-dialog[data-ui15-navigation] button.ui15-action-row { min-height:48px; padding:8px 10px; gap:8px; }
  #detail-dialog[data-ui15-navigation] .dialog-fixed-actions { padding:4px 10px; }
}
@media(prefers-reduced-motion:reduce) {
  #detail-dialog[data-ui15-navigation] button.ui15-action-row { transition:none; }
}