/* Loriginary v4.0 UX25 - navigation/readability and production QA corrections */

/* Top-level navigation: equal typography, content-driven widths. Never let one button consume the row. */
.v4ux25-ui .ux24-primary-nav{
  display:flex!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  gap:3px!important;
  min-height:42px!important;
  padding:0 5px!important;
  overflow:visible!important;
  white-space:normal!important;
}
.v4ux25-ui .ux24-primary-nav>.nav-btn,
.v4ux25-ui .ux24-primary-nav>.ux24-nav-menu,
.v4ux25-ui .ux24-primary-nav>.ux24-nav-menu>summary.nav-btn{
  flex:0 0 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:145px!important;
}
.v4ux25-ui .ux24-primary-nav>.nav-btn,
.v4ux25-ui .ux24-nav-menu>summary.nav-btn{
  box-sizing:border-box!important;
  min-height:42px!important;
  height:auto!important;
  padding:7px 10px!important;
  font-family:inherit!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  line-height:1.08!important;
  text-transform:uppercase!important;
  text-align:center!important;
  justify-content:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
.v4ux25-ui .ux24-primary-nav>.ux24-nav-home{max-width:96px!important;padding-inline:12px!important}
.v4ux25-ui .ux24-nav-menu[data-nav-group="character"]>summary{max-width:126px!important}
.v4ux25-ui .ux24-nav-menu[data-nav-group="story"]>summary{max-width:126px!important}
.v4ux25-ui .ux24-nav-menu[data-nav-group="rpg"]>summary{max-width:130px!important}
.v4ux25-ui .ux24-nav-menu[data-nav-group="library"]>summary{max-width:118px!important}
.v4ux25-ui .ux24-nav-menu[data-nav-group="uhu"]>summary{max-width:62px!important}
.v4ux25-ui .ux24-nav-menu[data-nav-group="help"]>summary{max-width:66px!important}
.v4ux25-ui .ux25-nav-label{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;line-height:1.03!important;white-space:nowrap!important}
.v4ux25-ui .ux25-nav-label>span{display:block!important;white-space:nowrap!important}
.v4ux25-ui .ux25-nav-caret{font-size:.78em!important;margin-left:4px!important;flex:0 0 auto!important;align-self:center!important}
.v4ux25-ui .ux24-nav-menu.contains-active>summary.nav-btn,
.v4ux25-ui .ux24-primary-nav>.ux24-nav-home.active{background:linear-gradient(180deg,#0e6799,#074a72)!important;color:#fff!important;box-shadow:inset 0 -2px 0 #5dd1ff}

/* Dropdown typography remains readable and wraps naturally. */
.v4ux25-ui .ux24-nav-dropdown button,
.v4ux25-ui .ux24-nav-dropdown a{font-size:10px!important;line-height:1.2!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}

@media(max-width:900px){
  .v4ux25-ui .ux24-primary-nav{overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:thin!important}
  .v4ux25-ui .ux24-primary-nav>.nav-btn,
  .v4ux25-ui .ux24-nav-menu>summary.nav-btn{font-size:10.5px!important;padding-inline:8px!important}
}

/* Copy Prompt action gives unmistakable visual feedback instead of silently doing nothing. */
.v4ux25-ui #copyPromptBtn.copy-success{outline:2px solid rgba(102,238,165,.85)!important;outline-offset:1px!important}
.v4ux25-ui #copyPromptBtn.copy-failed{outline:2px solid rgba(255,112,112,.9)!important;outline-offset:1px!important}

/* QA result detail can carry exact invariant evidence without destroying the row. */
.v4ux25-ui .ux24-qa-line small{white-space:normal;overflow-wrap:anywhere;line-height:1.25}