/* Keep the user form independent of generic integration-form grid rules. */
#access-settings-section{--access-line:#d5dfe8;--access-surface:#fff;--access-muted:#526477}
#access-settings-section .access-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}
#access-settings-section .section-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
#access-settings-section .section-title p{flex:1 1 260px;margin:0}
#access-settings-section #access-user-form{display:block;min-width:0;margin:0;padding:24px;border-radius:14px}
#access-settings-section #access-user-form[hidden]{display:none}
#access-settings-section .access-form-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
#access-settings-section .access-form-head h3{margin:5px 0 0;font-size:22px;line-height:1.3;overflow-wrap:anywhere}
#access-settings-section #access-user-form .company-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#access-settings-section #access-user-form label{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:15px;line-height:1.45;min-width:0}
#access-settings-section #access-user-form .wide,#access-settings-section #access-user-form label:has([name="email"]),#access-settings-section #access-user-form label:has([name="display_name"]){grid-column:1/-1}
#access-settings-section #access-user-form input:not([type="checkbox"]),#access-settings-section #access-user-form select{width:100%;min-width:0;min-height:46px;padding:11px 12px;font-size:16px}
#access-settings-section #access-user-form label[hidden]{display:none}
#access-settings-section fieldset{min-width:0;padding:18px 0 0;margin:24px 0 0;border:0;border-top:1px solid var(--access-line)}
#access-settings-section legend{padding:0 8px 0 0;font-size:17px;font-weight:700;line-height:1.4}
#access-settings-section .access-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
#access-settings-section #access-user-form .access-permission-grid label{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;min-height:48px;padding:10px 12px;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
#access-settings-section .access-permission-grid input[type="checkbox"]{flex:0 0 20px;width:20px;height:20px;margin:0}
#access-settings-section #access-user-form .company-save-bar{position:static;bottom:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:24px 0 0;padding:20px 0 0;border-top:1px solid var(--access-line);background:transparent;backdrop-filter:none}
#access-settings-section #access-form-result{flex:1 1 260px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
#access-settings-section button{min-height:44px;padding:10px 14px;font-size:14px;line-height:1.35;white-space:normal}
#access-settings-section .access-user-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:16px;border:1px solid var(--access-line);border-radius:12px;background:var(--access-surface)}
#access-settings-section .access-user-identity{min-width:0;flex:1 1 240px;display:grid;gap:5px;font-size:16px;overflow-wrap:anywhere}
#access-settings-section .access-user-identity small{font-size:14px;color:var(--access-muted);line-height:1.5}
#access-settings-section .access-user-actions{display:flex;flex-wrap:wrap;gap:8px}
#access-settings-section .access-role{justify-self:start}
#access-settings-section .access-help{margin:0 24px 18px;font-size:14px;line-height:1.6;color:var(--access-muted)}
#access-settings-section button:focus-visible,#access-settings-section input:focus-visible,#access-settings-section select:focus-visible{outline:3px solid #3665c5;outline-offset:3px}
html[data-theme="dark"] #access-settings-section{--access-line:#42586b;--access-surface:#182632;--access-muted:#c0d0dd;background:#182632;color:#edf3fa;border-radius:14px}
html[data-theme="dark"] #access-settings-section .access-user-form{background:#1c2d3c;border-color:#42586b}
html[data-theme="dark"] #access-settings-section h2,html[data-theme="dark"] #access-settings-section h3,html[data-theme="dark"] #access-settings-section legend,html[data-theme="dark"] #access-settings-section label{color:#edf3fa}
html[data-theme="dark"] #access-settings-section p,html[data-theme="dark"] #access-settings-section small{color:#c0d0dd}
html[data-theme="dark"] #access-settings-section .access-permission-grid label,html[data-theme="dark"] #access-settings-section input:not([type="checkbox"]),html[data-theme="dark"] #access-settings-section select{background:#121d27;color:#edf3fa;border-color:#42586b;color-scheme:dark}
html[data-theme="dark"] #access-settings-section .access-user-actions button,html[data-theme="dark"] #access-settings-section #access-form-close,html[data-theme="dark"] #access-settings-section #access-new-user{background:#35536b;color:#edf3fa;border-color:#536c82}
html[data-theme="dark"] #access-settings-section .good{color:#78d5a1}
html[data-theme="dark"] #access-settings-section .bad{color:#ffaaaa}
html[data-theme="dark"] #access-settings-section :focus-visible{outline-color:#ffc84a}
@media(max-width:760px){
 #access-settings-section .access-layout{padding:16px;gap:16px}
 #access-settings-section #access-user-form{padding:16px}
 #access-settings-section #access-user-form .company-form-grid,#access-settings-section .access-permission-grid{grid-template-columns:minmax(0,1fr)}
 #access-settings-section .access-user-actions{width:100%;display:grid;grid-template-columns:minmax(0,1fr)}
 #access-settings-section #access-user-form .company-save-bar button{width:100%}
 #access-settings-section .access-help{margin:0 16px 16px}
}

#access-settings-section .access-users-result{margin:0 0 16px;padding:14px 16px;border:1px solid currentColor;border-radius:10px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
#access-settings-section .access-users-result[hidden]{display:none}
#access-settings-section .access-user-actions .danger{color:#a62024;border-color:#efb6b7;background:#fff5f4}
html[data-theme="dark"] #access-settings-section .access-user-actions .danger{color:#ffb9ba;border-color:#9a5058;background:#43282e}