/* Lavender Lotus Studio 9.3.7 — proposal zoom controls + visible pricing-row creation */
.modal-zoom-controls {
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-right:4px;
  padding:4px;
  border:1px solid rgba(82,55,72,.14);
  border-radius:999px;
  background:rgba(255,255,255,.72);
}
.modal-zoom-controls button {
  width:34px;
  height:34px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#503546;
  font:800 .9rem/1 system-ui,sans-serif;
  cursor:pointer;
}
.modal-zoom-controls button:active { background:rgba(82,55,72,.09); }
.modal-zoom-controls output {
  min-width:45px;
  text-align:center;
  color:#6f5d65;
  font:750 .68rem/1 system-ui,sans-serif;
}
.modal.proposal-creation-modal .modal-body,
.modal.modal-contract-packet .modal-body {
  zoom: var(--lls-modal-zoom, 1);
}
.pricing-toolbar-actions { gap:12px !important; align-items:center !important; }
.pricing-add-row { flex:0 0 auto; }
@media (max-width:760px) {
  .modal.proposal-creation-modal .modal-header,
  .modal.modal-contract-packet .modal-header { align-items:flex-start !important; }
  .modal.proposal-creation-modal .modal-header-actions,
  .modal.modal-contract-packet .modal-header-actions { display:flex !important; align-items:center !important; gap:5px !important; }
  .modal-zoom-controls { margin-right:2px; }
  .modal-zoom-controls button { width:31px; height:31px; }
  .modal-zoom-controls output { min-width:38px; font-size:.62rem; }
  .pricing-toolbar-actions { width:100% !important; display:grid !important; grid-template-columns:1fr !important; }
  .pricing-toolbar-actions .caption { display:none !important; }
  .pricing-add-row { width:100% !important; min-height:46px !important; }
}

/* 9.3.7 contract clarity + validation */
.modal-contract-packet .contract-validation-summary{margin:0 0 16px;padding:14px 16px;border:2px solid #b43a4c;border-radius:16px;background:#fff4f5;color:#7e2533;display:grid;gap:5px;font-size:14px}
.modal-contract-packet .contract-validation-summary strong{font-size:15px}
.modal-contract-packet .contract-field-invalid{color:#9c2638!important}
.modal-contract-packet .contract-field-invalid input,.modal-contract-packet .contract-field-invalid select,.modal-contract-packet .contract-field-invalid textarea{border:2px solid #c83d52!important;box-shadow:0 0 0 3px rgba(200,61,82,.12)!important;background:#fffafb!important}
.modal-contract-packet .contract-field-invalid.contract-check{border:2px solid #c83d52!important;background:#fffafb!important;border-radius:14px;padding:12px}
.modal-contract-packet .contract-terms-preview details p{line-height:1.55}
@media(max-width:700px){.modal-contract-packet .contract-terms-preview details p{font-size:15px;line-height:1.55}.modal-contract-packet .contract-form-section small{font-size:13px}}

/* 9.3.8 — contract workflow + mobile navigation polish */
.contract-missing li button{
  appearance:none;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;
}
.contract-missing li button:focus-visible{outline:3px solid rgba(158,74,74,.25);outline-offset:3px;border-radius:6px}
@media(max-width:900px){
  body{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}
  .content{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))!important}
  .v8-mobile-dock{
    position:fixed!important;
    left:10px!important;right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    transform:none!important;
    z-index:900!important;
  }
  .proposal-contract-card,.pricing-breakdown-card,.internal-card{scroll-margin-bottom:170px}
}