/* Narrow-screen finishing pass for Network actions and short landscape dashboards. */
@media (max-width: 760px) {
  .bn-view--me .bn-head-actions a[href*="powiadomienia"],
  .bn-view--me .bn-head-actions a[href*="notifications"] {
    flex: 1 0 100%;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
  }
}
@media (max-width: 460px) {
  .bn-view--upcoming, .bn-view--challenges { gap: 16px; }
  .bn-head--upcoming { min-height: 0; padding: 10px 12px; }
  .bn-head--upcoming .bn-intro, .bn-view--challenges .bn-intro { line-height: 1.36; }
  .bn-upcoming-days { margin-top: 4px; gap: 14px; }
  .bn-upcoming-date { margin-bottom: 7px; }
  .bn-view--challenges .bn-head-actions { margin-top: 12px; }
  .bn-view--challenges .bn-tabpanel { gap: 10px; }
  .bn-view--challenges .bn-fight-head { padding-top: 8px; }
  .bn-view--challenges .bn-fight-body { padding-top: 8px; padding-bottom: 8px; }
}
@media (min-width: 761px) and (max-width: 900px) {
  .bn-upcoming-line .bn-fight-body { gap: 4px; padding-inline: 8px; }
  .bn-upcoming-line .bn-fight-side { gap: 5px; }
  .bn-upcoming-line .bn-fight-name { font-size: 14px; letter-spacing: -.02em; }
}
@media (orientation: landscape) and (max-height: 500px) and (min-width: 480px) and (max-width: 760px) {
  .bn-view--upcoming { gap: 8px; }
  .bn-head--upcoming { min-height: 0; padding: 4px 10px; }
  .bn-head--upcoming .bn-back { min-height: 32px; margin: 0; }
  .bn-head--upcoming .bn-h1 { font-size: 24px; }
  .bn-upcoming-days { margin-top: 0; gap: 8px; }
  .bn-upcoming-date { margin-bottom: 3px; font-size: 17px; }
  .bn-upcoming-line .bn-fight-body { padding-top: 5px; padding-bottom: 5px; }
  .bn-view--staff { gap: 6px; }
  .bn-view--staff .bn-head--staff { grid-template-columns: minmax(0,1fr) auto; padding: 7px 10px; }
  .bn-view--staff .bn-head--staff > .bn-h1 { grid-column: 1; grid-row: 1; font-size: 25px; }
  .bn-view--staff .bn-head--staff > .bn-head-actions { grid-column: 2; grid-row: 1; justify-self: end; margin: 0; }
  .bn-view--staff .bn-head--staff .bn-head-actions .bn-btn { flex: 0 0 auto; min-height: 40px; padding: 0 10px; font-size: 13px; }
  .bn-view--staff .bn-section { gap: 5px; }
  .bn-view--staff .bn-section-head { gap: 3px; }
}
@media (orientation: landscape) and (max-height: 500px) and (min-width: 480px) {
  .bn-head.bn-head--team.has-poster { min-height: 0; padding: 8px 12px; justify-content: flex-start; align-content: center; gap: 4px 10px; }
  .bn-head.bn-head--team.has-poster .bn-back { flex-basis: 100%; min-height: 28px; margin: 0; }
  .bn-head.bn-head--team.has-poster .bn-h1 { font-size: clamp(22px, 6vh, 30px); margin: 0; }
  .bn-head.bn-head--team.has-poster .bn-intro { display: none; }
  .bn-head.bn-head--team.has-poster .bn-head-actions { flex-basis: 100%; margin: 0; }
  .bn-head.bn-head--team.has-poster .bn-head-actions .bn-btn { min-height: 36px; }
}