.op-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 0}.op-section-head h2{font-size:16px;margin:0}.op-wrap{padding:0;min-width:0}
.op-tabs{display:inline-flex;background:#eef0f4;border-radius:10px;padding:3px;gap:2px}.op-tabs button{border:0;background:transparent;padding:6px 14px;border-radius:8px;font-weight:700;font-size:13px;color:#4d564f;cursor:pointer}.op-tabs button[aria-selected=true]{background:#fff;color:#16234a;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.op-pane{padding:12px 16px 16px}.op-pane.cw-payments{padding-top:0}.op-pane[hidden]{display:none!important}
.op-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-bottom:14px}.op-box{border:1px solid #e6e8ee;border-radius:10px;padding:10px 12px;background:#fafbfc}.op-box h3,.op-head-row h3,.op-pricing h3{margin:0 0 6px;font-size:13px;color:#26583d}.op-box p{margin:0;font-size:14px}.op-box strong{font-size:18px}
.op-muted{color:#5B6478;font-size:12px}.op-warning{color:#7A4B00;background:#FFF8E9;border:1px solid #F2D9A0;border-radius:8px;padding:8px 10px;font-size:13px}.op-error{color:#b3261e;font-size:13px;min-height:1em;margin:6px 0 0}
.op-head-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 0}
.op-list{display:flex;flex-direction:column;gap:8px}.op-doc{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid #e6e8ee;border-radius:10px;padding:10px 12px;background:#fff}.op-doc.op-approved{border-color:#bcd8c6}.op-doc.op-sent{border-color:#9bc2a9;background:#f3faf5}.op-status{display:inline-block;margin-left:8px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:#eef2ec;color:#26583d}
.op-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.op-actions .button,.op-actions button{font-size:12px;min-height:30px;padding:5px 10px}
.op-form{display:flex;flex-direction:column;gap:8px}.op-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 28px;gap:6px;align-items:center;padding:8px;border:1px solid #e6e8ee;border-radius:10px;background:#fafbfc}.op-line input{border:1px solid #D5D9E2;border-radius:8px;padding:8px;font:inherit;min-width:0}.op-line input[name=description]{grid-column:1/-1}.op-remove{border:0;background:transparent;color:#b3261e;cursor:pointer;font-size:14px}.op-add{align-self:flex-start;font-size:12px}
.op-params{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.op-params label,.op-form>label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#5B6478}.op-params input,.op-form textarea{border:1px solid #D5D9E2;border-radius:8px;padding:8px;font:inherit}
.op-totals{display:flex;flex-direction:column;gap:6px;font-size:13px;padding:8px 10px;background:#f6f7f9;border-radius:8px}.op-totals strong{font-size:16px}
@media(max-width:700px){.op-params{grid-template-columns:1fr 1fr}.op-doc,.op-section-head{flex-wrap:wrap}}
.op-mail{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:8px}.op-mail input{flex:1 1 200px;border:1px solid #D5D9E2;border-radius:8px;padding:8px;font:inherit;min-width:0}
.op-load-error{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.op-tabs button:focus-visible{outline:2px solid #26583d;outline-offset:2px}
.op-actions button[disabled]{opacity:.55;cursor:not-allowed}
.op-pane.cw-payments .cw-payment-heading h3{display:none}
.op-doc{flex-wrap:wrap}
.op-split{display:flex;flex-wrap:wrap;gap:14px;align-items:baseline}.op-basis select{border:1px solid #D5D9E2;border-radius:8px;padding:8px;font:inherit}.op-basis{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#5B6478}.op-doc.op-replaced{opacity:.6}
.op-head-row>button{white-space:nowrap;flex:0 0 auto}.op-head-row h3{margin:0}.op-actions button:not(.primary):not(.op-remove),.op-form .op-add,.op-mail button:not(.primary){border:1px solid #d8ded6;background:#fff;border-radius:8px;color:#1f2a24;font-weight:600}