/* ZSOne Platform v0.3.4.1 — consistent + button and modal create/add UX. */
.zs-panel-head--with-action{display:flex;align-items:center;justify-content:space-between;gap:16px}
.zs-panel-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.zs-add-button{width:38px;height:38px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid #cda758;border-radius:10px;background:#b88a32;color:#fff;box-shadow:0 5px 14px rgba(126,88,25,.14);cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.zs-add-button:hover{background:#a97d2c;border-color:#b88a32;box-shadow:0 7px 18px rgba(126,88,25,.2)}
.zs-add-button:active{transform:translateY(1px)}
.zs-add-button:focus-visible{outline:3px solid rgba(184,138,50,.22);outline-offset:2px}
.zs-add-button .auth-icon{width:18px;height:18px;stroke-width:2}
.zs-add-button--soft{background:#fff;color:#8c6626;border-color:#dbcfb8;box-shadow:none}
.zs-add-button--soft:hover{background:#fbf7ef;border-color:#cdb67d}
.zs-add-button--inline{width:36px;height:36px}

.zs-empty-add-row{display:flex;align-items:center;gap:10px;margin-top:14px}
.zs-empty-add-row .zs-add-button{width:40px;height:40px}
.zs-empty-add-row span{color:#6f7378;font-size:10px;font-weight:750}

.zs-create-inline-removed{display:none!important}

body.zs-modal-open{overflow:hidden}
.zs-modal[hidden]{display:none!important}
.zs-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;background:rgba(25,28,33,.44);backdrop-filter:blur(3px)}
.zs-modal-card{width:min(100%,620px);max-height:min(86vh,820px);display:flex;flex-direction:column;border:1px solid #ded8cc;border-radius:16px;background:#fff;box-shadow:0 24px 80px rgba(25,28,33,.22);overflow:hidden}
.zs-modal-card--wide{width:min(100%,760px)}
.zs-modal-head{min-height:76px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #ece8e0;background:#fcfbf8}
.zs-modal-title-wrap{display:flex;align-items:flex-start;gap:12px;min-width:0}
.zs-modal-title-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2d5b8;border-radius:10px;background:#f7f0df;color:#956c25}
.zs-modal-title-icon .auth-icon{width:19px;height:19px}
.zs-modal-head h3{margin:0;color:#292d32;font-size:17px;line-height:1.25;letter-spacing:-.02em}
.zs-modal-head p{margin:5px 0 0;color:#80848a;font-size:10px;line-height:1.5}
.zs-modal-close{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #dfddd7;border-radius:9px;background:#fff;color:#70747a;cursor:pointer}
.zs-modal-close:hover{background:#f5f4f1;color:#33373c}
.zs-modal-close:focus-visible{outline:3px solid rgba(184,138,50,.18);outline-offset:2px}
.zs-modal-close .auth-icon{width:16px;height:16px}
.zs-modal-body{overflow:auto;padding:20px}
.zs-modal-body .zs-company-form,.zs-modal-body .zs-project-form,.zs-modal-body .zs-invite-form{margin:0;padding:0;border:0;background:transparent}
.zs-modal-body .zs-invite-form{grid-template-columns:1fr 1fr}
.zs-modal-body .zs-invite-form .zs-invite-email{grid-column:1/-1}
.zs-modal-body .zs-invite-form .zs-company-primary{grid-column:1/-1}
.zs-modal-body .zs-project-form{display:grid;gap:13px}
.zs-modal-body .zs-project-date-grid{margin:0}
.zs-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #ece9e2}
.zs-modal-actions .zs-company-primary,.zs-modal-actions .zs-project-primary{margin:0;min-width:150px;justify-content:center}
.zs-modal-cancel{min-height:40px;padding:0 14px;border:1px solid #ddd9d1;border-radius:9px;background:#fff;color:#555a61;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.zs-modal-cancel:hover{background:#f6f5f2}

.zs-project-member-add-form{display:grid;gap:14px}
.zs-project-member-add-form label{display:grid;gap:7px;color:#54585e;font-size:11px;font-weight:750}
.zs-project-member-add-form select{width:100%;min-height:44px;padding:0 12px;border:1px solid #d9d8d3;border-radius:10px;background:#fff;color:#292d32;font:inherit;outline:none}
.zs-project-member-add-form select:focus{border-color:#b58b35;box-shadow:0 0 0 3px rgba(181,139,53,.12)}
.zs-project-member-add-form .zs-project-primary{min-height:42px;margin:0;justify-content:center}

.zs-project-member-row.is-addable .zs-project-access-badge.is-none{border-style:dashed}
.zs-projects-list-head .zs-panel-head-actions,.zs-company-members-card .zs-panel-head-actions,.zs-company-list-card .zs-panel-head-actions,.zs-project-members-panel .zs-panel-head-actions{align-self:center}

@media (max-width:760px){
  .zs-modal{place-items:end center;padding:12px;background:rgba(25,28,33,.5)}
  .zs-modal-card,.zs-modal-card--wide{width:100%;max-height:92vh;border-radius:15px}
  .zs-modal-head{min-height:70px;padding:15px 16px}
  .zs-modal-body{padding:16px}
  .zs-modal-body .zs-invite-form{grid-template-columns:1fr}
  .zs-modal-body .zs-invite-form .zs-invite-email,.zs-modal-body .zs-invite-form .zs-company-primary{grid-column:auto}
  .zs-modal-actions{position:sticky;bottom:-16px;margin-left:-16px;margin-right:-16px;padding:12px 16px 16px;background:#fff}
  .zs-modal-actions .zs-company-primary,.zs-modal-actions .zs-project-primary{min-width:0;flex:1}
  .zs-panel-head--with-action{align-items:flex-start}
}

@media (max-width:430px){
  .zs-add-button{width:36px;height:36px;border-radius:9px}
  .zs-modal{padding:8px}
  .zs-modal-title-icon{width:35px;height:35px}
  .zs-modal-head h3{font-size:16px}
}
.zs-company-empty>.zs-panel-head{width:100%;padding:0 0 18px;border-bottom:0;background:transparent}
.zs-company-empty>.zs-panel-head+.zs-company-empty-icon{margin-top:4px}
.zs-invite-flash-panel{padding:0;overflow:hidden}
.zs-invite-flash-panel .zs-invite-link-box{margin:0;border:0;border-radius:0}
.zs-modal-body .zs-invite-form .zs-modal-actions{grid-column:1/-1}