/* ZSOne Platform v0.3.2 — membership/invitation UI additions. */
.zs-membership-schema-warning{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid #e8dcc3;background:#fffaf0}.zs-membership-schema-warning>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f5ead1;color:#8b6a22;flex:0 0 auto}.zs-membership-schema-warning .auth-icon{width:21px;height:21px}.zs-membership-schema-warning h3,.zs-membership-schema-warning strong{margin:0 0 5px;color:#22252a}.zs-membership-schema-warning p{margin:0;color:#70747b;line-height:1.55}.zs-membership-schema-warning--inline{margin-top:8px;border-radius:14px}
.zs-invite-card{overflow:hidden}.zs-invite-head-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#f4ebd8;color:#977126}.zs-invite-head-icon .auth-icon{width:21px;height:21px}.zs-invite-form{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.72fr) minmax(190px,1fr) minmax(150px,.72fr);gap:14px;align-items:end}.zs-invite-form label{display:grid;gap:7px;color:#54575d;font-size:12px;font-weight:700}.zs-invite-form label span{min-height:17px}.zs-invite-form input,.zs-invite-form select{width:100%;min-height:44px;border:1px solid #d9d8d3;border-radius:10px;background:#fff;color:#23262b;padding:0 12px;font:inherit;outline:none}.zs-invite-form input:focus,.zs-invite-form select:focus{border-color:#b58b35;box-shadow:0 0 0 3px rgba(181,139,53,.12)}.zs-invite-form .zs-company-primary{min-height:44px;justify-content:center;margin:0;white-space:nowrap}
.zs-invite-link-box{margin:0 0 18px;padding:16px;border:1px solid #d9c694;border-radius:14px;background:#fffbf1}.zs-invite-link-box>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.zs-invite-link-box strong{font-size:14px;color:#2a2d31}.zs-invite-link-box small{color:#77716a}.zs-invite-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.zs-invite-link-row input{min-width:0;height:42px;border:1px solid #dfd6c3;border-radius:9px;background:#fff;padding:0 11px;color:#52545a;font-size:12px}.zs-invite-link-row button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 14px;border:0;border-radius:9px;background:#25282d;color:#fff;font-weight:750;cursor:pointer}.zs-invite-link-row .auth-icon{width:16px;height:16px}.zs-invite-link-box p{margin:9px 0 0;color:#7a756d;font-size:11px;line-height:1.45}
.zs-company-members-list--managed{gap:8px}.zs-company-member-row--managed{grid-template-columns:40px minmax(150px,1fr) minmax(220px,auto) auto;gap:12px;align-items:center}.zs-member-role-form{display:flex;align-items:center;gap:7px}.zs-member-role-form select{height:36px;min-width:120px;border:1px solid #deddd8;border-radius:8px;background:#fff;padding:0 9px;color:#33373c}.zs-member-role-form button,.zs-member-remove-form button{height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;font-size:12px;font-weight:750;cursor:pointer}.zs-member-role-form button{border:1px solid #d8c28c;background:#fff8e8;color:#725418}.zs-member-remove-form button{border:1px solid #ead0ca;background:#fff7f5;color:#9a493b}.zs-member-role-form .auth-icon,.zs-member-remove-form .auth-icon{width:14px;height:14px}
.zs-invitation-list-card{overflow:hidden}.zs-invite-empty{display:flex;align-items:center;gap:14px;padding:18px 4px;color:#6b6e74}.zs-invite-empty>.auth-icon{width:28px;height:28px;color:#a68034}.zs-invite-empty strong{display:block;color:#34373c;margin-bottom:3px}.zs-invite-empty p{margin:0;font-size:12px}.zs-invite-list{display:grid;gap:8px}.zs-invite-row{display:grid;grid-template-columns:36px minmax(140px,1fr) auto auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid #eceae4;border-radius:12px;background:#fff}.zs-invite-row-icon{width:34px;height:34px;border-radius:9px;background:#f7f2e7;color:#9b7529;display:grid;place-items:center}.zs-invite-row-icon .auth-icon{width:17px;height:17px}.zs-invite-row-copy{min-width:0}.zs-invite-row-copy strong,.zs-invite-row-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zs-invite-row-copy strong{font-size:13px;color:#2f3237}.zs-invite-row-copy small{margin-top:3px;font-size:11px;color:#7a7d82}.zs-invite-status{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.02em;background:#f2f2f1;color:#65686e}.zs-invite-status.is-pending{background:#fff4d9;color:#82631f}.zs-invite-status.is-accepted{background:#eaf6ee;color:#39734a}.zs-invite-status.is-expired,.zs-invite-status.is-revoked{background:#f4efee;color:#8a5f56}.zs-invite-revoke{height:32px;border:1px solid #ead7d2;border-radius:8px;background:#fff8f6;color:#9a493b;display:inline-flex;align-items:center;gap:5px;padding:0 9px;font-size:11px;font-weight:750;cursor:pointer}.zs-invite-revoke .auth-icon{width:13px;height:13px}
.zs-project-members-panel{overflow:hidden}.zs-project-member-list{display:grid;gap:8px}.zs-project-member-row{display:grid;grid-template-columns:38px minmax(150px,1fr) minmax(200px,auto) auto;gap:11px;align-items:center;padding:11px 12px;border:1px solid #eceae5;border-radius:12px;background:#fafafa}.zs-project-member-row.has-access{background:#fff}.zs-project-member-avatar{width:36px;height:36px;border-radius:10px;background:#f3efe6;color:#87661f;display:grid;place-items:center}.zs-project-member-avatar .auth-icon{width:18px;height:18px}.zs-project-member-person{min-width:0}.zs-project-member-person strong,.zs-project-member-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zs-project-member-person strong{font-size:13px;color:#2e3136}.zs-project-member-person small{margin-top:3px;font-size:11px;color:#777a80}.zs-project-member-control{display:flex;align-items:center;gap:7px}.zs-project-member-control select{height:34px;border:1px solid #dcdbd6;border-radius:8px;background:#fff;padding:0 8px;color:#33373c}.zs-project-member-control button,.zs-project-member-remove button{height:34px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:750;cursor:pointer}.zs-project-member-control button{border:1px solid #d9c18c;background:#fff8e8;color:#725418}.zs-project-member-remove button{border:1px solid #ead4ce;background:#fff7f5;color:#9a493b}.zs-project-member-control .auth-icon,.zs-project-member-remove .auth-icon{width:13px;height:13px}.zs-project-access-badge{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:999px;font-size:10px;font-weight:800;background:#f0f1f2;color:#62666c}.zs-project-access-badge .auth-icon{width:13px;height:13px}.zs-project-access-badge.is-inherited{background:#eef3fa;color:#48678e}.zs-project-access-badge.is-active{background:#eaf6ee;color:#39734a}.zs-project-access-badge.is-none{background:#f3f3f2;color:#787b80}
/* Public invitation page */
.auth-invitation-page .auth-card{max-width:620px}.zs-public-invite-state{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid #e7e3da;border-radius:14px;background:#faf9f6}.zs-public-invite-state>.auth-icon{width:25px;height:25px;flex:0 0 auto}.zs-public-invite-state h2,.zs-public-invite-state h3{margin:0 0 6px;color:#282b30}.zs-public-invite-state p{margin:0;color:#70747b;line-height:1.55}.zs-public-invite-state.is-error{background:#fff7f5;border-color:#efd8d2;color:#9b4c3d}.zs-public-invite-state.is-success{background:#eff8f2;border-color:#d6e9dc;color:#3f7750}.zs-public-invite-state.compact{margin-top:18px}.zs-public-invite-summary{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #e7dfce;border-radius:14px;background:#fffaf0}.zs-public-invite-company{width:46px;height:46px;border-radius:12px;background:#efe2c5;color:#8c6820;display:grid;place-items:center}.zs-public-invite-company .auth-icon{width:23px;height:23px}.zs-public-invite-summary small,.zs-public-invite-summary p{display:block;margin:0;color:#777a80}.zs-public-invite-summary h2{margin:3px 0;font-size:20px;color:#24272c}.zs-public-invite-summary p{font-size:12px}.zs-public-invite-role{padding:6px 9px;border-radius:999px;background:#282b30;color:#fff;font-size:10px;font-weight:800}.zs-public-invite-project{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:11px;align-items:center;margin-top:10px;padding:12px 14px;border:1px solid #eae8e1;border-radius:12px}.zs-public-invite-project>.auth-icon{width:20px;height:20px;color:#9b762a}.zs-public-invite-project small,.zs-public-invite-project strong{display:block}.zs-public-invite-project small{color:#85878c;font-size:10px}.zs-public-invite-project strong{margin-top:2px;color:#33363b;font-size:12px}.zs-public-invite-project>span{font-size:10px;font-weight:800;color:#6b5525;background:#fff4d9;padding:5px 8px;border-radius:999px}.zs-public-invite-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.zs-public-invite-meta>span{display:grid;grid-template-columns:28px 1fr;column-gap:8px;align-items:center;padding:10px 12px;border-radius:10px;background:#f7f7f5}.zs-public-invite-meta .auth-icon{grid-row:1/3;width:17px;height:17px;color:#787b81}.zs-public-invite-meta small{font-size:9px;color:#8a8c91}.zs-public-invite-meta strong{font-size:11px;color:#41444a}.zs-public-invite-action-head{margin:22px 0 14px}.zs-public-invite-action-head h3{margin:0 0 5px;color:#25282d;font-size:16px}.zs-public-invite-action-head p{margin:0;color:#73767c;font-size:12px;line-height:1.5}.zs-public-invite-policy{margin-top:-4px}.zs-public-invite-login{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px}.zs-public-invite-login .auth-icon{width:16px;height:16px}
@media (max-width:1180px){.zs-invite-form{grid-template-columns:1fr 1fr}.zs-invite-form .zs-company-primary{grid-column:1/-1}.zs-company-member-row--managed{grid-template-columns:40px minmax(130px,1fr) minmax(210px,auto)}.zs-member-remove-form{grid-column:3}.zs-project-member-row{grid-template-columns:38px minmax(130px,1fr) minmax(190px,auto)}.zs-project-member-remove{grid-column:3}}
@media (max-width:760px){.zs-invite-form{grid-template-columns:1fr}.zs-invite-form .zs-company-primary{grid-column:auto}.zs-invite-link-box>div:first-child{align-items:flex-start;flex-direction:column}.zs-invite-link-row{grid-template-columns:1fr}.zs-company-member-row--managed,.zs-project-member-row,.zs-invite-row{grid-template-columns:38px minmax(0,1fr)}.zs-member-role-form,.zs-member-remove-form,.zs-project-member-control,.zs-project-member-remove,.zs-company-member-row--managed>.zs-company-member-role,.zs-invite-status,.zs-invite-row>form,.zs-project-access-badge{grid-column:2}.zs-member-role-form,.zs-project-member-control{flex-wrap:wrap}.zs-member-role-form select,.zs-project-member-control select{flex:1;min-width:120px}.zs-invite-status{justify-self:start}.zs-public-invite-summary{grid-template-columns:44px minmax(0,1fr)}.zs-public-invite-role{grid-column:2;justify-self:start}.zs-public-invite-meta{grid-template-columns:1fr}.zs-public-invite-project{grid-template-columns:32px minmax(0,1fr)}.zs-public-invite-project>span{grid-column:2;justify-self:start}}
@media (max-width:420px){.zs-member-role-form button span,.zs-member-remove-form button span,.zs-project-member-control button span,.zs-project-member-remove button span,.zs-invite-revoke span{display:none}.zs-public-invite-summary h2{font-size:18px}}