/* Invoice receipts and support conversations; all native financial actions retained. */
.cx-conversation-workspace{max-width:1180px;margin:0 auto 34px;--cx-thread-ink:#293d2b;--cx-thread-muted:#65795c;--cx-thread-line:#dfe8d6}
.cx-conversation-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:30px}
.cx-conversation-heading>div:first-child{min-width:0}
.cx-conversation-back{display:flex;gap:9px;align-items:center;color:#6d8a4f;font-size:11px;margin-bottom:25px}
.cx-conversation-heading .cx-eyebrow{display:block;font-size:10px;margin-bottom:12px}
.cx-conversation-heading h1{font-size:clamp(30px,3.6vw,44px);font-weight:600;letter-spacing:-1.4px;line-height:1.23;color:var(--cx-thread-ink);overflow-wrap:anywhere;margin:0}
.cx-conversation-actions{display:flex;gap:8px;flex-shrink:0}
.cx-conversation-actions .btn{font-size:11px;min-height:40px;padding:10px 13px;border-radius:10px}
.cx-conversation-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}
.cx-conversation-main{min-width:0}
.cx-conversation-guide{position:sticky;top:110px;padding:25px;background:#f0f6e7;border:1px solid #e0e9d4;border-radius:19px}
.cx-conversation-guide-mark{display:grid;place-items:center;width:54px;height:54px;background:#e6f0d7;border-radius:16px;color:#829f54;font-size:27px;margin:20px 0}
.cx-conversation-guide h2{font-size:25px;font-weight:550;letter-spacing:-.8px;line-height:1.3;color:#3c572e;margin:0 0 18px}
.cx-conversation-guide p{font-size:12px;line-height:1.9;color:var(--cx-thread-muted);margin:0 0 20px}
.cx-conversation-guide>a{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid #dce7ce;color:#648441;font-size:11px;line-height:1.7}
.cx-conversation-thread{display:flex;flex-direction:column;gap:20px;padding:0 0 26px;border:0;background:transparent}
.cx-conversation-message-shell{padding:0}
.cx-conversation-workspace .ticket-reply{margin:0;border:1px solid var(--cx-thread-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 3px 16px #314c1b04}
.cx-conversation-workspace .ticket-reply.staff{border-color:#cbdcb6;background:#f8fbf2}
.cx-conversation-workspace .ticket-reply .posted-by{background:#fafcf7;border-bottom:1px solid #e5eddc;padding:18px 23px;font-size:11px;line-height:1.8;color:#728761}
.cx-conversation-workspace .ticket-reply.staff .posted-by{background:#eff6e4;border-color:#dfeacf}
.cx-conversation-workspace .posted-by-name{font-size:13px;font-weight:600;color:#3e5a2e}
.cx-conversation-workspace .posted-on{font-size:10px;color:#788c65}
.cx-conversation-workspace .requestor-badge{border-radius:7px;padding:5px 8px;background:#ecf3e0;color:#769153;font-size:9px;border:1px solid #e0e9d2}
.cx-conversation-workspace .ticket-reply .message{padding:24px!important;font-size:13px;line-height:1.95;color:#425c36;overflow-wrap:anywhere}
.cx-conversation-workspace .message>:last-child{margin-bottom:0}
.cx-conversation-workspace .message img{max-width:100%;height:auto;border-radius:10px}
.cx-conversation-workspace .message pre{max-width:100%;overflow:auto;background:#f3f7ed;border:1px solid #e1e9d7;border-radius:10px;padding:15px;font-size:12px}
.cx-conversation-workspace .message table{display:block;max-width:100%;overflow:auto}
.cx-conversation-workspace .ticket-reply .attachments{padding:20px 24px!important;border-top:1px solid #e5ecdc;background:#fcfdf9;font-size:11px;color:#6d8456}
.cx-conversation-workspace .attachment-list{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 0;padding:0;list-style:none}
.cx-conversation-workspace .attachment-list li{max-width:100%;margin:0}
.cx-conversation-workspace .attachment-list li>a,.cx-conversation-workspace .attachment-list li>span{display:block;background:#fff;border:1px solid #dde7d0;border-radius:11px;padding:13px;color:#628441;min-width:120px;max-width:220px}
.cx-conversation-workspace .attachment-list a>span,.cx-conversation-workspace .attachment-list li>span{display:flex;align-items:center;gap:10px}
.cx-conversation-workspace .attachment-list figure{margin:0;font-size:21px;width:auto;height:auto;flex-shrink:0;line-height:1;background:none}
.cx-conversation-workspace .attachment-list .caption{font-size:10px;line-height:1.7;white-space:normal;overflow-wrap:anywhere;margin:0;max-width:none}
.cx-conversation-composer{background:#fff;border:1px solid var(--cx-thread-line);border-radius:19px;padding:28px;scroll-margin-top:105px}
.cx-conversation-composer-heading{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e6eedc;padding-bottom:23px;margin-bottom:25px}
.cx-conversation-composer-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf5df;font-size:20px;color:#779b4b;flex-shrink:0}
.cx-conversation-composer-heading h2{font-size:24px;font-weight:600;letter-spacing:-.6px;color:var(--cx-thread-ink);margin:0 0 7px}
.cx-conversation-composer-heading p{font-size:12px;line-height:1.8;color:var(--cx-thread-muted);margin:0}
.cx-conversation-composer #frmReply>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0}
.cx-conversation-composer #frmReply>.row>div{max-width:none;width:auto;min-width:0;padding:0}
.cx-conversation-composer label{font-size:12px;color:#526e42;line-height:1.7;margin-bottom:9px}
.cx-conversation-composer .form-control{height:auto;min-height:47px;border:1px solid #dce6d1;border-radius:10px;background:#fcfdf9;color:#30482b;font-size:13px;line-height:1.8;padding:12px 14px}
.cx-conversation-composer .form-control:focus{background:#fff;border-color:#82a84c;box-shadow:0 0 0 3px #86b04620}
.cx-conversation-composer .form-control:disabled{background:#f0f4e9;color:#748565}
.cx-conversation-composer .CodeMirror,.cx-conversation-composer .editor-toolbar{border-color:#dce7d0}
.cx-conversation-composer .editor-toolbar{border-radius:10px 10px 0 0;background:#fafcf5}
.cx-conversation-composer .CodeMirror{border-radius:0 0 10px 10px;font-size:13px;line-height:1.8}
.cx-conversation-composer .form-group.text-center{display:flex;justify-content:flex-end;gap:9px;padding-top:22px;border-top:1px solid #e7eddc;margin-bottom:0}
.cx-conversation-composer .btn{min-height:43px;font-size:12px;border-radius:9px;padding:11px 16px}
.cx-conversation-composer .custom-file-label{border:1px solid #dce7d0;border-radius:9px;background:#fafcf6;min-height:40px;font-size:11px;color:#6f8756}
.cx-conversation-composer .text-muted small{font-size:10px;color:#738863;line-height:1.8}
.cx-invoice .cx-receipt-header{display:flex;justify-content:space-between;gap:28px;align-items:start;margin-bottom:24px}
.cx-receipt-issuer{min-width:0}
.cx-receipt-issuer img{max-width:160px;max-height:58px;object-fit:contain;object-position:left}
.cx-receipt-issuer h3{font-size:29px;font-weight:600;letter-spacing:-.8px;color:#304729;margin:19px 0 0}
.cx-receipt-state{text-align:right;flex-shrink:0}
.cx-invoice .cx-receipt-state .invoice-status{margin-bottom:11px}
.cx-receipt-state .small-text{font-size:11px;color:#6b805d}
.cx-receipt-state .payment-btn-container{margin-top:15px;text-align:right}
.cx-invoice .cx-receipt-parties,.cx-invoice .cx-receipt-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:25px 0;border-bottom:1px solid #e4ecdb;padding-bottom:25px}
.cx-receipt-fact{min-width:0;overflow-wrap:anywhere}
.cx-receipt-fact>strong{font-size:10px;text-transform:uppercase;letter-spacing:.09em;font-weight:500;color:#88a072;display:block;margin-bottom:11px}
.cx-receipt-fact address,.cx-receipt-fact .small-text{font-size:12px;line-height:1.85;color:#4e6840;margin:0}
.cx-invoice .cx-receipt-items{margin:27px 0 22px;background:#fff;border:1px solid #dfe8d5;border-radius:15px;overflow:hidden}
.cx-receipt-items>header{padding:23px 25px;background:#f8fbf2;border-bottom:1px solid #e3ecda}
.cx-receipt-items h2,.cx-receipt-transactions h2{font-size:22px;letter-spacing:-.5px;font-weight:550;color:#334d2b;margin:10px 0 0}
.cx-receipt-item-list{list-style:none;padding:0 25px;margin:0}
.cx-receipt-item-list>li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:24px;padding:21px 0;border-bottom:1px solid #e9efdf;color:#4b653c;font-size:12px;line-height:1.8}
.cx-receipt-item-list>li>div{overflow-wrap:anywhere;min-width:0}
.cx-receipt-item-list>li>strong{font-size:13px;font-weight:550;color:#314b27;text-align:right;white-space:nowrap}
.cx-receipt-tax-mark{color:#8da568}
.cx-receipt-totals{max-width:360px;margin:0 25px 0 auto;padding:17px 0}
.cx-receipt-totals>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;font-size:12px}
.cx-receipt-totals dt{color:#72885f;font-weight:400}
.cx-receipt-totals dd{color:#405d2e;font-weight:500;margin:0;text-align:right}
.cx-receipt-totals .cx-receipt-grand-total{margin-top:12px;padding-top:18px;border-top:1px solid #dce7ce;align-items:center}
.cx-receipt-grand-total dt{font-size:13px;color:#466032}
.cx-receipt-grand-total dd{font-size:25px;font-weight:600;letter-spacing:-.6px;color:#304c26}
.cx-receipt-transactions{margin:30px 0}
.cx-receipt-transactions>header{margin-bottom:20px}
.cx-receipt-transaction{display:flex;gap:15px;align-items:start;padding:20px 0;border-bottom:1px solid #e3ecda}
.cx-receipt-transaction-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#eff6e5;border-radius:11px;font-size:19px;color:#86a760}
.cx-receipt-transaction>div{min-width:0;flex:1}
.cx-receipt-transaction strong{font-size:13px;font-weight:550;color:#456033;display:block;margin-bottom:5px}
.cx-receipt-transaction time,.cx-receipt-transaction>div>span{display:block;font-size:10px;color:#789164;line-height:1.8;overflow-wrap:anywhere}
.cx-receipt-transaction>b{font-size:13px;font-weight:550;color:#3d5a2d;white-space:nowrap}
.cx-receipt-transactions-empty{padding:22px;background:#f8fbf2;border:1px dashed #dce7ce;border-radius:11px;font-size:12px;color:#738963}
.cx-receipt-balance-line{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0 10px;color:#738a5e;font-size:12px}
.cx-receipt-balance-line strong{font-size:22px;font-weight:600;color:#3d5d2d;letter-spacing:-.5px}
.cx-receipt-credit{border:1px solid #dbe7ca;border-radius:13px;background:#f5faed;overflow:hidden;margin:22px 0}
.cx-receipt-credit-heading{padding:17px 21px;border-bottom:1px solid #dfeacc}
.cx-receipt-credit-title{font-size:17px;margin:0;color:#587a36}
.cx-receipt-credit-title strong{font-weight:550}
.cx-receipt-credit-body{padding:20px;font-size:12px;line-height:1.9;color:#6b8156}
.cx-receipt-credit-body .row{margin:15px 0 0}
.cx-receipt-credit-body .row>div{max-width:100%;width:100%;margin:0;padding:0}
.cx-receipt-credit-body .form-control{height:43px;border:1px solid #dce7ce;font-size:13px;color:#3c582d;border-radius:9px 0 0 9px;background:#fff}
.cx-receipt-credit-body .btn{font-size:11px;background:#81ac24;color:#fff;border:0;border-radius:0 9px 9px 0}
.cx-receipt-note{padding:22px;border:1px solid #e1e9d8;background:#fafcf6;border-radius:12px;font-size:12px;line-height:1.9;color:#647b51;margin:23px 0}
.cx-receipt-note h2{font-size:17px;font-weight:550;color:#516d3d;margin:0 0 12px}
.cx-receipt-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e1e9d5;padding-top:24px;margin:20px 0 0}
.cx-receipt-actions .btn{font-size:11px;padding:11px 14px;background:#fff;color:#657f4a;border:1px solid #dce7cf;border-radius:9px}
.cx-invoice-payment-studio{max-width:1100px;margin:auto}
.cx-invoice-payment-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}
.cx-invoice-payment-heading h1{font-size:clamp(32px,3.7vw,45px);font-weight:600;letter-spacing:-1.4px;color:#2e4428;margin:15px 0}
.cx-invoice-payment-heading p{font-size:13px;line-height:1.8;color:#6b7d5d;margin:0}
.cx-invoice-payment-heading>span{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;background:#edf5df;border-radius:18px;font-size:29px;color:#82a654}
.cx-invoice-payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.cx-invoice-payment-main{min-width:0}
.cx-invoice-payment-summary{position:sticky;top:105px;min-width:0}
.cx-invoice-payment-form{background:#fff;border:1px solid #dfe8d6;border-radius:18px;padding:28px}
.cx-invoice-payment-section-title{font-size:23px;font-weight:600;letter-spacing:-.55px;color:#3b552f;border-bottom:1px solid #e8eedf;margin:0 0 25px;padding-bottom:23px}
.cx-invoice-payment-studio .cc-payment-form>.form-group.row{display:block;margin:0 0 24px}
.cx-invoice-payment-studio .cc-payment-form>.form-group.row>label,.cx-invoice-payment-studio .cc-payment-form>.form-group.row>div{width:100%;max-width:none;padding:0;text-align:left!important}
.cx-invoice-payment-studio label{font-size:12px;color:#5c7647;line-height:1.8;margin-bottom:9px}
.cx-invoice-payment-studio .form-control{min-height:47px;height:auto;font-size:13px;border:1px solid #dce7ce;border-radius:10px;background:#fcfef8;color:#304d28;padding:12px 14px}
.cx-invoice-payment-studio .form-control:focus{border-color:#84a94e;box-shadow:0 0 0 3px #84ab4720}
.cx-invoice-payment-studio .btn{font-size:12px;min-height:43px;border-radius:10px}
.cx-invoice-payment-studio #btnSubmit{width:100%;margin-top:20px;min-height:49px}
.cx-invoice-payment-studio .auth3d-area{max-width:100%;border:1px solid #dfe8d3;border-radius:14px;background:#fff}
.cx-conversation-workspace a:focus-visible,.cx-conversation-workspace button:focus-visible,.cx-invoice a:focus-visible,.cx-invoice-payment-studio button:focus-visible{outline:2px solid #749a45;outline-offset:3px}
@media(max-width:1050px){.cx-conversation-layout{grid-template-columns:1fr}.cx-conversation-guide{display:none}.cx-invoice-payment-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.cx-invoice-payment-form{padding:24px}}
@media(max-width:767px){.cx-conversation-heading{display:block;margin-bottom:24px}.cx-conversation-heading h1{font-size:30px;letter-spacing:-.9px}.cx-conversation-actions{margin-top:20px}.cx-conversation-back{margin-bottom:20px}.cx-conversation-workspace .ticket-reply .posted-by{padding:16px 18px}.cx-conversation-workspace .requestor-badge{float:none!important;display:inline-block;margin-top:8px}.cx-conversation-workspace .ticket-reply .message{padding:21px 18px!important;font-size:12px}.cx-conversation-workspace .ticket-reply .attachments{padding:18px!important}.cx-conversation-composer{padding:22px 18px}.cx-conversation-composer #frmReply>.row{grid-template-columns:1fr;gap:0}.cx-conversation-composer-heading h2{font-size:21px}.cx-conversation-composer-heading p{font-size:11px}.cx-conversation-composer .input-group.attachment-group{display:block}.cx-conversation-composer .custom-file{width:100%}.cx-conversation-composer .input-group-append{margin-top:8px}.cx-conversation-composer .btn{font-size:11px;padding:10px 13px}.cx-invoice .cx-receipt-header{gap:18px}.cx-receipt-issuer h3{font-size:25px}.cx-invoice .cx-receipt-parties,.cx-invoice .cx-receipt-metadata{grid-template-columns:1fr;gap:20px;padding-bottom:20px}.cx-receipt-items>header{padding:20px}.cx-receipt-item-list{padding:0 20px}.cx-receipt-item-list>li{gap:18px;padding:18px 0;font-size:11px}.cx-receipt-item-list>li>strong{font-size:12px}.cx-receipt-totals{margin:0 20px;max-width:none;padding:15px 0}.cx-receipt-grand-total dd{font-size:23px}.cx-invoice-payment-layout{grid-template-columns:1fr}.cx-invoice-payment-summary{position:static}.cx-invoice-payment-heading>span{display:none}.cx-invoice-payment-heading h1{font-size:32px}.cx-invoice-payment-form{padding:22px}.cx-receipt-transaction{gap:11px}.cx-receipt-transaction-icon{width:30px;height:30px;font-size:16px}.cx-receipt-transaction>b{font-size:12px}}
@media(max-width:450px){.cx-invoice .cx-receipt-header{flex-wrap:wrap}.cx-receipt-state{text-align:left;width:100%}.cx-receipt-state .payment-btn-container{text-align:left}.cx-receipt-item-list>li{grid-template-columns:minmax(0,1fr);gap:8px}.cx-receipt-item-list>li>strong{text-align:left}.cx-receipt-transaction{flex-wrap:wrap}.cx-receipt-transaction>b{margin-left:41px}.cx-conversation-composer .form-group.text-center{flex-wrap:wrap}.cx-conversation-composer .form-group.text-center>.btn{flex:1}.cx-receipt-actions{justify-content:stretch}.cx-receipt-actions .btn{flex:1}}
@media print{.cx-invoice .cx-receipt-header,.cx-invoice .cx-receipt-parties,.cx-invoice .cx-receipt-metadata{break-inside:avoid}.cx-receipt-items,.cx-receipt-transactions,.cx-receipt-note{border-color:#ddd;background:#fff}.cx-receipt-item-list>li,.cx-receipt-transaction{break-inside:avoid}.cx-receipt-transaction-icon,.cx-receipt-items .cx-eyebrow,.cx-receipt-transactions .cx-eyebrow{display:none}.cx-receipt-totals{break-inside:avoid}.cx-receipt-actions,.cx-receipt-credit{display:none}}
