body a { color: var(--billing-dark); }
div.navigation div a:link,
div.navigation div a:visited { color: var(--billing-dark); }
div.navigation div.active a,
div.navigation div.active a:link,
div.navigation div.active a:visited,
div.navigation div.active a:hover,
div.navigation div.active a:focus,
div.navigation div.active a:active { color: #fff; background-color: var(--billing-primary); border-radius: 5px; }
.side_box_title, .side_box .title { color: var(--billing-text); background-color: var(--billing-panel); }
.btn.btn-primary, .btn.btn-info { background-color: var(--billing-primary); }
.site-payment-form { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; margin: 12px 0; }
.site-payment-form label { display: block; }
.site-payment-form input, .site-payment-form select { max-width: 100%; }
@media (max-width: 960px) { .cabinet-compact .site-payment-form > * { width: 100%; } }

.maintenance-banner { padding: 12px; margin: 8px 0; border: 1px solid var(--billing-border); border-left: 4px solid var(--billing-primary); border-radius: 4px; background: var(--billing-panel); color: var(--billing-text); font-weight: bold; }

/* Explicit paired colors for subscription actions on small screens. */
@media (max-width: 960px) {
    body.cabinet-compact .billing-subscription-controls input[type="submit"],
    body.cabinet-compact .billing-subscription-controls button,
    body.login-card-frame .billing-subscription-controls input[type="submit"],
    body.login-card-frame .billing-subscription-controls button {
        color: var(--billing-text, #163b61);
        background: var(--billing-panel, #e8f2ff);
        border: 1px solid var(--billing-border, #86afd5);
        text-shadow: none;
    }
}

html body .billing-subscription-controls input[type="submit"],
html body .billing-subscription-controls button,
html body .billing-subscription-controls button.btn {
    font-weight: 700;
}

.customer-exchange-rates-mobile { display: none; }
.customer-exchange-rate { padding: 3px 0; overflow-wrap: anywhere; }
@media (max-width: 960px) {
    .cabinet-compact .customer-exchange-rates-mobile { display: block; margin-bottom: 12px; }
    .cabinet-compact .left_section .customer-exchange-rates { display: none; }
}

.billing-brand { padding: 14px 20px; text-align: center; }
.billing-brand img { width: 150px; height: auto; max-width: 100%; }
.billing-logo-preview img { display: block; max-width: 240px; max-height: 180px; object-fit: contain; margin: 12px 0; }