#workspace .ops-page{border:1px solid #dfe7de;border-top:1px solid #dfe7de!important;border-radius:20px;padding:28px;background:#fff}#workspace .ops-page h2:after,#workspace .ops-page h3:after{display:none}.ops-lead{color:#607067;max-width:800px}.ops-columns{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(350px,1.15fr);gap:28px;margin-top:25px}.ops-form{padding:22px;border:1px solid #e2e8de;border-radius:16px;background:#f8faf5}.ops-form label{margin-top:14px}.ops-form input,.ops-form select,.ops-form textarea{width:100%;box-sizing:border-box}.ops-form textarea{min-height:90px}.ops-page button{background:#184c38;color:#fff}.ops-page button.secondary{background:#f3f6ef;color:#234c38;border:1px solid #dce4d8}.ops-message{white-space:pre-wrap;padding:12px 0;color:#184c38;overflow-wrap:anywhere}.ops-record{padding:18px 0;border-bottom:1px solid #e5eae0}.ops-record p{margin:8px 0;color:#607067}.ops-record .actions{flex-wrap:wrap}.ops-empty{padding:28px 0;color:#607067}.ops-totals{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0}.ops-totals strong{font-size:21px;display:block}.ops-totals span{font-size:12px;color:#607067}.ops-check{display:flex;align-items:flex-start;gap:10px;padding:12px;border-bottom:1px solid #dfe7de}.ops-check input{width:auto;min-width:18px;margin-top:5px}.ops-scroll{max-height:350px;overflow:auto;margin:15px 0}.ops-preview{border:1px solid #dfe7de;background:#fafbf7;padding:18px;margin:16px 0;white-space:pre-wrap}.ops-link{word-break:break-all;width:100%}.ops-print{width:min(1000px,95vw);border:1px solid #dfe7de;border-radius:18px;padding:20px}.ops-print iframe{display:block;width:100%;height:65vh;border:0;margin-top:15px}.ops-print::backdrop{background:#142e24aa}.ops-search{width:100%;margin:12px 0}.ops-status{font-weight:600}.ops-feedback{min-height:25px}@media(max-width:1050px){.ops-columns{grid-template-columns:1fr}}@media(max-width:600px){#workspace .ops-page{padding:18px}.ops-form{padding:16px}}
.ops-save-feedback{white-space:pre-wrap;overflow-wrap:anywhere;color:#184c38;line-height:1.6;margin:14px 0 0;min-height:24px;font-weight:600}.ops-form [aria-invalid=true]{border-color:#a54832}
/* Clearly separated saved records and payment details. */
#workspace .ops-page .ops-record{padding:22px;margin:18px 0;border:1px solid #dce5d9;border-radius:15px;background:#fff;box-shadow:0 3px 12px #184c3805;overflow-wrap:anywhere}
#workspace .ops-page .ops-record>strong{display:block;line-height:1.6;margin-bottom:12px}
#workspace .ops-page .ops-record p{margin:12px 0;line-height:1.7}
#workspace .ops-page .ops-record .actions{gap:10px;margin-top:18px}
#workspace .ops-page .ops-record-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:0;margin:0;border:0;background:none;box-shadow:none}
#workspace .ops-page .ops-record-head strong{font-size:16px;line-height:1.6;display:block}
#workspace .ops-page .ops-reference{display:block;font-size:12px;color:#637668;margin-top:5px}
#workspace .ops-page .ops-status{font-size:12px;line-height:1.6;background:#edf3e9;border-radius:7px;padding:5px 9px;white-space:nowrap}
#workspace .ops-page .ops-description{padding:3px 0 10px}
#workspace .ops-page .ops-record-dates{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;color:#637668;margin:0 0 18px}
#workspace .ops-page .ops-record-dates strong{display:block;font-size:12px;font-weight:500;color:#355844;margin-top:4px}
#workspace .ops-page .ops-bill-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:17px 0;margin:0;border-top:1px solid #e5ebe1;border-bottom:1px solid #e5ebe1}
#workspace .ops-page .ops-bill-amounts dt{font-size:11px;color:#637668;margin-bottom:7px}
#workspace .ops-page .ops-bill-amounts dd{margin:0;font-size:15px;line-height:1.7;font-weight:600;color:#184c38;overflow-wrap:anywhere}
#workspace .ops-page .ops-payment-history{margin:20px 0}
#workspace .ops-page .ops-payment-history h4{font-size:12px;color:#587260;margin:0 0 12px;font-weight:600}
#workspace .ops-page .ops-payment-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #eef1e9}
#workspace .ops-page .ops-payment-row strong{display:block;font-size:13px;color:#355844}
#workspace .ops-page .ops-payment-row span{display:block;font-size:11px;color:#637668;margin-top:5px;overflow-wrap:anywhere}
#workspace .ops-page .ops-payment-reference{text-align:right;max-width:45%}
#workspace .ops-page .ops-record button{background:#184c38!important;color:white!important;margin-top:5px}
#workspace .ops-page .ops-record button.secondary{background:#f1f5ed!important;color:#24543c!important}
#workspace .ops-page .ops-totals{padding:18px;border:1px solid #e1e9dc;border-radius:12px;background:#f7faf4;gap:24px;margin:16px 0 22px}
@media(max-width:650px){#workspace .ops-page .ops-record{padding:17px}#workspace .ops-page .ops-bill-amounts{grid-template-columns:1fr;gap:13px}#workspace .ops-page .ops-bill-amounts>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px}#workspace .ops-page .ops-bill-amounts dd{text-align:right}#workspace .ops-page .ops-record-head{flex-wrap:wrap}}
#workspace .ops-page .ops-items-title{margin:20px 0 7px;font-size:14px;color:#184c38}#workspace .ops-page .ops-delivery-item{padding:16px;border:1px solid #dce5d9;border-radius:12px;margin:14px 0;background:white}#workspace .ops-page .ops-delivery-item label:first-child{margin-top:0}.ops-item-numbers{display:grid;grid-template-columns:1fr 1fr;gap:14px}#workspace .ops-page .ops-remove-item{margin-top:14px;background:#f1f5ed!important;color:#355844!important;font-size:11px;padding:7px 10px}