.documentPackageBar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;margin:12px 0;background:linear-gradient(135deg,#eefcfc,#f7fbff);border:1px solid #9be2df;border-radius:13px}.documentPackageBar h4{margin:0 0 3px;color:#0b356f}.documentPackageBar p{margin:0;color:#52657b;font-size:12px}.documentPackageBar .packageCount{font-weight:800;color:#0b356f}.documentPackageCheck{width:19px;height:19px;accent-color:#13b7b3;flex:0 0 auto;margin-top:2px}.storedDoc.packageSelected{outline:2px solid #13b7b3;background:#f3ffff}.documentPackageModal{width:min(1100px,94vw);height:min(850px,91vh);display:flex;flex-direction:column}.documentPackageModal>.modalhead,.documentPackageModal>.modalfoot{flex:0 0 auto}.documentPackageModal>.modalbody{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}.documentPackageBody{display:grid;grid-template-columns:330px 1fr;gap:16px;min-height:0;flex:1}.documentPackageOrder{overflow:auto;border:1px solid #dce5ee;border-radius:12px;padding:10px;background:#f8fafc}.documentPackageOrder article{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#fff;border:1px solid #dce5ee;border-radius:10px;padding:10px;margin-bottom:8px}.documentPackageOrder b{display:block;font-size:12px}.documentPackageOrder small{color:#64748b}.documentPackageOrder button{border:1px solid #d4dee9;background:white;border-radius:7px;padding:5px 8px}.documentPackagePreview{border:1px solid #dce5ee;border-radius:12px;overflow:hidden;background:#eef2f6;min-height:0}.documentPackagePreview iframe{width:100%;height:100%;border:0;background:white}.documentPackageName{display:flex;gap:10px;align-items:center;margin-bottom:10px}.documentPackageName label{font-size:11px;font-weight:800;color:#52657b}.documentPackageName input{min-width:280px}.documentPackageStatus{font-size:12px;color:#52657b;margin-right:auto;min-width:150px}.documentPackageModal .modalfoot{gap:12px}.documentPackageActions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.documentPackageModal .modalfoot button{white-space:nowrap}@media(max-width:800px){.documentPackageBody{grid-template-columns:1fr}.documentPackageOrder{max-height:190px}.documentPackagePreview{min-height:240px}.documentPackageBar{align-items:flex-start;flex-direction:column}.documentPackageModal .modalfoot{align-items:stretch;flex-direction:column}.documentPackageActions{display:grid;grid-template-columns:1fr 1fr}.documentPackageActions button{width:100%}}
.documentPackageBar{position:sticky;top:8px;z-index:12;box-shadow:0 8px 22px rgba(8,45,99,.12)}
.boldSignDirectBtn{background:#eef2ff!important;border-color:#bfc9ff!important;color:#263d91!important;font-weight:800!important}