/* Confirm · the kit rules for this component, quoted from phase-2/kit (kit v3) by phase-4/src/build_pack.py.
   Tokens come from ../../styles.css. Build it as: AlertDialog. */
/* families/overlays/family.css */
.ov-dg-h{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-5) var(--s-6) var(--s-2)}
/* families/overlays/family.css */
.ov-dg-h .ov-who{flex:1;min-width:0}
/* families/overlays/family.css */
.ov-dg-h .icon-btn{margin:-6px -8px 0 0}
/* families/overlays/family.css */
.ov-dg-b{padding:0 var(--s-6) var(--s-5);display:flex;flex-direction:column;gap:var(--s-4)}
/* families/overlays/family.css */
.ov-dg-b p{color:hsl(var(--muted-foreground));line-height:1.5}
/* families/overlays/family.css */
.ov-dg-b p b{color:hsl(var(--foreground));font-weight:var(--w-medium)}
/* families/overlays/family.css */
.ov-dg-f{display:flex;gap:var(--s-2);align-items:center;justify-content:flex-end;padding:var(--s-3) var(--s-6);border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.5)}
/* families/overlays/family.css */
.ov-dg-f .l{margin-right:auto}
/* families/overlays/family.css */
.ov-ack{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3);border-radius:var(--r-card);border:1px solid hsl(var(--input));cursor:pointer;transition:border-color var(--motion-hover),background-color var(--motion-hover)}
/* families/overlays/family.css */
.ov-ack:has(:checked){border-color:hsl(var(--primary));background:hsl(var(--accent)/.5)}
/* families/overlays/family.css */
.ov-ack span{line-height:1.4}
/* families/overlays/family.css */
.ov-ack small{display:block;color:hsl(var(--muted-foreground));font-size:var(--text-small)}
/* families/overlays/family.css */
.ov-type .input{font-family:var(--font-code);font-size:var(--text-code)}
/* families/overlays/family.css */
.ov-type .lbl code{background:hsl(var(--muted));padding:2px 5px;border-radius:var(--r-chip);font-weight:var(--w-medium)}