/* Container details follow the workspace's compact, square semantic surfaces. */
body .containerEntryModal, body.theme-dark .containerEntryModal {
  --ui-radius-lg:3px; --ui-radius-md:2px; --ui-radius-sm:2px;
  border-radius:3px; background:var(--panel); border:1px solid var(--line); box-shadow:var(--shadow);
}
body .containerEntrySection, body.theme-dark .containerEntrySection,
body .containerHazardOption, body.theme-dark .containerHazardOption,
body .containerHazardThumb, body.theme-dark .containerHazardThumb,
body .containerEntryIntro, body.theme-dark .containerEntryIntro {
  border-radius:2px; background:var(--surface); border-color:var(--line); box-shadow:none;
}
body .containerEntryModal input, body.theme-dark .containerEntryModal input {
  border-radius:2px; background:var(--surface); border-color:var(--line); box-shadow:none;
}
body .containerHazardOption:hover, body.theme-dark .containerHazardOption:hover,
body .containerHazardOption:focus-visible, body.theme-dark .containerHazardOption:focus-visible {
  background:var(--surface2); box-shadow:none; border-color:var(--pri);
}
body .containerHazardOption.selected, body.theme-dark .containerHazardOption.selected {
  background:color-mix(in srgb,var(--pri) 9%,var(--surface)); box-shadow:inset 0 0 0 1px var(--pri); border-color:var(--pri);
}
#containerSealDetailBackdrop { z-index:2400; padding:16px; }
.containerSealDetailModal { --ui-radius-lg:3px; --ui-radius-md:2px; --ui-radius-sm:2px; width:min(560px,calc(100vw - 32px)); min-width:0; padding:14px; border-radius:3px; }
.containerSealDetailHeader { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding-bottom:10px; }
.containerSealDetailHeader h3 { margin:0; font-size:15px; }
.containerSealDetailHeader .btn { padding:5px 10px; min-height:30px; border-radius:2px; }
.containerSealDetailCanvas { display:block; width:100%; height:min(340px,45dvh); touch-action:none; background:var(--surface); margin-block:12px; border:1px solid var(--line); }
.containerSealDetailStatus { font-size:11px; color:var(--muted); }
.containerSealDetailNumber { font-size:13px; font-weight:700; color:var(--txt); overflow-wrap:anywhere; }
.containerSealDetailHint { margin:7px 0 0; font-size:11px; line-height:1.5; color:var(--muted); }