.op-modal { width:min(850px,94vw); max-width:94vw; }
.op-modal .modal-body { max-height:72vh; overflow:auto; }
.op-modal label, #extra-page-fields label { display:block; margin:12px 0; font-size:14px; color:#334155; }
.op-modal input:not([type=checkbox]), .op-modal select, .op-modal textarea, #extra-page-fields input:not([type=checkbox]) { width:100%; padding:10px 12px; margin-top:6px; border:1px solid #cbd5e1; border-radius:7px; font:inherit; }
.op-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.op-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin:14px 0; }
.op-actions input:not([type=checkbox]), .op-actions select { padding:8px; border:1px solid #cbd5e1; border-radius:6px; }
.op-actions label { margin:0; }
.field-editor { border:1px solid #e2e8f0; background:#f8fafc; padding:16px; border-radius:10px; margin:14px 0; }
.phone-preview { margin:16px auto; width:340px; max-width:100%; border:8px solid #334155; border-radius:24px; padding:22px 14px; }
.preview-card { background:#fff; border-radius:10px; padding:14px; margin:12px 0; box-shadow:0 1px 6px #0001; }
.preview-card p,.phone-preview p { white-space:pre-wrap; margin:8px 0; }
.form-details { display:grid; grid-template-columns:130px 1fr; gap:12px; padding:18px 0; }
.form-details dt { color:#64748b; }
.form-details dd { white-space:pre-wrap; overflow-wrap:anywhere; }
.account-state { display:block; margin-top:5px; color:#64748b; }
#op-error,#portal-error { color:#b42318; white-space:pre-wrap; margin-top:12px; }
.feedback-content,.feedback-reply { white-space:pre-wrap; }
button:disabled { opacity:.45; cursor:not-allowed; }
.page-header { flex-wrap:wrap; gap:12px; }
@media(max-width:700px){.op-grid{grid-template-columns:1fr}.content{overflow-x:auto}.form-details{grid-template-columns:100px 1fr}}

.transfer-table{overflow:auto;max-height:420px}.feedback-images{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.feedback-images img{width:110px;height:110px;object-fit:cover;border-radius:8px}.feedback-images a:focus-visible{outline:3px solid #1e4d8c}
#import-modal .modal{display:flex;flex-direction:column;width:min(1000px,calc(100vw - 32px));max-height:88vh;overflow:hidden}
#import-modal .modal-header,#import-modal .modal-footer{flex-shrink:0}
#import-modal .modal-body{min-height:0;overflow:auto}
#import-modal .modal-footer button{flex:0 0 auto;width:auto;white-space:nowrap}
#import-modal .modal-footer .btn-primary{min-width:112px}