/* Organization surfaces share the dashboard's spacing, quiet cards and blue accents. */
.organization-workspace { min-width:0; }
.organization-heading { align-items:center; gap:20px; }
.organization-heading>.organization-actions { margin:0; flex:none; }
.organization-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.organization-actions .button,.organization-heading>.button { min-height:44px; white-space:normal; }
.organization-tools { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:0 0 26px; }
.organization-tools .button { background:var(--panel); box-shadow:none; }
.organization-tools .icon-history { mask-image:url('/icons/history.svg'); }
.organization-count { display:inline-flex; align-items:center; justify-content:center; min-width:23px; min-height:23px; padding:1px 7px; background:var(--input); border-radius:9px; color:var(--muted); font-size:11px; font-weight:500; }
.organization-section-title { margin:0 0 16px; font-size:17px; letter-spacing:0; }
.organization-card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; min-width:0; }
.organization-card-heading .icon-button { position:static; flex:none; }
.organization-card-heading h2 { margin:0; font-size:18px; line-height:1.4; overflow-wrap:anywhere; }
.organization-projects { align-items:stretch; }
.organization-project-card { gap:12px; padding:22px; }
.organization-project-card .eyebrow { color:var(--accent); }
.organization-project-card .card-foot { border:0; padding-top:8px; }
.organization-project-chat { position:relative; z-index:2; margin:4px 0 0; }
.organization-project-chat .button { width:100%; box-shadow:none; min-height:42px; }
.organization-project-chat .icon { mask-image:url('/icons/chat.svg'); }
.organization-team-grid { grid-template-columns:repeat(auto-fit,minmax(min(380px,100%),1fr)); align-items:start; gap:18px; }
.organization-team-card { display:grid; align-content:start; gap:20px; padding:24px; }
.organization-team-identity { display:flex; gap:12px; align-items:center; min-width:0; }
.organization-team-identity>div { min-width:0; }
.organization-team-identity .count-label { display:block; margin-top:4px; }
.organization-team-identity .team-avatar,.organization-team-initial { width:44px; height:44px; min-width:44px; border-radius:14px; }
.organization-team-initial { display:grid; place-items:center; color:var(--accent); font-size:20px; font-weight:600; background:var(--input); background:color-mix(in srgb,var(--accent) 14%,var(--solid)); }
.organization-team-card>.organization-description { margin:0; line-height:1.65; color:var(--muted); font-size:13px; }
.organization-team-actions { gap:10px; }
.organization-team-actions .button { flex:1 1 auto; box-shadow:none; min-height:44px; margin:0; }
.organization-team-actions .icon { mask-image:url('/icons/chat.svg'); }
.organization-team-people { display:grid; gap:10px; }
.organization-workspace .member-row { display:flex; align-items:center; min-width:0; gap:12px; margin:0; padding:0; border:0; }
.organization-workspace .member-row>div { min-width:0; }
.organization-workspace .member-row strong { display:block; overflow-wrap:anywhere; font-size:13px; }
.organization-workspace .member-row p { margin:3px 0 0; color:var(--muted); font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.organization-workspace .member-row .avatar { flex:none; }
.organization-team-people>.member-row { padding:12px; border-radius:15px; background:var(--input); }
.organization-member-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr)); gap:16px; }
.organization-member-card { padding:22px; border-radius:22px; display:grid; gap:18px; align-content:start; min-width:0; }
.organization-member-card .organization-card-heading { align-items:center; }
.organization-member-meta { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.organization-member-meta>small { color:var(--muted); font-size:11px; line-height:1.45; }
.organization-role-chip { display:inline-flex; align-items:center; align-self:start; padding:4px 10px; border-radius:9px; background:var(--input); color:var(--text); font-size:11px; line-height:1.5; }
.organization-dialog { width:min(720px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; }
.organization-dialog .settings-dialog-header { border:0; padding:22px 24px; gap:16px; }
.organization-dialog .settings-dialog-header>div { min-width:0; }
.organization-dialog .settings-dialog-header .eyebrow { margin:0 0 5px; color:var(--accent); font-size:10px; }
.organization-dialog .settings-dialog-header h2 { font-size:21px; line-height:1.4; overflow-wrap:anywhere; }
.organization-dialog .settings-dialog-header .icon-button { flex:none; }
.organization-dialog .settings-dialog-body { padding:0 24px 24px; }
.organization-settings-body { display:grid; gap:18px; }
.organization-settings-body>.field-hint { margin:0; }
.organization-setting-block { margin:0; padding:20px; min-width:0; border:0; border-radius:18px; background:var(--input); }
.organization-dialog .organization-setting-block h3 { margin:0 0 16px; font-size:16px; line-height:1.45; }
.organization-setting-block>.field-hint { margin:0 0 16px; }
.organization-dialog .organization-form { display:grid; gap:9px; width:100%; max-width:none; margin:0; min-width:0; }
.organization-dialog .organization-form>label,.organization-dialog .team-image-form>label { margin:5px 0 0; font-size:12px; }
.organization-dialog .organization-form>label:first-of-type { margin-top:0; }
.organization-dialog .organization-form :is(input:not([type=checkbox]),select,textarea) { width:100%; max-width:100%; min-width:0; box-sizing:border-box; margin:0; }
.organization-dialog .organization-form textarea { min-height:108px; resize:vertical; }
.organization-dialog .organization-form>.button { justify-self:start; margin-top:10px; }
.organization-dialog .organization-form>.checkbox { display:flex; gap:10px; align-items:flex-start; margin-top:4px; font-size:12px; line-height:1.6; }
.organization-dialog .checkbox input { width:17px; height:17px; flex:none; margin:2px 0 0; }
.organization-dialog .organization-form>.field-hint { margin:2px 0 4px; }
.organization-dialog .organization-setting-block .organization-form :is(input:not([type=checkbox]),select,textarea) { background:var(--solid); }
.organization-form-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:16px; }
.organization-form-actions .button { margin:0; }
.organization-role-row { display:grid; grid-template-columns:minmax(130px,1fr) minmax(140px,1fr) auto; align-items:center; gap:12px; margin:0; min-width:0; padding:12px; border-radius:14px; background:var(--solid); }
.organization-role-row select { min-width:0; width:100%; margin:0; }
.organization-role-row>.button { margin:0; min-height:44px; padding-inline:14px; }
.organization-team-access { display:grid; gap:10px; }
.organization-dialog .team-image-form { display:grid; gap:9px; margin:0; }
.organization-dialog .team-image-form .field-hint { margin:2px 0; }
.organization-dialog .team-image-form>.button { margin:10px 0 0; justify-self:start; }
.organization-dialog .team-image-form input[type=file] { max-width:100%; width:100%; min-width:0; margin:0; background:var(--solid); }
.organization-danger-block { background:color-mix(in srgb,var(--danger) 7%,var(--input)); }
.organization-invitation-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; }
.organization-invitation-heading strong { min-width:0; font-size:13px; overflow-wrap:anywhere; }
.organization-invitation>p { margin:10px 0 0; font-size:12px; line-height:1.55; color:var(--muted); overflow-wrap:anywhere; }
.organization-invitation .invitation-actions { margin:16px 0 0; gap:10px; }
.organization-role-guide { display:grid; gap:12px; margin:0; }
.organization-role-guide dt { font-weight:600; font-size:13px; }
.organization-role-guide dd { margin:7px 0 0; font-size:12px; line-height:1.65; color:var(--muted); }
.organization-access-history { display:grid; gap:12px; list-style:none; padding:0; margin:0; }
.organization-access-history li>strong { display:inline; margin-right:8px; overflow-wrap:anywhere; }
.organization-access-history li>p { font-size:13px; line-height:1.6; margin:10px 0 0; overflow-wrap:anywhere; }
.organization-access-history li>.field-hint { font-size:11px; color:var(--muted); }
.organization-errors { color:var(--danger); border-radius:14px; padding:14px 16px; background:var(--input); font-size:13px; margin:0 0 18px; }
.organization-settings-body>.organization-errors { margin:0; }
.organization-errors ul { margin:0; padding-left:18px; }
@media(max-width:800px) {
    .organization-team-grid { grid-template-columns:1fr; }
    .organization-heading { align-items:flex-start; }
    .organization-heading>.organization-actions { flex-wrap:wrap; }
    .organization-role-row { grid-template-columns:minmax(0,1fr) auto; }
    .organization-role-row>.member-row { grid-column:1/-1; }
}
@media(max-width:640px) {
    .organization-heading { gap:16px; }
    .organization-heading>.button { margin-left:auto; }
    .organization-heading>.organization-actions { width:100%; justify-content:space-between; }
    .organization-tools { gap:8px; margin-bottom:24px; }
    .organization-tools .button { font-size:12px; min-height:44px; padding:10px 14px; }
    .organization-tools .icon { width:17px; height:17px; }
    .organization-team-card,.organization-member-card { padding:18px; gap:16px; }
    .organization-team-card .organization-card-heading { gap:10px; }
    .organization-card-heading h2 { font-size:17px; }
    .organization-team-identity { gap:10px; }
    .organization-team-identity .team-avatar,.organization-team-initial { width:40px; height:40px; min-width:40px; border-radius:12px; }
    .organization-team-actions { align-items:stretch; }
    .organization-team-actions .button { flex-basis:calc(50% - 5px); font-size:12px; padding:10px; }
    .organization-member-grid { grid-template-columns:1fr; }
    .organization-member-card .member-row { gap:10px; }
    .organization-member-card .member-row p { font-size:11px; }
    .organization-dialog { width:calc(100% - 16px); max-height:calc(100dvh - 16px); }
    .organization-dialog .settings-dialog-header { padding:18px 16px; }
    .organization-dialog .settings-dialog-header h2 { font-size:18px; }
    .organization-dialog .settings-dialog-body { padding:0 16px 20px; }
    .organization-setting-block { padding:16px; border-radius:16px; }
    .organization-role-row { padding:10px; gap:10px; }
    .organization-dialog .organization-form :is(input:not([type=checkbox]),select,textarea),.organization-role-row select { font-size:16px; }
    .organization-form-actions { margin-top:12px; }
    .organization-dialog .work-pagination { flex-wrap:wrap; gap:8px; }
}