/* Redvent billing: native WHMCS 9.0.8 markup, screen presentation only.
   Parent owns the common shell. Standalone documents deliberately do not load
   shell CSS; native invoice print styles, gateway scripts and HTML stay intact.
   Provider-hosted fields and generated payment buttons are not design targets. */
@media screen {
  /* Override Bootstrap's priority background utility on this native heading only. */
  .rv-page-viewinvoice .card-title.bg-info.text-white{background-color:#117486!important}
  .rv-billing-document .invoice-status > :is(.draft,.cancelled){color:#666666}
  .rv-billing-document .invoice-status > .paid{color:#557000}
  .rv-billing-document .invoice-status > .collections{color:#806000}
  @media screen and (max-width:575.98px){
    .rv-page-viewinvoice form:has(input[name="creditamount"]) .col-8{flex:0 0 100%;max-width:100%;margin-left:0}
  }
  .rv-billing-document .table-responsive:not(.transactions-container) td:first-child{overflow-wrap:anywhere}
  .rv-billing-document .table-responsive:not(.transactions-container) td:last-child{white-space:nowrap}
  /* Invoice/quote listings: native DataTables keeps sorting, filters and paging. */
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .table-container{background:#fff;border:1px solid #F0EDEA;border-radius:18px;padding:20px;min-width:0}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes,.rv-page-account-paymentmethods,.rv-page-masspay) .listtable{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .table-list{margin:12px 0;width:100%;font-size:14px}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .table-list th{background:#FAF8F6;color:#5C5C58;border-top:0;border-bottom:1px solid #E6E2DE;padding:15px 14px;font-size:12px;font-weight:600;white-space:nowrap}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .table-list td{padding:17px 14px;vertical-align:middle;border-color:#F0EDEA}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .table-list tbody tr:hover{background:#FAF8F6}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .status{display:inline-block;border-radius:99px;padding:6px 11px;font-size:12px;line-height:1.4;white-space:nowrap}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .dataTables_filter{margin-bottom:12px}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .dataTables_filter input{background:#FAF8F6;border:1px solid #E6E2DE;border-radius:10px;min-height:44px;max-width:100%;padding:10px 14px}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) :is(.dataTables_info,.dataTables_length){font-size:12.5px;color:#5C5C58;padding-top:12px}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .pagination{gap:4px;flex-wrap:wrap;margin-top:18px}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .page-link{border-color:#E6E2DE;border-radius:8px;color:#0B0B0C}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .page-item.active .page-link{background:#0B0B0C;border-color:#0B0B0C;color:#fff}
  :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .dataTables_empty{padding:44px 20px;color:#5C5C58;text-align:center}

  /* Native payment management cards. No overrides of fieldgroup visibility. */
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay,.rv-page-account-paymentmethods,.rv-page-account-paymentmethods-manage,.rv-page-invoice-payment,.rv-page-3dsecure,.rv-page-subscription-manage) .card{border:1px solid #F0EDEA;border-radius:18px;background:#fff;margin-bottom:22px;min-width:0;box-shadow:0 6px 22px rgba(11,11,12,.025)}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay,.rv-page-account-paymentmethods,.rv-page-account-paymentmethods-manage,.rv-page-invoice-payment,.rv-page-3dsecure,.rv-page-subscription-manage) .card-body{padding:26px}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay,.rv-page-account-paymentmethods,.rv-page-account-paymentmethods-manage,.rv-page-invoice-payment,.rv-page-subscription-manage) .card-title{font-family:Poppins,Inter,sans-serif;font-size:18px;font-weight:600;letter-spacing:-.02em;margin-bottom:16px}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay) :is(.card-header,.card-footer){background:#FAF8F6;border-color:#F0EDEA;padding:18px 24px}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay) .card-header{border-radius:18px 18px 0 0}
  .rv-page-clientareaaddfunds .card-footer{border-radius:0 0 18px 18px;color:#5C5C58;line-height:1.6}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay) :is(#amount,#paymentmethod){min-height:48px;background:#fff}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay) .col-form-label{font-size:13px;font-weight:600;margin-bottom:6px}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay) .btn-block{min-height:48px;margin-top:24px}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay,.rv-page-account-paymentmethods) .table{margin-bottom:0;font-size:14px}
  :is(.rv-page-clientareaaddfunds,.rv-page-masspay,.rv-page-account-paymentmethods) :is(th,td){border-color:#F0EDEA;padding:16px;vertical-align:middle}
  :is(.rv-page-masspay,.rv-page-account-paymentmethods) th{background:#FAF8F6;font-size:12px;color:#5C5C58;border-top:0}
  .rv-page-clientareaaddfunds td:last-child{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:600}
  .rv-page-masspay .rv-billing-table-scroll .table{min-width:480px}
  .rv-page-masspay .masspay-total td{background:#FAF8F6;font-variant-numeric:tabular-nums}
  .rv-page-masspay .masspay-total:last-child td{font-weight:700;border-top:2px solid #E6E2DE;font-size:16px}
  .rv-page-account-paymentmethods #payMethodList{min-width:660px}
  .rv-page-account-paymentmethods #payMethodList .btn{margin:3px 4px 3px 0;white-space:nowrap;min-height:36px}
  .rv-page-account-paymentmethods #payMethodList td[colspan]{padding:36px 18px;color:#5C5C58}
  .rv-page-account-paymentmethods-manage #frmManagePaymentMethod>.form-group{padding-bottom:20px;border-bottom:1px solid #F0EDEA}
  .rv-page-account-paymentmethods-manage #innerBillingContactsContainer{padding:16px;border:1px solid #E6E2DE;border-radius:12px;background:#FAF8F6;overflow-wrap:anywhere}
  .rv-page-account-paymentmethods-manage #innerBillingContactsContainer .form-check{display:inline-block;line-height:1.8;margin:0 0 10px}
  :is(.rv-page-account-paymentmethods,.rv-page-account-paymentmethods-manage) .modal-content{border:1px solid #E6E2DE;border-radius:18px}
  :is(.rv-page-account-paymentmethods,.rv-page-account-paymentmethods-manage) :is(.modal-header,.modal-footer){padding:20px 24px;border-color:#F0EDEA}
  :is(.rv-page-account-paymentmethods,.rv-page-account-paymentmethods-manage) .modal-body{padding:24px}
  :is(.rv-page-invoice-payment,.rv-page-account-paymentmethods-manage) .submit-container{margin-top:24px;padding-top:20px;border-top:1px solid #F0EDEA}
  /* Only size the native authentication frame's outer box; do not touch content. */
  :is(.rv-page-invoice-payment,.rv-page-account-paymentmethods-manage) iframe.auth3d-area{max-width:100%;border:1px solid #E6E2DE;border-radius:10px;background:#fff}
  .rv-page-3dsecure iframe.submit-3d{width:100%;max-width:100%;border:1px solid #E6E2DE;border-radius:10px;background:#fff}
  .rv-page-subscription-manage .mw-540{margin:0 auto 24px;max-width:540px}

  /* Standalone invoice, quote and credit/debit-note document surfaces. */
  body.rv-billing-document{margin:0;background:#FAF8F6;color:#0B0B0C;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
  .rv-billing-document .invoice-container{width:calc(100% - 40px);max-width:1040px;margin:40px auto 24px;padding:clamp(22px,4vw,48px);border:1px solid #E6E2DE;border-radius:24px;background:#fff;box-shadow:0 16px 48px rgba(11,11,12,.045);overflow-wrap:anywhere}
  .rv-billing-document :is(h2,h3,h4){font-family:Poppins,Inter,sans-serif;font-weight:600;letter-spacing:-.02em;color:#0B0B0C}
  .rv-billing-document h3{font-size:clamp(20px,2.4vw,28px)}
  .rv-billing-document .invoice-container>hr{border-top:1px solid #F0EDEA;margin:26px 0}
  .rv-billing-document .invoice-container img{max-width:100%;height:auto}
  .rv-billing-document .small-text{font-size:13px;line-height:1.8}
  .rv-billing-document address{margin-top:8px;color:#5C5C58}
  .rv-billing-document .invoice-status{padding:10px 0 16px;font-size:22px;font-weight:600}
  .rv-billing-document .invoice-status>span{border-radius:99px;padding:8px 18px;font-size:16px;display:inline-block}
  .rv-billing-document .card{background:#fff;border:1px solid #E6E2DE;border-radius:14px;margin-bottom:20px}
  .rv-billing-document .card-header{background:#FAF8F6;border-bottom:1px solid #F0EDEA;border-radius:14px 14px 0 0;padding:18px 20px}
  .rv-billing-document .card-header .card-title{font-size:16px;margin-bottom:0}
  .rv-billing-document .table-responsive{max-width:100%;overflow-x:auto}
  .rv-billing-document .table{font-size:13px;margin-bottom:0;min-width:440px}
  .rv-billing-document .table :is(td,th){padding:14px 18px;border-color:#F0EDEA;vertical-align:top}
  .rv-billing-document .table thead{background:#FAF8F6;font-size:12px;color:#5C5C58}
  .rv-billing-document .table .total-row{background:#FAF8F6;font-variant-numeric:tabular-nums}
  .rv-billing-document .table tr:last-child .total-row{font-weight:700;border-top:2px solid #E6E2DE}
  .rv-billing-document .transactions-container .table{min-width:560px}
  .rv-billing-document a{color:#C8161B}
  .rv-billing-document .btn-group .btn,.rv-billing-document .modal .btn{border-radius:10px;font-weight:600;padding:10px 16px}
  .rv-billing-document .btn-default{background:#fff;border-color:#E6E2DE;color:#0B0B0C}
  .rv-billing-document .modal .btn-primary{background:#ED1F24;border-color:#ED1F24;color:#fff}
  .rv-page-viewinvoice #btnInvoiceAddCreditApply,.rv-page-viewquote .payment-btn-container .btn-success{background-color:#187b32;border-color:#187b32}
  .rv-page-viewquote .modal .btn-primary{background-color:#c8161b;border-color:#c8161b}
  .rv-page-viewquote .modal .btn-primary:hover{background-color:#a91116;border-color:#a91116}
  .rv-billing-document .modal .btn-primary:hover{background:#C8161B;border-color:#C8161B}
  .rv-billing-document .modal-content{border-radius:18px;border:1px solid #E6E2DE}
  .rv-billing-document .modal :is(.modal-header,.modal-body,.modal-footer){padding:22px;border-color:#F0EDEA}
  .rv-billing-document :focus-visible{outline:2px solid #ED1F24;outline-offset:3px}
  .rv-billing-document>p{padding:0 20px 24px;font-size:13px}

  @media(max-width:640px){
    :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .table-container{padding:14px;border-radius:14px}
    :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .table-list{min-width:600px}
    :is(.rv-page-clientareainvoices,.rv-page-clientareaquotes) .dataTables_filter{text-align:left;float:none}
    :is(.rv-page-clientareaaddfunds,.rv-page-masspay,.rv-page-account-paymentmethods,.rv-page-account-paymentmethods-manage,.rv-page-invoice-payment,.rv-page-3dsecure,.rv-page-subscription-manage) .card-body{padding:18px}
    .rv-page-account-paymentmethods .card-body>p .btn{display:inline-block;margin:4px 0;white-space:normal}
    .rv-page-account-paymentmethods-manage #innerBillingContactsContainer{padding:12px}
    .rv-billing-document .invoice-container{width:calc(100% - 24px);margin:16px auto;padding:20px;border-radius:16px}
    .rv-billing-document.rv-page-viewquote .invoice-container>.row>.col-6{flex:0 0 100%;max-width:100%;text-align:left}
    .rv-billing-document .invoice-container .btn-group{flex-wrap:wrap;gap:6px}
  }
}