/* UI parity with Single_view_admin.html (26 Oct).
   The design ends with "Restore comfortable outer margins while retaining the fitted table":
   body{padding:40px clamp(24px,5.5vw,112px)} and, under 700px, body{padding:24px 16px}.
   An earlier rule in the same design, body{padding-left:0!important;padding-right:0!important},
   silently beats it, so the board rendered flush to the window edge. Re-assert the design's intent. */
body[data-view]{padding:40px clamp(24px,5.5vw,112px)!important}
@media(max-width:700px){body[data-view]{padding:24px 16px!important}}

/* When the window is narrower than the table's 700px minimum, the table scrolls inside its own
   card (margins kept, no page-level sideways scroll). Wider windows keep overflow:visible so the
   Next steps hover card can spill past the board, as in the design. */
@media(max-width:800px){
  .panel{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
}

/* Narrow header: the extra identity controls drop below the title instead of squeezing it onto two lines. */
@media(max-width:700px){
  header{flex-wrap:wrap;row-gap:12px}
  header>div:first-child{flex:1 1 auto}
}