/* Billing history and standalone invoice surfaces. */
body.cg-body.cg-billing-page .cg-main{width:min(1080px,calc(100% - 40px))}
.cg-billing-page-head{margin:0 0 22px;text-align:center}.cg-billing-page-head h1{margin:7px 0;color:var(--cg-ink);font-size:34px;letter-spacing:-.05em}.cg-billing-page-head p{margin:0;color:var(--cg-muted);font-size:13px}
.cg-billing-list{padding:18px;border-radius:20px;overflow:hidden}.cg-billing-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cg-billing-table{width:100%!important;margin:0!important;border-collapse:separate;border-spacing:0 8px}
.cg-billing-table thead th{padding:8px 13px;border:0;color:var(--cg-muted);font-size:11px;font-weight:750;white-space:nowrap}.cg-billing-table tbody tr{cursor:pointer;background:rgba(255,255,255,.5);transition:.2s}.cg-billing-table tbody tr:hover{background:rgba(255,255,255,.82);transform:translateY(-1px)}
.cg-billing-table tbody td{padding:13px;border-top:1px solid rgba(123,141,181,.12);border-bottom:1px solid rgba(123,141,181,.12);color:#52617d;font-size:12px;vertical-align:middle}.cg-billing-table tbody td:first-child{border-left:1px solid rgba(123,141,181,.12);border-radius:12px 0 0 12px;color:var(--cg-ink)}.cg-billing-table tbody td:last-child{border-right:1px solid rgba(123,141,181,.12);border-radius:0 12px 12px 0}
.cg-billing-table .status{display:inline-flex;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:800}.cg-billing-table .status.status-paid{border-color:#bdebd3;background:#e3f7ec;color:#16845b}.cg-billing-loading{padding:28px;text-align:center;color:var(--cg-muted)}
body.cg-body.cg-billing-page .dataTables_wrapper>.row{align-items:center;margin:0 0 10px}body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_length,body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_filter{color:var(--cg-muted);font-size:11px}body.cg-body.cg-billing-page .dataTables_wrapper .form-control{min-height:36px}

body.cg-body.cg-invoice-page{margin:0;background:radial-gradient(circle at 15% 5%,#f2e6ff 0,transparent 27rem),radial-gradient(circle at 90% 10%,#d9f3ff 0,transparent 28rem),linear-gradient(145deg,#f8faff,#e9eef9 52%,#f9f7ff);color:var(--cg-ink)}
.cg-invoice-topbar{position:sticky;z-index:50;top:0;padding:14px 22px;border-bottom:1px solid rgba(255,255,255,.7);background:rgba(247,250,255,.62);backdrop-filter:blur(20px)}.cg-invoice-topbar>div{display:flex;width:min(980px,calc(100% - 30px));margin:auto;align-items:center;justify-content:space-between}.cg-invoice-topbar nav{display:flex;align-items:center;gap:14px}.cg-invoice-topbar nav>a{color:#53617d;font-size:12px;font-weight:750;text-decoration:none}.cg-invoice-topbar nav>a i{margin-right:5px;color:var(--cg-blue)}
.cg-invoice-shell{width:min(980px,calc(100% - 36px));margin:36px auto 56px}.cg-invoice-paper{padding:34px;border:1px solid rgba(255,255,255,.82);border-radius:24px;background:rgba(255,255,255,.62);box-shadow:0 24px 70px rgba(48,68,120,.14);backdrop-filter:blur(20px)}
.cg-invoice-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(123,141,181,.14)}.cg-invoice-heading h1{margin:6px 0 5px;color:var(--cg-ink);font-size:30px;letter-spacing:-.045em}.cg-invoice-heading p{margin:0;color:var(--cg-muted);font-size:12px}.cg-invoice-state{display:grid;justify-items:end;gap:7px;text-align:right}.cg-invoice-state small{color:var(--cg-muted);font-size:11px}
.cg-invoice-status{display:inline-flex;padding:7px 12px;border:1px solid transparent;border-radius:999px;background:#edf2f7;color:#61708a;font-size:11px;font-weight:850}.cg-invoice-status.is-paid{border-color:#bdebd3;background:#e3f7ec;color:#16845b}.cg-invoice-status.is-unpaid{background:#fff0e4;color:#bd6239}.cg-invoice-status.is-pending{background:#fff2d8;color:#a66c0e}.cg-invoice-status.is-cancelled,.cg-invoice-status.is-refunded{background:#edf0f6;color:#65718a}
.cg-invoice-alerts:empty{display:none}.cg-invoice-alerts .panel,.cg-invoice-alerts .alert{margin:18px 0 0;border-radius:13px}.cg-invoice-payment{display:grid;gap:10px;margin:18px 0 0;padding:16px;border:1px solid rgba(94,172,139,.2);border-radius:15px;background:rgba(223,247,235,.48);text-align:center}.cg-invoice-payment:empty{display:none}.cg-invoice-payment .alert{margin:0;border-radius:11px;text-align:left}.cg-invoice-payment form{margin:0}.cg-invoice-payment .btn,.cg-invoice-payment a.btn{min-width:220px;padding:11px 18px;border:0;border-radius:11px;background:linear-gradient(120deg,var(--cg-blue),#6986ff);box-shadow:0 10px 22px rgba(66,105,255,.2);color:#fff;font-weight:800}
.cg-invoice-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.cg-invoice-meta-grid>div{min-width:0;padding:15px;border:1px solid rgba(123,141,181,.12);border-radius:14px;background:rgba(255,255,255,.42);color:#52617d;font-size:12px}.cg-invoice-label{display:block;margin-bottom:7px;color:var(--cg-muted);font-size:10px;font-weight:800;letter-spacing:.04em}.cg-invoice-meta-grid address{margin:0;color:#52617d;font-size:12px;line-height:1.65}.cg-invoice-meta-grid strong{color:var(--cg-ink)}
.cg-invoice-gateway{margin:0}.cg-invoice-gateway .custom-select{width:100%;max-width:260px;min-height:39px;border:1px solid rgba(123,141,181,.2);border-radius:10px;background:rgba(255,255,255,.7);color:var(--cg-ink)}
.cg-invoice-panel{margin-top:16px;border:1px solid rgba(123,141,181,.12);border-radius:16px;background:rgba(255,255,255,.4);overflow:hidden}.cg-invoice-panel h2{margin:0;padding:15px 17px;border-bottom:1px solid rgba(123,141,181,.12);color:var(--cg-ink);font-size:15px;font-weight:800}.cg-invoice-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cg-invoice-table{width:100%;min-width:520px;border-collapse:collapse;color:#52617d;font-size:12px}.cg-invoice-table th,.cg-invoice-table td{padding:12px 17px;border-bottom:1px solid rgba(123,141,181,.1);text-align:left}.cg-invoice-table th:last-child,.cg-invoice-table td:last-child{text-align:right}.cg-invoice-table th{color:var(--cg-muted);font-size:10px;font-weight:800}.cg-invoice-table .is-total td:first-child,.cg-invoice-table .is-grand-total td:first-child{text-align:right}.cg-invoice-table .is-grand-total td{color:var(--cg-ink);font-size:14px;font-weight:850}.cg-invoice-ledger{min-width:680px}.cg-invoice-tax-note{margin:10px 17px;color:var(--cg-muted);font-size:10px}
.cg-invoice-credit{padding-bottom:16px}.cg-invoice-credit form{padding:0 17px}.cg-invoice-credit .input-group{max-width:420px}.cg-invoice-notes{margin-top:16px}.cg-invoice-qr{text-align:center;margin:20px 0}.cg-invoice-actions{display:flex;margin-top:20px;align-items:center;justify-content:space-between;gap:14px}.cg-invoice-actions>span{display:flex;gap:8px}.cg-invoice-back,.cg-invoice-action{display:inline-flex;align-items:center;gap:6px;color:#596986;font-size:11px;font-weight:750;text-decoration:none}.cg-invoice-action{padding:9px 11px;border:1px solid rgba(123,141,181,.18);border-radius:10px;background:rgba(255,255,255,.55)}.cg-invoice-invalid{text-align:center}.cg-invoice-invalid-message{padding:20px;border:1px solid rgba(211,122,92,.2);border-radius:14px;background:rgba(255,232,220,.55);color:#596986}.cg-invoice-invalid-message strong{display:block;margin-bottom:6px;color:#ad593a;font-size:14px}.cg-invoice-invalid-message p{margin:0}.cg-invoice-invalid .cg-invoice-back{margin-top:18px}
html.cg-dark body.cg-body.cg-invoice-page{background:radial-gradient(circle at 15% 5%,#25214a 0,transparent 28rem),radial-gradient(circle at 90% 10%,#123a4e 0,transparent 30rem),linear-gradient(145deg,#111827,#18243b 54%,#17162d)}html.cg-dark .cg-invoice-topbar{border-bottom-color:rgba(177,196,235,.13);background:rgba(17,25,43,.72)}html.cg-dark .cg-invoice-topbar nav>a{color:#d9e4fa}html.cg-dark .cg-invoice-paper{border-color:rgba(177,196,235,.16);background:rgba(27,39,64,.74);box-shadow:0 24px 70px rgba(0,0,0,.3)}html.cg-dark .cg-invoice-heading,html.cg-dark .cg-invoice-panel h2{border-color:rgba(177,196,235,.14)}html.cg-dark .cg-invoice-meta-grid>div,html.cg-dark .cg-invoice-panel{border-color:rgba(177,196,235,.14);background:rgba(55,74,112,.3);color:#c8d6ee}html.cg-dark .cg-invoice-meta-grid address,html.cg-dark .cg-invoice-table{color:#c8d6ee}html.cg-dark .cg-invoice-gateway .custom-select,html.cg-dark .cg-invoice-action{border-color:rgba(177,196,235,.2);background:rgba(42,57,88,.72);color:#d6e2fa}html.cg-dark .cg-invoice-invalid-message{border-color:rgba(224,140,108,.24);background:rgba(139,73,56,.22);color:#c8d6ee}html.cg-dark .cg-invoice-invalid-message strong{color:#ffc6ad}html.cg-dark .cg-billing-table tbody tr{background:rgba(55,74,112,.3)}html.cg-dark .cg-billing-table tbody tr:hover{background:rgba(67,88,130,.48)}html.cg-dark .cg-billing-table tbody td{border-color:rgba(177,196,235,.14);color:#c8d6ee}html.cg-dark .cg-billing-table tbody td:first-child{color:var(--cg-ink)}
html.cg-dark body.cg-body.cg-billing-page .cg-billing-list{border-color:rgba(177,196,235,.16);background:rgba(25,39,64,.66)}
html.cg-dark body.cg-body.cg-billing-page .cg-billing-table thead th,html.cg-dark body.cg-body.cg-billing-page .cg-billing-table thead th.sorting_asc,html.cg-dark body.cg-body.cg-billing-page .cg-billing-table thead th.sorting_desc{border-color:rgba(177,196,235,.12);background:rgba(66,85,124,.6);color:#e4ecfb}
html.cg-dark body.cg-body.cg-billing-page .cg-billing-table>tbody>tr>td{border-color:rgba(177,196,235,.12);background:rgba(43,59,92,.76);color:#c5d2e8}
html.cg-dark body.cg-body.cg-billing-page .cg-billing-table>tbody>tr>td:first-child,html.cg-dark body.cg-body.cg-billing-page .cg-billing-table>tbody>tr>td strong{color:#edf3ff}
html.cg-dark body.cg-body.cg-billing-page .cg-billing-table>tbody>tr:hover>td{background:rgba(55,75,115,.92);color:#fff}
html.cg-dark body.cg-body.cg-billing-page .cg-billing-table .status.status-paid,html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-status.is-paid{border-color:rgba(100,211,154,.3);background:rgba(36,119,85,.3);color:#94e1b8}
html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_info,html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_length,html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_filter{color:#b8c7df}
html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_filter input,html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_length select{border-color:rgba(177,196,235,.22);background-color:rgba(18,30,51,.78);color:#edf3ff}
html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_filter input:focus,html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .dataTables_length select:focus{border-color:#7695ff;box-shadow:0 0 0 3px rgba(84,119,255,.18)}
html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .pagination .page-link{border-color:rgba(177,196,235,.18);background:rgba(37,52,84,.78);color:#cbd8ed}
html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .pagination .active .page-link,html.cg-dark body.cg-body.cg-billing-page .dataTables_wrapper .pagination .page-link:hover{border-color:#7695ff;background:rgba(74,105,197,.42);color:#fff}
@media(max-width:700px){.cg-invoice-topbar{padding:12px}.cg-invoice-topbar>div{width:100%}.cg-invoice-topbar nav>a{display:none}.cg-invoice-shell{width:calc(100% - 24px);margin:18px auto 34px}.cg-invoice-paper{padding:19px;border-radius:18px}.cg-invoice-heading{flex-direction:column;gap:13px}.cg-invoice-state{justify-items:start;text-align:left}.cg-invoice-meta-grid{grid-template-columns:1fr}.cg-invoice-actions{align-items:flex-start;flex-direction:column}.cg-invoice-actions>span{width:100%}.cg-invoice-action{flex:1;justify-content:center}.cg-invoice-table{min-width:480px}.cg-billing-list{padding:11px}.cg-billing-page-head h1{font-size:29px}.cg-billing-table-wrap{overflow:visible}.cg-billing-table,.cg-billing-table tbody{display:block;width:100%!important}.cg-billing-table thead{display:none}.cg-billing-table tbody tr{display:block;margin-bottom:10px;padding:9px 12px;border:1px solid rgba(123,141,181,.13);border-radius:14px}.cg-billing-table tbody td{display:flex;min-height:34px;padding:7px 0;align-items:center;justify-content:space-between;gap:16px;border:0!important;border-bottom:1px solid rgba(123,141,181,.1)!important;border-radius:0!important;text-align:right}.cg-billing-table tbody td:last-child{border-bottom:0!important}.cg-billing-table tbody td:before{content:attr(data-label);color:var(--cg-muted);font-size:10px;font-weight:750;text-align:left}.cg-billing-table tbody td .w-hidden{display:none!important}}
@media print{body.cg-body.cg-invoice-page{background:#fff!important}.cg-invoice-shell{width:100%;margin:0}.cg-invoice-paper{padding:0;border:0;background:#fff;box-shadow:none}.cg-invoice-payment{border:1px solid #ddd;background:#fff}.cg-invoice-meta-grid>div,.cg-invoice-panel{background:#fff}.cg-invoice-actions,.cg-invoice-topbar{display:none!important}}

/* Payment gateways may inject their own panel styles. Keep the rendered gateway action inside the invoice theme. */
.cg-invoice-payment{display:block;max-width:100%;padding:14px 15px;border:1px solid rgba(123,141,181,.16);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(235,241,255,.5));box-shadow:0 12px 28px rgba(48,68,120,.08);text-align:center}
.cg-invoice-payment .payment-btn-container,.cg-invoice-payment .payment-button-container{display:grid;gap:12px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.cg-invoice-payment .payment-btn-container>.alert,.cg-invoice-payment .payment-button-container>.alert,.cg-invoice-payment>.alert{margin:0;padding:14px 16px;border:1px solid rgba(239,190,91,.48);border-radius:12px;background:rgba(255,247,225,.9);box-shadow:none;color:#7d5d29;text-align:left}
.cg-invoice-payment .payment-btn-container>.alert strong,.cg-invoice-payment .payment-button-container>.alert strong,.cg-invoice-payment>.alert strong{color:#674b1d}
.cg-invoice-payment .payment-btn-container .btn,.cg-invoice-payment .payment-btn-container button,.cg-invoice-payment .payment-btn-container a.btn,.cg-invoice-payment .payment-button-container .btn,.cg-invoice-payment .payment-button-container button,.cg-invoice-payment .payment-button-container a.btn,.cg-invoice-payment>.btn,.cg-invoice-payment>a.btn{display:inline-flex;width:100%;min-height:48px;margin:0;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:12px;background:linear-gradient(120deg,var(--cg-blue),#6986ff);box-shadow:0 10px 22px rgba(66,105,255,.22);color:#fff;font-size:16px;font-weight:850;line-height:1.25;text-decoration:none}
.cg-invoice-payment .payment-btn-container .btn:hover,.cg-invoice-payment .payment-btn-container .btn:focus,.cg-invoice-payment .payment-button-container .btn:hover,.cg-invoice-payment .payment-button-container .btn:focus,.cg-invoice-payment>.btn:hover,.cg-invoice-payment>a.btn:hover{background:linear-gradient(120deg,#355eea,#5878ff);transform:translateY(-1px)}
html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment{border-color:rgba(177,196,235,.18);background:linear-gradient(135deg,rgba(39,54,84,.78),rgba(31,45,74,.72));box-shadow:0 16px 34px rgba(0,0,0,.2)}
html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment .payment-btn-container>.alert,html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment .payment-button-container>.alert,html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment>.alert{border-color:rgba(239,190,91,.42);background:rgba(100,75,38,.66);color:#ffd083}
html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment .payment-btn-container>.alert strong,html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment .payment-button-container>.alert strong,html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment>.alert strong{color:#ffe0a4}

/* Normalize third-party gateway markup, including modules that inject inline panel colors. */
.cg-invoice-payment > div,
.cg-invoice-payment > section,
.cg-invoice-payment > form {
    max-width: 100%;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: inherit;
}

.cg-invoice-payment > div,
.cg-invoice-payment > section {
    display: grid;
    gap: 12px;
    padding: 0;
}

.cg-invoice-payment :is(.alert, [role="alert"], .notice, .warning, .payment-notice, .gateway-notice) {
    max-width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(239, 190, 91, .45);
    border-radius: 12px;
    background: rgba(255, 247, 225, .9);
    box-shadow: none;
    color: #7d5d29;
    text-align: left;
}

.cg-invoice-payment .cg-gateway-notice {
    max-width: 100%;
    margin: 0;
    padding: 14px 16px;
    border: 1px solid rgba(239, 190, 91, .45);
    border-radius: 12px;
    background: rgba(255, 247, 225, .9);
    box-shadow: none;
    color: #7d5d29;
    text-align: left;
}

.cg-invoice-payment :is(.btn, button, input[type="submit"], input[type="button"], a[class*="button"]) {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 12px 18px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(120deg, var(--cg-blue), #6986ff);
    box-shadow: 0 10px 22px rgba(66, 105, 255, .22);
    color: #fff;
    font: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.25;
    text-align: center;
    text-decoration: none;
}

.cg-invoice-payment .cg-gateway-action {
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 12px 18px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(120deg, var(--cg-blue), #6986ff);
    box-shadow: 0 10px 22px rgba(66, 105, 255, .22);
    color: #fff;
    font-size: 16px;
    font-weight: 850;
}

html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment > div,
html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment > section,
html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment > form,
html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment :is(div, section)[style*="background"] {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: #c8d6ee;
}

html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment :is(.alert, [role="alert"], .notice, .warning, .payment-notice, .gateway-notice) {
    border-color: rgba(239, 190, 91, .34);
    background: rgba(100, 75, 38, .55);
    color: #ffd897;
}

html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment .cg-gateway-notice {
    border-color: rgba(239, 190, 91, .34);
    background: rgba(100, 75, 38, .55);
    color: #ffd897;
}

html.cg-dark body.cg-body.cg-invoice-page .cg-invoice-payment :is(.alert, [role="alert"], .notice, .warning, .payment-notice, .gateway-notice) :is(strong, b) {
    color: #ffe6b7;
}
@media(max-width:700px){.cg-invoice-payment{margin-top:15px;padding:11px;border-radius:14px}.cg-invoice-payment .payment-btn-container>.alert,.cg-invoice-payment .payment-button-container>.alert,.cg-invoice-payment>.alert{padding:12px 13px;font-size:12px}.cg-invoice-payment .payment-btn-container .btn,.cg-invoice-payment .payment-button-container .btn,.cg-invoice-payment>.btn,.cg-invoice-payment>a.btn{min-height:46px;font-size:15px}}
@media print{.cg-invoice-payment{border:1px solid #ddd;background:#fff;box-shadow:none}.cg-invoice-payment .payment-btn-container>.alert,.cg-invoice-payment .payment-button-container>.alert,.cg-invoice-payment>.alert{background:#fff;color:#222}.cg-invoice-payment .payment-btn-container .btn,.cg-invoice-payment .payment-button-container .btn,.cg-invoice-payment>.btn,.cg-invoice-payment>a.btn{background:#fff;box-shadow:none;color:#222}}