.assurance-panel { min-width: 0; }
.assurance-panel > div { padding-block: 12px; }
.assurance-row { border-bottom: 1px solid var(--border-color, #64706e); padding-block: 12px; overflow-wrap: anywhere; }
.assurance-row h4 { font-size: 1rem; line-height: 1.4; margin: 0 0 6px; }
.assurance-row p { margin-block: 6px; }
.assurance-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.assurance-row .btn, .assurance-row > a { margin: 4px 8px 4px 0; }
.assurance-dialog { width: min(640px, calc(100% - 24px)); max-height: calc(100dvh - 32px); overflow: auto; border-radius: 8px; }
.assurance-dialog form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.assurance-dialog label { min-width: 0; }
.assurance-dialog input:not([type=checkbox]), .assurance-dialog textarea, .assurance-dialog select { box-sizing: border-box; width: 100%; max-width: 100%; }
.assurance-dialog textarea, .assurance-dialog select { font: inherit; line-height: 1.4; padding: 8px; border: 1px solid #718273; border-radius: 4px; background: #111; color: #fff; }
.assurance-dialog input[type=checkbox] { width: 24px; height: 24px; }
.assurance-panel :focus-visible, .assurance-dialog :focus-visible { outline: 3px solid #f2d64e; outline-offset: 3px; }
.assurance-health-facts { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 6px 12px; margin-block: 12px; }
.assurance-health-facts dt { font-weight: 600; }
.assurance-health-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.assurance-row[data-health-state=action_required] h4 { border-inline-start: 4px solid #e6a743; padding-inline-start: 8px; }
@media (max-width: 480px) { .assurance-health-facts { grid-template-columns: minmax(0, 1fr); } .assurance-health-facts dd { margin-bottom: 8px; } }