/* Scoped settings composition reuses the desktop renderer's semantic tokens. */
.organization-settings{min-width:0;width:100%}
.organization-settings-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}
.organization-settings-crumbs{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;min-width:0}
.organization-settings-crumbs h2{margin:0;font-size:20px;overflow-wrap:anywhere}
.organization-settings-help{margin:0;min-width:0;max-width:65ch}
.organization-settings-help p{margin-bottom:0}
.organization-settings-section{min-width:0}
.organization-settings-section>label,.organization-settings-form>label{display:block;margin:16px 0 8px}
.organization-settings-form{max-width:720px}
.organization-settings-form>.check-row{display:flex;align-items:center;gap:10px}
.organization-settings-form>.check-row input{width:16px;height:16px;min-height:16px;accent-color:var(--primary)}
.organization-settings-members,.organization-settings-roles{min-width:0;margin:16px 0}
.organization-settings-member{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);min-width:0}
.organization-settings-member>div{min-width:0}
.organization-settings-member p{margin:4px 0;overflow-wrap:anywhere}
.organization-settings-member time{display:block;margin:4px 0;overflow-wrap:anywhere}
.organization-settings-seats{margin:16px 0}
.organization-settings-member strong{overflow-wrap:anywhere}
.organization-settings-member .pill{white-space:normal;overflow-wrap:anywhere;flex-shrink:1;max-width:100%}
.organization-settings .actions button{white-space:normal;text-align:center}
.organization-settings-dialog .facts{grid-template-columns:minmax(100px,.7fr) minmax(0,1fr)}
@media(max-width:600px){
 .organization-settings-section{padding:16px}
 .organization-settings-member{align-items:stretch;flex-direction:column;gap:6px}
 .organization-settings .facts,.organization-settings-dialog .facts{grid-template-columns:minmax(0,1fr);gap:6px}
 .organization-settings .facts dd,.organization-settings-dialog .facts dd{margin-bottom:10px}
 .organization-settings .actions{align-items:stretch}
 .organization-settings .actions button{max-width:100%}
}