.of-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;padding:24px 26px;border:1px solid #f5b8cc;border-left:5px solid #f52262;border-radius:12px;background:linear-gradient(110deg,#fff0f5,#fff 75%);box-shadow:0 5px 18px #ed24600a}.of-top>div{display:grid;gap:6px;min-width:0}.of-top span{font-size:12px;font-weight:600;color:#a04c6d}.of-top strong{font-size:34px;line-height:1.2;letter-spacing:-1px;color:#ec1854}.of-top small{font-size:11px;color:#9d7a8d}.of-top .button{min-height:48px;padding:13px 22px;font-size:13px;white-space:normal}.of-top.is-paid{border-color:#b5e6d0;border-left-color:#1eaa79;background:linear-gradient(110deg,#edfff5,#fff)}.of-top.is-paid strong{color:#159b6b}
.of-dialog{width:min(1080px,calc(100% - 24px));max-width:1080px}.of-content{padding:24px;color:#674b5e}.of-reference{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.of-reference>div{display:grid;gap:5px;font-size:13px}.of-reference span{color:#96788a;font-size:12px}.of-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.of-summary article{display:grid;gap:9px;padding:20px;border:1px solid #eaddE7;border-radius:11px;background:#fff}.of-summary article>span{font-size:12px;color:#98788c}.of-summary article>strong{font-size:25px;letter-spacing:-.6px;color:#654261}.of-summary article>small{font-size:10px;color:#9d8294;line-height:1.6}.of-summary .of-open{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;background:linear-gradient(100deg,#fff0f6,#fff8fb);border:1px solid #f59fbd;border-left:5px solid #f52262}.of-summary .of-open>span{font-weight:600;color:#bc315e}.of-summary .of-open>strong{font-size:40px;color:#e61a54;margin-left:auto}.of-summary .of-open>small{flex-basis:100%}.of-summary .of-paid{background:#f2fcf7;border-color:#caebdc}.of-summary .of-paid>strong{color:#14a374}.of-position{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin:16px 0;padding:16px;background:#fcf9fc;border:1px solid #eee2ec;border-radius:9px}.of-position>span{display:grid;gap:7px;font-size:11px;color:#9b7b90}.of-position b{color:#65445e;font-size:12px}.of-status{display:inline-flex;padding:5px 9px;border-radius:15px;font-size:10px;background:#f7eef7;color:#94547f;white-space:nowrap}.of-status.is-paid{background:#e6f9ef;color:#15805a}.of-status:is(.is-partial,.is-not_invoiced,.is-open){background:#fff0f5;color:#da3165}.of-status.is-invoiced{background:#eee9ff;color:#7956c9}.of-status.is-cancelled{background:#f0ebef;color:#9e8797}.of-notices{padding:16px 18px;background:#fffaf4;border:1px solid #f6dfbd;border-radius:9px;margin:18px 0}.of-notices h3,.of-actions h3,.of-titles h3,.of-editor h3{font-size:14px;margin:0 0 7px;color:#694459}.of-notices p,.of-actions p{margin:0;font-size:12px;line-height:1.7;color:#9e7a60}.of-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.of-actions article{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:15px;padding:18px;border:1px solid #ead9e5;border-radius:10px}.of-actions p{color:#9c8292}.of-actions .button{width:100%;min-height:40px;font-size:12px}.of-editor{padding:20px;margin:20px 0;border:1px solid #f5a6c2;border-radius:11px;background:#fff8fb}.of-editor header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.of-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.of-content label{display:grid;gap:7px;min-width:0;font-size:12px;color:#946e83}.of-content :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:40px;padding:9px 12px;border:1px solid #e7d2e0;border-radius:7px;font:inherit;font-size:13px;color:#64415c;background:#fff;cursor:default;caret-color:#ed1f5d}.of-content :is(input,select):focus-visible{outline:2px solid #fc5b91;outline-offset:2px}.of-installments{display:grid;gap:10px;max-height:430px;overflow:auto;margin-top:18px;padding:3px}.of-installments>div{display:grid;grid-template-columns:40px 1fr 1fr;align-items:center;gap:12px;padding:13px;border:1px solid #ecdae6;border-radius:8px;background:#fff}.of-installments b{font-size:11px;color:#d2356b}.of-content .of-confirm{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:12px;line-height:1.7}.of-confirm input{flex:none;width:17px;min-height:17px;margin-top:2px;accent-color:#f52262}.of-editor footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.of-editor footer>strong{font-size:14px;color:#c42c61}.of-editor footer .button{min-height:42px}.of-error,.of-warning{padding:12px;color:#bf2358;background:#fff0f5;border-radius:7px;font-size:12px;line-height:1.7}.of-success{padding:15px;border-radius:8px;background:#ecfaf3;color:#19875d;font-size:13px}.of-loading,.of-empty{padding:25px 16px;color:#a08498;background:#fcf8fc;font-size:12px;text-align:center;border-radius:9px}.of-titles{margin:25px 0 15px}.of-titles header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}.of-titles small,.of-note{font-size:11px;color:#9b8293}.of-note{line-height:1.8;margin:18px 0 0}.of-table{overflow:auto;border:1px solid #ecdeea;border-radius:8px}.of-table table{width:100%;border-collapse:collapse;min-width:720px;font-size:12px}.of-table th{text-align:left;background:#fcf6fb;color:#a27c94;font-size:10px;font-weight:500}.of-table :is(th,td){padding:12px;border-bottom:1px solid #f0e7ef}.of-table tr:last-child td{border-bottom:0}.of-table td:first-child{min-width:170px;max-width:280px;overflow-wrap:anywhere}.of-table td small{display:block;margin-top:5px}.of-table td:not(:first-child){white-space:nowrap}.of-expenses{font-size:12px;color:#936c83;margin-top:20px}.of-expenses summary{cursor:pointer;padding:10px 0}
@media(max-width:760px){.of-top{padding:19px;flex-wrap:wrap;gap:15px}.of-top strong{font-size:30px}.of-top .button{width:100%}.of-content{padding:18px 15px}.of-summary{grid-template-columns:minmax(0,1fr)}.of-summary article{padding:16px}.of-summary .of-open{display:grid}.of-summary .of-open>strong{font-size:32px;margin:0}.of-summary .of-open>small{font-size:10px}.of-summary article>strong{font-size:24px}.of-position{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.of-position b{overflow-wrap:anywhere}.of-reference{flex-wrap:wrap}.of-reference .button{font-size:11px}.of-actions,.of-form-grid{grid-template-columns:minmax(0,1fr)}.of-editor{padding:16px 12px}.of-content :is(input,select){font-size:16px}.of-installments>div{grid-template-columns:25px minmax(0,1fr);gap:8px}.of-installments label:last-child{grid-column:2}.of-editor footer .button{width:100%}.of-actions .button{font-size:11px}.of-note{font-size:10px}}
.of-actions button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}.of-actions button:disabled:hover{transform:none}
@media(prefers-reduced-motion:reduce){.of-content *{scroll-behavior:auto!important}}

/* Payment terms share the SignControl financial identity. */
.sc-company-settings .sc-payment-rates{min-width:0;table-layout:fixed;width:100%}.sc-company-settings .sc-payment-rates th,.sc-company-settings .sc-payment-rates td{white-space:normal;overflow-wrap:anywhere}.sc-company-settings .sc-payment-rates th:first-child{width:38%}.sc-company-settings .sc-payment-rates td input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #ead3e1;background:#fff;border-radius:8px;padding:10px;font:inherit;color:#533448;cursor:default;caret-color:#bf174c}.sc-company-settings .sc-payment-rates td input:focus-visible{outline:2px solid #ee1b57;outline-offset:2px}
.of-tabs{display:flex;gap:12px;border-bottom:1px solid #f0cddd;margin:24px 0 16px}.of-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;padding:12px 18px;color:#855773;font-weight:600;cursor:pointer}.of-tabs button[aria-selected=true]{color:#ed174e;border-color:#ed174e;background:#fff0f6}.of-tabs button:focus-visible{outline:2px solid #ed174e;outline-offset:2px}.of-plan{display:flex;flex-wrap:wrap;gap:16px;padding:18px;background:#fff1f6;border:1px solid #ffb3ce;border-radius:12px;margin:18px 0}.of-plan span{display:grid;gap:5px;flex:1;min-width:130px}.of-plan b{color:#ba1648;font-size:20px}.of-plan small{flex-basis:100%}.sc-payment-rates{width:100%;border-collapse:collapse}.sc-payment-rates td,.sc-payment-rates th{text-align:left;padding:10px;border-bottom:1px solid #f5e1ea}.sc-payment-rates td input{width:100%;min-width:100px}.sc-payment-rates th{font-size:12px}.sc-company-settings .of-table{max-width:100%;overflow:auto}@media(max-width:600px){.sc-payment-rates td,.sc-payment-rates th{padding:8px 4px}.sc-payment-rates td input{min-width:75px}.sc-payment-rates th{font-size:11px}.sc-payment-rates td input{padding:8px}.of-plan b{font-size:18px}}

.of-liquidate{border:1px solid #ef2357!important;background:#ef2357!important;color:#fff!important;font-weight:600;white-space:nowrap;padding:10px 14px!important;min-height:40px}.of-settled{color:#168656;font-weight:600}.of-settlement{margin:18px 0;padding:18px;border:1px solid #b7e5ce;border-radius:12px;background:#f0fcf6}.of-settlement h4{color:#14835b;margin:0 0 10px}.of-installments>div{grid-template-columns:62px minmax(0,1fr) minmax(0,1fr) auto}.of-installments>div>b{font-size:11px}.of-installments .of-liquidate{align-self:end}@media(max-width:760px){.of-installments>div{grid-template-columns:62px minmax(0,1fr)}.of-installments label:last-of-type{grid-column:2}.of-installments .of-liquidate{grid-column:2;width:100%}}