.beta-shell { max-width: 58rem; }
.beta-nav { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin:1.25rem 0 0; padding:0; list-style:none; }
.beta-status { margin:1.6rem 0 0; padding:1rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.beta-status dl { display:grid; grid-template-columns:minmax(9rem,14rem) 1fr; gap:.35rem 1rem; margin:0; }
.beta-status dt { font-weight:760; }
.beta-status dd { margin:0; overflow-wrap:anywhere; }
.beta-form { margin:1.5rem 0 3rem; padding:1.35rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.beta-form fieldset { border:0; padding:0; margin:0 0 1.5rem; }
.beta-form legend { font-weight:800; font-size:1.18rem; margin-bottom:1rem; }
.beta-field { display:grid; gap:.35rem; margin:0 0 1rem; }
.beta-field label, .beta-label { font-weight:720; }
.beta-field input, .beta-field select, .beta-field textarea {
  width:100%; min-height:2.8rem; padding:.65rem .72rem; color:var(--text); background:var(--surface);
  border:1px solid var(--line); border-radius:.12rem; font:inherit;
}
.beta-field textarea { min-height:7.5rem; resize:vertical; }
.beta-field input:focus-visible, .beta-field select:focus-visible, .beta-field textarea:focus-visible {
  outline:.2rem solid var(--focus); outline-offset:.15rem;
}
.beta-help { margin:.15rem 0 0; color:var(--muted); font-size:.9rem; text-align:left !important; }
.beta-actions { display:flex; flex-wrap:wrap; gap:.65rem; align-items:center; }
.beta-button {
  min-height:2.8rem; padding:.62rem .9rem; border:2px solid var(--strong); border-radius:.12rem;
  background:var(--strong); color:var(--on-strong); font:inherit; font-weight:760; cursor:pointer;
}
.beta-button.secondary { background:transparent; color:var(--text); }
.beta-button:disabled { opacity:.55; cursor:not-allowed; }
.beta-receipt { margin:.85rem 0 0; min-height:1.5rem; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; text-align:left !important; overflow-wrap:anywhere; }
.beta-task { padding:1.25rem 0 1.5rem; border-top:1px solid var(--line); }
.beta-task:last-child { border-bottom:1px solid var(--line); }
.beta-task h3 { margin:.15rem 0 .6rem; }
.beta-task .task-id { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color:var(--muted); }
.beta-timer-status { margin:.45rem 0 0; color:var(--muted); text-align:left !important; }
.beta-inline-check { display:flex; gap:.6rem; align-items:flex-start; margin:.75rem 0 1.25rem; }
.beta-inline-check input { margin-top:.38rem; }
.beta-warning { border-left:.2rem solid var(--strong); padding:.35rem 0 .35rem 1rem; margin:1.4rem 0; }
.beta-honeypot { position:absolute !important; left:-10000px !important; width:1px !important; height:1px !important; overflow:hidden !important; }
.beta-fixtures { margin:.7rem 0 0; padding-left:1.3rem; }
.beta-fixtures:empty::before { content:"No fixture files are published yet."; color:var(--muted); }
.beta-kpi { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 2rem; margin:1.4rem 0; border-top:1px solid var(--line); }
.beta-kpi > div { padding:1rem 0; border-bottom:1px solid var(--line); }
.beta-kpi strong { display:block; font-size:1.25rem; }
@media (max-width:42rem) {
  .beta-status dl { grid-template-columns:1fr; gap:.1rem; }
  .beta-status dd { margin:0 0 .65rem; }
  .beta-kpi { grid-template-columns:1fr; }
}