/* Public demo shell injected above the accepted proof UI. Self-contained. */
.vsn-shell{position:relative;z-index:5;background:#060b14;border-bottom:1px solid rgba(94,234,255,.18);color:#dce6f2;font:14px/1.45 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;padding:12px clamp(16px,4vw,40px) 12px}
.vsn-shell-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:1280px;margin:0 auto}
.vsn-shell-brand{color:#fff;font-weight:700;letter-spacing:.04em;text-decoration:none;margin-right:4px}
.vsn-shell-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(94,234,255,.35);color:#5eeaff;border-radius:999px;padding:3px 10px}
.vsn-shell-syn{border-color:rgba(250,204,21,.45);color:#facc15}
.vsn-shell-back{margin-left:auto;color:#dce6f2;text-decoration:none;font-weight:600;border:1px solid rgba(220,230,242,.25);border-radius:999px;padding:5px 12px}
.vsn-shell-back:hover,.vsn-shell-back:focus-visible{border-color:#5eeaff;color:#fff}
.vsn-shell-line,.vsn-shell-note{max-width:1280px;margin:8px auto 0}
.vsn-shell-line{color:#b8c4d3}
.vsn-shell-line b{color:#fff}
.vsn-shell-note{font-size:13px;color:#facc15}
@media (max-width:640px){.vsn-shell-back{margin-left:0}.vsn-shell{font-size:13px}}
/* Long audit payloads stay inside their panels on small screens */
.event em,.logrow span,.log,.events{overflow-wrap:anywhere;word-break:break-word}
/* Public mobile composition refinements (proof CSS itself untouched) */
@media (max-width:640px){
  .shell{padding:24px 16px 60px}
  h1{font-size:40px}
  .control{flex-wrap:wrap}
  .control>*{min-width:0;max-width:100%;flex:1 1 100%}
  select,input,textarea{max-width:100%}
  .field{min-width:0;width:100%;max-width:100%;overflow:hidden}
  .field select,.field label{width:100%;min-width:0;display:block}
  .steps>*,.facts>*,.step,.metric{min-width:0}
  .task{flex-direction:column;gap:8px}
  .task b,.steps b,.steps small,.step b,.step small,.facts b,.chip,.risk,.grade,.status{overflow-wrap:anywhere;word-break:break-word}
  .logrow{grid-template-columns:34px 1fr;gap:6px 10px}
  .logrow span:last-child{grid-column:1/-1}
  .sla{flex-wrap:wrap;gap:12px}
  .heroResult{flex-wrap:wrap}
}