/**
 * Statix Core — Centrale styles voor formulieren en meldingen
 * Button styles zijn verplaatst naar child theme style.css
 */

/* ================================
   1. FORMULIEREN
   ================================ */

.statix-form-row {
    margin-bottom: 18px;
}

.statix-form-row label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    font-size: 14px;
    color: #333;
}

.statix-form-row input,
.statix-form-row select,
.statix-form-row textarea {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    box-sizing: border-box;
    font-family: inherit;
}

.statix-form-row input:focus,
.statix-form-row select:focus,
.statix-form-row textarea:focus {
    border-color: #0066cc;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0,102,204,0.12);
}

/* ================================
   5. MELDINGEN
   ================================ */

.statix-form-message {
    margin-top: 12px;
    padding: 12px;
    border-radius: 4px;
    display: none;
}

.statix-form-message.success {
    display: block;
    background: #e6f7e6;
    color: #2a7a2a;
    border: 1px solid #b8e0b8;
}

.statix-form-message.error {
    display: block;
    background: #fce8e8;
    color: #a52a2a;
    border: 1px solid #f0b0b0;
}

/* ================================
   10. WINKELMAND MENU ICOON
   ================================ */

.statix-cart-menu-item {
    display: inline-flex;
    align-items: center;
    list-style: none;
}

.statix-cart-link {
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    text-decoration: none;
}

.statix-cart-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.statix-cart-icon svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.statix-cart-icon__count {
    position: absolute;
    top: -4px;
    right: -8px;
    background: #0207ec;
    color: #fff;
    border-radius: 50%;
    min-width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 3px;
    line-height: 1;
    box-sizing: border-box;
}

/* ================================
   11. WINKELMAND TOAST
   ================================ */

.statix-cart-toast {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    display: none;
    align-items: center;
    gap: 12px;
    background: #fff;
    color: #1a1a2e;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px 18px;
    box-shadow: 0 6px 24px rgba(0,0,0,0.12);
    font-size: 14px;
    max-width: 380px;
    animation: statix-toast-in 0.3s ease;
}

.statix-cart-toast--visible {
    display: flex;
}

.statix-cart-toast__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: #41c57c;
    color: #fff;
    border-radius: 50%;
    font-weight: 700;
    font-size: 12px;
    flex-shrink: 0;
}

.statix-cart-toast__msg {
    flex: 1;
    line-height: 1.4;
}

.statix-cart-toast__link {
    color: #0207ec;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
}

.statix-cart-toast__link:hover {
    text-decoration: underline;
}

.statix-cart-toast__close {
    background: none;
    border: none;
    color: #888;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0 0 0 8px;
    flex-shrink: 0;
}

.statix-cart-toast__close:hover {
    color: #333;
}

@keyframes statix-toast-in {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 480px) {
    .statix-cart-toast {
        left: 10px;
        right: 10px;
        bottom: 10px;
        top: auto;
        max-width: none;
    }
}

/* ================================
   12. ACCOUNT TABELLEN & KNOPPEN
   ================================ */

.statix-account-card table {
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
}

.statix-account-card table th,
.statix-account-card table td {
    padding: 10px 8px;
    vertical-align: middle;
}

.statix-account-card table form {
    margin: 0;
}

.statix-account-card .statix-btn,
.statix-account-card .button,
.statix-account-card button {
    padding: 6px 12px;
    font-size: 13px;
    white-space: nowrap;
    min-width: 0;
}

.statix-account-card .statix-services-list .statix-renew-btn {
    padding: 5px 10px;
    font-size: 12px;
}

.statix-account-card table td:last-child,
.statix-account-card table th:last-child {
    width: 1%;
    white-space: nowrap;
    text-align: right;
}

@media (max-width: 768px) {
    .statix-account-card table {
        display: block;
        overflow-x: auto;
    }
    .statix-account-card table th,
    .statix-account-card table td {
        padding: 8px 6px;
    }
}

/* ================================
   13. HOSTING HERO
   ================================ */

#top .statix-hosting-hero .avia_textblock {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

#top .statix-hosting-hero .avia_textblock > h3 {
    flex: 1 1 0;
    margin: 0;
    min-width: 0;
    color: #ededed;
}

#top .statix-hosting-hero .avia_textblock > h3 em {
    color: #ededed;
}

#top .statix-hosting-hero .statix-hosting-compare-toggle-wrap {
    margin: 0;
    flex: 0 0 auto;
}

#top .statix-hosting-hero img {
    display: block;
    width: 100%;
}

@media (min-width: 768px) {
    #top .statix-hosting-hero .statix-hosting-compare-toggle-wrap {
        position: absolute;
        top: 20px;
        right: 20px;
        z-index: 2;
    }
}

@media (max-width: 767px) {
    #top .statix-hosting-hero .avia_textblock {
        flex-direction: column;
        align-items: flex-start;
    }
    #top .statix-hosting-hero .statix-hosting-compare-toggle-wrap {
        align-self: flex-start;
    }
}

#top .statix-hosting-hero,
#top.statix-hosting-page .content .entry-content-wrapper > .flex_column_table:first-child > .flex_column:first-child {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

#top.statix-hosting-page .content {
    padding-top: 20px;
}

/* ================================
   14. TICKETS PAGINA
   ================================ */

.statix-tickets-wrap {
    max-width: 900px;
    margin: 0 auto;
}

.statix-tickets-wrap .statix-account-card {
    margin-bottom: 24px;
    padding: 24px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

.statix-tickets-wrap .statix-account-card h2 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 20px;
}

/* Verberg Awesome Support navigatie-knoppen (My Tickets / Open a ticket / Logout) binnen de ticketpagina. */
.statix-tickets-wrap .wpas-ticket-buttons-top,
.statix-tickets-wrap .wpas-link-logout,
.statix-tickets-wrap .wpas-link-ticketlist,
.statix-tickets-wrap .wpas-link-ticketnew {
    display: none !important;
}

/* Verberg leeg/ongebruikt Department veld en GDPR sectie. */
.statix-tickets-wrap .wpas-field-department,
.statix-tickets-wrap .wpas-gdpr-tabs,
.statix-tickets-wrap .wpas-gdpr-tablinks,
.statix-tickets-wrap #add-remove-consent,
.statix-tickets-wrap #delete-existing-data,
.statix-tickets-wrap #export-existing-data,
.statix-tickets-wrap #export-user-data,
.statix-tickets-wrap .wpas-gdpr-form-table,
.statix-tickets-wrap .wpas-gdpr-pre-loader,
.statix-tickets-wrap .wpas-gdpr-notice {
    display: none !important;
}

.statix-tickets-wrap .wpas-submit-ticket,
.statix-tickets-wrap .wpas-ticket-list {
    width: 100%;
    max-width: 100%;
}

.statix-tickets-wrap .wpas-form input,
.statix-tickets-wrap .wpas-form textarea,
.statix-tickets-wrap .wpas-form select {
    box-sizing: border-box;
    width: 100%;
}

.statix-tickets-submit-only .statix-tickets-submit {
    max-width: 700px;
    margin: 0 auto;
}

/* ================================
   15. ORDER DETAIL
   ================================ */

#statix-order-detail .statix-order-meta {
    margin-bottom: 15px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 4px;
}

#statix-order-detail .statix-order-meta p {
    margin: 4px 0;
    line-height: 1.5;
}

#statix-order-detail h4 {
    margin-top: 24px;
    margin-bottom: 12px;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}

#statix-order-detail .statix-orders-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

#statix-order-detail .statix-orders-table th,
#statix-order-detail .statix-orders-table td {
    padding: 8px 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
    vertical-align: top;
}

#statix-order-detail .statix-orders-table th {
    font-weight: 600;
    background: #f5f5f5;
}

/* ================================
   16. ACCOUNT LAYOUT & SCROLLBALKEN
   ================================ */

#top .statix-account {
    max-width: 1200px;
    margin: 0 auto;
}

#top .statix-account-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr);
    gap: 24px;
    align-items: start;
}

#top .statix-account-col--right {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

#top .statix-account-card {
    background: #fff;
    border-radius: 6px;
    padding: 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.06);
    overflow: visible;
    max-width: 100%;
    min-width: 0;
}

#top .statix-account-card h3 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 20px;
}

/* Tabellen altijd passend maken, geen interne scrollbalken */
#top .statix-account-card table,
#top .statix-account-card .statix-orders-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    display: table;
    overflow: visible;
}

#top .statix-account-card table th,
#top .statix-account-card table td,
#top .statix-account-card .statix-orders-table th,
#top .statix-account-card .statix-orders-table td {
    padding: 10px 8px;
    vertical-align: middle;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

#top .statix-account-card table th,
#top .statix-account-card .statix-orders-table th {
    font-weight: 600;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

#top .statix-account-card table td,
#top .statix-account-card .statix-orders-table td {
    border-bottom: 1px solid #eee;
}

#top .statix-account-card table td:last-child,
#top .statix-account-card table th:last-child,
#top .statix-account-card .statix-orders-table td:last-child,
#top .statix-account-card .statix-orders-table th:last-child {
    width: auto;
    text-align: right;
    white-space: nowrap;
}

/* Mijn diensten tabel: transparant zonder randen */
#top #statix-services .statix-orders-table,
#top #statix-services .statix-orders-table th,
#top #statix-services .statix-orders-table td {
    background: transparent;
    border: none;
}

#top #statix-services .statix-orders-table th {
    font-weight: 600;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* Openstaande facturen: kolommen compact */
#top #statix-invoices .statix-orders-table th:nth-child(1),
#top #statix-invoices .statix-orders-table td:nth-child(1) { width: 22%; }
#top #statix-invoices .statix-orders-table th:nth-child(2),
#top #statix-invoices .statix-orders-table td:nth-child(2) { width: 18%; }
#top #statix-invoices .statix-orders-table th:nth-child(3),
#top #statix-invoices .statix-orders-table td:nth-child(3) { width: 18%; }
#top #statix-invoices .statix-orders-table th:nth-child(4),
#top #statix-invoices .statix-orders-table td:nth-child(4) { width: 18%; }
#top #statix-invoices .statix-orders-table th:nth-child(5),
#top #statix-invoices .statix-orders-table td:nth-child(5) { width: 24%; }

#top #statix-orders .statix-orders-table th:nth-child(1),
#top #statix-orders .statix-orders-table td:nth-child(1) { width: 20%; }
#top #statix-orders .statix-orders-table th:nth-child(2),
#top #statix-orders .statix-orders-table td:nth-child(2) { width: 16%; }
#top #statix-orders .statix-orders-table th:nth-child(3),
#top #statix-orders .statix-orders-table td:nth-child(3) { width: 16%; }
#top #statix-orders .statix-orders-table th:nth-child(4),
#top #statix-orders .statix-orders-table td:nth-child(4) { width: 22%; }
#top #statix-orders .statix-orders-table th:nth-child(5),
#top #statix-orders .statix-orders-table td:nth-child(5) { width: 26%; }

/* Order detail tabellen */
#top #statix-order-detail .statix-orders-table th:nth-child(1),
#top #statix-order-detail .statix-orders-table td:nth-child(1) { width: 40%; }
#top #statix-order-detail .statix-orders-table th:nth-child(2),
#top #statix-order-detail .statix-orders-table td:nth-child(2) { width: 15%; }
#top #statix-order-detail .statix-orders-table th:nth-child(3),
#top #statix-order-detail .statix-orders-table td:nth-child(3) { width: 12%; }
#top #statix-order-detail .statix-orders-table th:nth-child(4),
#top #statix-order-detail .statix-orders-table td:nth-child(4) { width: 18%; }
#top #statix-order-detail .statix-orders-table th:nth-child(5),
#top #statix-order-detail .statix-orders-table td:nth-child(5) { width: 18%; text-align: right; }

/* Openstaande betaling netjes in een kaartje */
.statix-open-payment {
    margin: 20px 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.statix-open-payment__info p {
    margin: 4px 0;
    font-size: 15px;
}

.statix-open-payment__total {
    font-size: 22px;
    font-weight: 700;
    color: #b32d2e;
}

.statix-open-payment .statix-btn {
    padding: 12px 24px;
    font-size: 15px;
}

.statix-open-payment__vat-line {
    font-size: 13px;
    color: #555;
    margin-top: 8px;
}

.statix-open-payment__vat-total {
    font-size: 13px;
    color: #666;
    margin-top: 2px;
    text-align: right;
}

/* Utility: witte / subtiele tekst voor op hero/afbeelding achtergrond */
.statix-text-white,
#top .statix-text-white,
.statix-text-white * {
    color: #fff !important;
}

.statix-text-shadow,
#top .statix-text-shadow {
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.statix-sub-text,
#top .statix-sub-text {
    font-size: 0.85em;
    color: #888;
    line-height: 1.4;
}

#top .statix-sub-text.statix-text-white,
#top .statix-text-white .statix-sub-text {
    color: #fff !important;
}

@media (max-width: 768px) {
    #top .statix-account-grid {
        grid-template-columns: 1fr;
    }

    #top .statix-account-card table,
    #top .statix-account-card .statix-orders-table {
        display: block;
        overflow-x: auto;
    }

    #top .statix-account-card table th,
    #top .statix-account-card table td,
    #top .statix-account-card .statix-orders-table th,
    #top .statix-account-card .statix-orders-table td {
        white-space: nowrap;
    }

    .statix-open-payment {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* ================================
   17. BETALINGSPAGINA / BETAALSTATUS
   ================================ */

#top .statix-pay-invoice,
#top .statix-payment-status,
#top .statix-checkout-step-content.statix-payment-status {
    max-width: 700px;
    margin: 40px auto;
    padding: 32px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    text-align: center;
}

#top .statix-pay-invoice h3,
#top .statix-payment-status h3 {
    margin-top: 0;
    font-size: 22px;
}

#top .statix-pay-invoice p,
#top .statix-payment-status p {
    font-size: 15px;
    margin: 8px 0;
}

#top .statix-pay-invoice .statix-btn,
#top .statix-payment-status .statix-btn {
    margin-top: 16px;
    padding: 12px 28px;
    font-size: 15px;
}

#top .statix-payment-status-card {
    margin: 24px 0;
    padding: 28px;
    border-radius: 8px;
    background: #f9f9f9;
    border: 1px solid #eee;
}

#top .statix-payment-status-card__header h2 {
    margin: 0 0 8px 0;
    font-size: 28px;
}

#top .statix-payment-status.is-paid .statix-payment-status-card__header h2 { color: #28a745; }
#top .statix-payment-status.is-open .statix-payment-status-card__header h2,
#top .statix-payment-status.is-pending .statix-payment-status-card__header h2 { color: #856404; }
#top .statix-payment-status.is-failed .statix-payment-status-card__header h2 { color: #dc3545; }
#top .statix-payment-status.is-expired .statix-payment-status-card__header h2 { color: #fd7e14; }
#top .statix-payment-status.is-canceled .statix-payment-status-card__header h2 { color: #6c757d; }

#top .statix-payment-status-card__amount {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 16px 0;
    color: #333;
}

#top .statix-payment-status-card__status {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 16px;
    color: #fff;
    background: #666;
}

#top .statix-payment-status.is-paid .statix-payment-status-card__status { background: #28a745; }
#top .statix-payment-status.is-open .statix-payment-status-card__status,
#top .statix-payment-status.is-pending .statix-payment-status-card__status { background: #ffc107; color: #333; }
#top .statix-payment-status.is-failed .statix-payment-status-card__status { background: #dc3545; }
#top .statix-payment-status.is-expired .statix-payment-status-card__status { background: #fd7e14; }
#top .statix-payment-status.is-canceled .statix-payment-status-card__status { background: #6c757d; }

#top .statix-payment-status-card__details {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 24px;
    margin: 0;
    text-align: left;
}

#top .statix-payment-status-card__details div {
    flex: 0 0 45%;
    min-width: 160px;
}

#top .statix-payment-status-card__details dt {
    font-weight: 600;
    color: #555;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 2px;
}

#top .statix-payment-status-card__details dd {
    margin: 0;
    font-size: 15px;
    color: #333;
}

#top .statix-payment-status .statix-checkout-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
}

/* Globale knopstijl gelijk aan facturatie-mail */
#top .statix-btn-primary,
#top .statix-button-primary,
#top input[type="submit"].statix-btn-primary,
#top button.statix-btn-primary,
#top button.statix-button-primary {
    background: #0077C8;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 12px 28px;
    font-family: Calibri, Arial, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2;
    cursor: pointer;
    display: inline-block;
}

#top .statix-btn-primary:hover,
#top .statix-button-primary:hover,
#top input[type="submit"].statix-btn-primary:hover,
#top button.statix-btn-primary:hover,
#top button.statix-button-primary:hover {
    background: #005fa0;
    color: #fff;
}

#top .statix-btn-outline {
    background: #fff;
    color: #0077C8;
    border: 1px solid #0077C8;
    border-radius: 5px;
    padding: 10px 20px;
    font-family: Calibri, Arial, sans-serif;
    font-size: 12pt;
    cursor: pointer;
    display: inline-block;
}

#top .statix-btn-outline:hover {
    background: #f0f8ff;
}

#top .statix-pay-invoice h4 {
    text-align: left;
    margin: 24px 0 12px 0;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 6px;
}

#top .statix-pay-invoice__items {
    text-align: left;
    margin-bottom: 16px;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#top .statix-pay-invoice__items th,
#top .statix-pay-invoice__items td {
    padding: 10px 8px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    border: none;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}

#top .statix-pay-invoice__items th,
#top #statix-order-detail .statix-orders-table th,
#top #statix-orders .statix-orders-table th {
    white-space: nowrap;
    font-weight: 600;
    color: #555;
    border-bottom: 1px solid #ccc;
    text-transform: none;
    letter-spacing: normal;
}

#top .statix-pay-invoice__items th:nth-child(1),
#top .statix-pay-invoice__items td:nth-child(1) { width: 46%; }
#top .statix-pay-invoice__items th:nth-child(2),
#top .statix-pay-invoice__items td:nth-child(2) { width: 12%; }
#top .statix-pay-invoice__items th:nth-child(3),
#top .statix-pay-invoice__items td:nth-child(3) { width: 10%; text-align: center; }
#top .statix-pay-invoice__items th:nth-child(4),
#top .statix-pay-invoice__items td:nth-child(4) { width: 16%; text-align: right; }
#top .statix-pay-invoice__items th:nth-child(5),
#top .statix-pay-invoice__items td:nth-child(5) { width: 16%; text-align: right; }

#top .statix-pay-invoice__totals {
    max-width: 320px;
    margin: 0 0 24px auto;
    padding: 16px;
    background: #f9f9f9;
    border-radius: 6px;
    text-align: left;
}

#top .statix-pay-invoice__row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    font-size: 14px;
}

#top .statix-pay-invoice__row.total {
    border-top: 1px solid #ddd;
    margin-top: 8px;
    padding-top: 10px;
    font-weight: 600;
    font-size: 16px;
}

#top .statix-pay-invoice__coupon {
    margin-bottom: 16px;
    text-align: left;
}

#top .statix-pay-invoice__coupon label {
    display: block;
    font-weight: 500;
    margin-bottom: 4px;
    font-size: 14px;
}

#top .statix-pay-invoice__coupon input {
    width: 100%;
    max-width: 260px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#top .statix-pay-invoice__form {
    margin-top: 16px;
}

#top .statix-pay-invoice__coupon {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    min-height: 40px;
}

#top .statix-pay-invoice__coupon .statix-coupon-field {
    display: none;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

#top .statix-pay-invoice__coupon .statix-coupon-field input,
#top .statix-pay-invoice__coupon .statix-coupon-field button {
    height: 40px;
    line-height: 1;
    box-sizing: border-box;
    margin: 0;
    vertical-align: middle;
}

#top .statix-pay-invoice__coupon .statix-coupon-field input {
    width: auto;
    min-width: 160px;
    border: 2px solid #2c7be5;
    padding: 8px 12px;
    border-radius: 4px;
}

#top .statix-pay-invoice__coupon .statix-coupon-field .statix-btn-primary {
    padding: 0 20px;
}

#top .statix-pay-invoice__coupon .statix-coupon-msg {
    flex-basis: 100%;
    margin: 4px 0 0 0;
    font-size: 12px;
}

#top .statix-pay-invoice__coupon .statix-coupon-msg.error { color: #b32d2e; }
#top .statix-pay-invoice__coupon .statix-coupon-msg.success { color: #28a745; }

#top .statix-open-payment-card {
    margin-top: 24px;
}

#top .statix-open-payment-card .statix-open-payment {
    justify-content: space-between;
}