[data-web-safety-mount] { min-width:0; color:var(--text-primary,inherit); container-type:inline-size; }
[data-web-safety-mount] .web-safety-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
[data-web-safety-mount] .web-safety-heading .section-title { margin-top:0; }
[data-web-safety-mount] .web-safety-state { flex-shrink:0; padding:.45rem .7rem; border:1px solid #8e81c4; border-radius:999px; font-size:.8rem; font-weight:700; }
[data-web-safety-mount] .web-safety-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; margin:1rem 0; }
[data-web-safety-mount] .web-safety-metrics>div { display:grid; gap:.3rem; border:1px solid #8e81c470; border-radius:12px; padding:1rem; }
[data-web-safety-mount] .web-safety-metrics span { font-size:.8rem; }
[data-web-safety-mount] .web-safety-metrics strong { font-size:1.4rem; overflow-wrap:anywhere; }
[data-web-safety-mount] .web-safety-connections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); list-style:none; padding:0; gap:.65rem; margin:1rem 0; font-size:.85rem; }
[data-web-safety-mount] fieldset { min-width:0; padding:0; border:0; margin:1rem 0; }
[data-web-safety-mount] .web-safety-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
[data-web-safety-mount] .web-safety-fields label { display:grid; gap:.5rem; font-weight:600; }
[data-web-safety-mount] input[type=number] { box-sizing:border-box; min-width:0; width:100%; min-height:44px; padding:.7rem .9rem; border:1px solid var(--admin-line,#dce2ea); border-radius:12px; background:var(--admin-panel,#fff); color:var(--admin-text,#2b3645); font:inherit; }
[data-web-safety-mount] input[type=number]:focus-visible { outline:2px solid var(--purple,#8a5cf6); outline-offset:2px; }
[data-web-safety-mount] details { margin:1rem 0; }
[data-web-safety-mount] summary { cursor:pointer; font-weight:600; }
[data-web-safety-mount] .web-safety-pause { display:flex; align-items:center; gap:.65rem; padding:1rem 0; }
[data-web-safety-mount] .web-safety-explanation { font-size:.9rem; line-height:1.6; }
[data-web-safety-mount] .web-safety-totals { display:flex; flex-wrap:wrap; gap:.75rem; font-weight:600; font-size:.85rem; padding:1rem 0; }
[data-web-safety-mount] .web-safety-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
[data-web-safety-mount] :disabled { opacity:.55; cursor:not-allowed; }
@media(max-width:680px) {
  [data-web-safety-mount] .web-safety-heading,[data-web-safety-mount] .web-safety-footer { flex-direction:column; }
  [data-web-safety-mount] .web-safety-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-web-safety-mount] .web-safety-fields,[data-web-safety-mount] .web-safety-connections { grid-template-columns:1fr; }
}
@container (max-width:600px) {
  [data-web-safety-mount] .web-safety-heading,[data-web-safety-mount] .web-safety-footer { flex-direction:column; }
  [data-web-safety-mount] .web-safety-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  [data-web-safety-mount] .web-safety-fields,[data-web-safety-mount] .web-safety-connections { grid-template-columns:1fr; }
}