/* Shared form controls. Keep user-menu switches on their dedicated component. */
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;column-gap:11px;row-gap:4px;min-height:46px;padding:12px 14px;margin:12px 0;border:1px solid #dce7df;border-radius:9px;background:#f7faf8;line-height:1.6}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check>.form-check-label{display:block;min-width:0;margin:0;font-weight:500;line-height:1.6;color:#365749;cursor:pointer}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check>.form-text{grid-column:2;margin:0;color:#6c8175}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check-input{width:20px;height:20px;flex:0 0 20px;float:none;margin:2px 0 0;border:1.5px solid #8fa99a;border-radius:5px;background-color:#fff;accent-color:#245b48;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check>.form-check-input{float:none;margin:2px 0 0}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check-input:checked{background-color:#245b48;border-color:#245b48}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check-input:indeterminate{background-color:#245b48;border-color:#245b48}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check-input:focus-visible{outline:3px solid #98bba7;outline-offset:3px;box-shadow:none}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check-input:disabled{cursor:not-allowed;opacity:.5;background-color:#e9efeb}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check:has(>.form-check-input:disabled){opacity:.75}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check.mistone-check-compact{min-height:44px;padding:10px 12px;margin:0;min-width:175px}
:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check label:not(.form-check-label){margin:0}
@media(max-width:700px){:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check{padding:12px;column-gap:10px}:where(.content,.purchasing-page,.user-editor,.mistone-form-surface) .form-check.mistone-check-compact{min-width:160px}}