/* Native controls align with the first text line instead of inheriting text-field spacing. */
label.check,label:has(>input[type=checkbox]):not(.cover-option),label:has(>input[type=radio]):not(.cover-option){display:flex;align-items:flex-start;gap:10px;line-height:1.5!important}
label>input[type=checkbox],label>input[type=radio]{display:block;width:16px;height:16px;min-width:16px;max-width:16px;flex:0 0 16px;padding:0;margin:0;line-height:inherit;accent-color:var(--accent-text);align-self:flex-start;transform:none}
label.check>input[type=checkbox],label:has(>input[type=checkbox]):not(.cover-option)>input[type=checkbox],label:has(>input[type=radio]):not(.cover-option)>input[type=radio]{margin-block-start:max(0px,calc((1lh - 16px)/2))}
.application-roles label.check{align-items:center}.application-roles label.check>input[type=checkbox]{margin:0;align-self:center;transform:none}
.cover-option>input[type=radio]{position:absolute;top:10px;left:10px;margin:0;width:18px;height:18px;max-width:18px}