.client-sharing .modal{width:min(1100px,calc(100vw - 32px));max-height:94dvh;overflow:auto;padding:24px}
.client-sharing header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.client-sharing form{display:grid;gap:16px}.client-sharing label{display:grid;gap:6px}.client-sharing fieldset{border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;gap:10px;max-height:260px;overflow:auto}
.client-sharing .client-choice{display:flex;gap:10px;align-items:center}.client-sharing .client-choice input{width:18px;height:18px;flex:0 0 auto}
.client-sharing input:not([type=checkbox]),.client-sharing select,.client-sharing textarea{width:100%;padding:10px;font:inherit;color:var(--text);background:var(--bg2);border:1px solid var(--border);border-radius:8px;box-sizing:border-box}
.client-sharing textarea{min-height:100px}.client-preview-frame{display:block;width:100%;height:65dvh;min-height:360px;border:1px solid var(--border);border-radius:10px;margin:16px auto;background:white}.client-preview-frame.phone{width:min(390px,100%)}
.client-review-card,.client-document-history{margin:16px 0}.client-review-card .flow-actions{display:flex;flex-wrap:wrap;gap:8px}.client-review-card textarea,.client-document-history textarea{width:100%;min-height:100px;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--bg2);font:inherit}.client-document-history summary{padding:12px;cursor:pointer}.client-project-status{font-size:16px;font-weight:600}
.client-app #projModalBody>.validate-box,.client-app .client-document-history .validate-box{display:grid;gap:12px;min-height:0;align-content:start}
.client-app #projModalBody .validate-box h3{margin:0;font-size:16px;line-height:1.45}
.client-app #projModalBody .validate-box p{margin:0;font-size:15px;line-height:1.6}
.client-app #projModalBody .validate-box>.btn{justify-self:start;white-space:normal;line-height:1.4}
[hidden]{display:none!important}
#cardModal .card-head{flex-wrap:wrap}
#cardModal .card-head h2{flex:1 1 240px;min-width:180px}
@media(max-width:700px){
  #cardModal .card-head h2{flex:1 0 100%;min-width:0;width:100%;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical;overflow:hidden!important}
  #cardModal .card-head>.btn{margin-left:0!important;min-height:38px}
  #cardModal .card-head{flex-wrap:wrap!important}
}
@media(max-width:600px){.client-sharing .modal{padding:16px;width:calc(100vw - 16px);max-height:96dvh}.client-sharing .flow-actions{display:flex;flex-wrap:wrap;gap:8px}.client-sharing header{align-items:flex-start}.client-preview-frame{min-height:360px}.client-review-card{min-width:0!important}.client-review-card .btn{min-height:40px}.client-sharing fieldset{min-width:0}.client-choice{overflow-wrap:anywhere}}