/* V12.5.31 — Client access UX refinement */
.client-intro-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 18px 0;color:#657086;font-size:12.5px}.client-intro-strip span{font-weight:700;color:#172033}.client-intro-strip b{display:inline-flex;align-items:center;gap:6px;background:#f5f7fb;border:1px solid #e3e8f1;border-radius:999px;padding:6px 10px;font-size:12px;color:#475467}
.client-team-stack{display:grid;gap:14px;padding:16px 18px 2px}
.client-team-editor{border:1px solid #e4e7ec;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(16,24,40,.04)}
.client-team-editor.collapsed .client-team-body{display:none}.client-team-editor.collapsed .client-collapse-icon{transform:rotate(-90deg)}
.client-team-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;background:#fbfcfe;border-bottom:1px solid #eef1f5}
.client-team-collapse{display:flex;justify-content:space-between;align-items:center;gap:14px;border:0;background:none;padding:0;margin:0;text-align:left;width:100%;cursor:pointer}
.client-team-summary{display:flex;flex-direction:column;gap:3px;min-width:0}.client-team-summary b{font-size:15px;color:#172033}.client-team-summary span{font-size:12px;font-weight:700;color:#475467}.client-team-summary small{color:#667085;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-team-head-side{display:flex;align-items:center;gap:8px;min-width:0}.client-role-pill{display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#344054;border:1px solid #d6dcff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;white-space:nowrap}.client-collapse-icon{font-size:18px;color:#667085;transition:transform .18s ease}
.client-team-tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.client-team-tags span,.client-member-tags span{font-size:11px;border:1px solid #e4e7ec;border-radius:999px;padding:3px 7px;background:#f9fafb;color:#475467}
.client-team-body{padding:16px 16px 18px}.client-form-shell{display:grid;gap:16px}.client-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.client-basic-grid .field small{display:block;color:#667085;margin-top:6px;line-height:1.35}
.client-permission-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-permission-group{border:1px solid #edf0f5;border-radius:12px;padding:12px;background:#fcfdff}.client-permission-group h4{margin:0 0 10px;font-size:13px;color:#172033}.client-permission-list{display:grid;gap:8px}
.client-access-check{display:flex;gap:10px;align-items:flex-start;border:1px solid #eaecf0;border-radius:10px;padding:10px;background:#fff;min-height:66px}.client-access-check input{margin-top:3px}.client-access-check span{display:flex;flex-direction:column;gap:2px}.client-access-check b{font-size:13px}.client-access-check small{color:#667085;line-height:1.35}
.client-section-caption{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.client-section-caption b{font-size:13px;color:#172033}.client-section-caption span{font-size:12px;color:#667085}
.client-notify-block{border-top:1px solid #eef1f5;padding-top:14px}.client-notify-grid{display:flex;gap:10px;flex-wrap:wrap}.client-notify-grid label{display:inline-flex;align-items:center;gap:8px;background:#fbfcfe;border:1px solid #e6ebf2;border-radius:999px;padding:8px 12px;font-size:13px;color:#344054}
.client-review-bar{display:grid;grid-template-columns:minmax(320px,1fr) auto;gap:14px;align-items:end;padding:16px 18px 18px;border-top:1px solid #eef1f5;background:#fcfcfd}.client-sensitive-confirm{margin:0;display:grid;gap:6px;max-width:480px}.client-sensitive-confirm label{font-weight:700}.client-sensitive-confirm input{width:100%;padding:10px 12px;border:1px solid #d0d5dd;border-radius:10px}.client-sensitive-confirm small{color:#667085;line-height:1.4}.client-access-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}
.client-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:16px 18px}.client-admin-summary>div{display:grid;gap:4px;padding:10px 12px;border:1px solid #edf0f5;border-radius:12px;background:#fcfdff}.client-admin-summary small{font-size:12px;color:#667085}.client-admin-summary b{font-size:14px;color:#172033}.client-admin-summary span{color:#344054}
.client-member-list{display:grid;gap:10px;padding:14px 18px 18px}.client-member-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.3fr) auto;gap:12px;align-items:center;padding:14px;border:1px solid #eaecf0;border-radius:12px;background:#fff}.client-member-main{display:grid;gap:6px}.client-member-main>div:first-child{display:grid;gap:2px}.client-member-main b{font-size:14px;color:#172033}.client-member-main span{color:#475467;font-size:12px;font-weight:700}.client-member-main small,.client-member-contact span{color:#667085}.client-member-contact{display:grid;gap:4px}.client-member-tags{display:flex;gap:6px;flex-wrap:wrap}.client-member-actions{display:flex;justify-content:flex-end;align-items:center}.client-pending-wrap{padding:0 18px 18px}.client-pending-wrap h4{margin:0 0 10px;font-size:14px;color:#172033}
@media(max-width:1100px){.client-permission-groups{grid-template-columns:1fr}.client-review-bar{grid-template-columns:1fr}.client-access-actions{justify-content:flex-start}.client-admin-summary{grid-template-columns:1fr 1fr}.client-member-card{grid-template-columns:1fr}}
@media(max-width:768px){.client-team-stack,.client-member-list,.client-pending-wrap{padding-left:14px;padding-right:14px}.client-basic-grid,.client-admin-summary{grid-template-columns:1fr}.client-team-head{grid-template-columns:1fr}.client-team-collapse{align-items:flex-start}.client-team-head-side{flex-wrap:wrap;justify-content:flex-start}.client-team-summary small{white-space:normal}.client-notify-grid{display:grid;grid-template-columns:1fr 1fr}.client-access-actions{flex-direction:column-reverse}.client-access-actions .btn{width:100%}.client-intro-strip{padding-left:14px;padding-right:14px}}
@media(max-width:560px){.client-notify-grid{grid-template-columns:1fr}.client-role-pill{width:100%;justify-content:center}}