#bbg .bbg-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:720px){#bbg .bbg-grid{grid-template-columns:1fr 1fr}}
#bbg label{display:block;font-weight:600;margin:.5rem 0 .25rem}
#bbg textarea,#bbg select,#bbg input[type=text],#bbg input[type=number]{width:100%;box-sizing:border-box}
#bbg textarea{font-family:ui-monospace,Menlo,Consolas,monospace}
#bbg .bbg-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem}
#bbg label.bbg-check{display:flex;gap:.5rem;align-items:center;font-weight:400}
#bbg .bbg-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}
#bbg .bbg-seq{margin-top:.75rem}
#bbg .bbg-seq summary{cursor:pointer;font-weight:600}
#bbg .bbg-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent)}
#bbg-status{margin:.75rem 0;min-height:1.4em}
#bbg-out{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem}
#bbg-out .bbg-item{background:#fff;border:1px solid #ddd;border-radius:6px;padding:.5rem;text-align:center;overflow:hidden;break-inside:avoid}
#bbg-out svg{max-width:100%;height:auto}
#bbg-out .bbg-bad{color:#b00020;font-size:.85rem;word-break:break-all}
@media print{
  html.bbg-printing body>*:not(#bbg-sheet){display:none!important}
  #bbg-sheet .bbg-bad{display:none}
}
#bbg-sheet{display:none}
@media print{
  html.bbg-printing #bbg-sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem}
  #bbg-sheet .bbg-item{border:1px solid #ddd;border-radius:6px;padding:.5rem;text-align:center;break-inside:avoid}
  #bbg-sheet svg{max-width:100%;height:auto}
}
