/* Route Africa NextGen - WHMCS 8.13 client-area skin.
 * Restyles the native Twenty-One (Bootstrap 4.5) and Standard Cart markup in the approved Route Africa palette.
 * Everything is scoped under body.ra-body / #order-standard_cart so native behaviour is untouched.
 * Contrast: body text #E2E8F0 and muted #A2B4CA on #07090F/#0F131E exceed WCAG AA (4.5:1). */
:root {
    --ra-bg: #07090F;
    --ra-surface: #0F131E;
    --ra-surface-2: #0D1421;
    --ra-surface-3: #131D2D;
    --ra-border: #1E2536;
    --ra-border-2: #253149;
    --ra-text: #E2E8F0;
    --ra-muted: #A2B4CA;
    --ra-blue: #28B7EF;
    --ra-blue-2: #1597D4;
    --ra-cyan: #00E5FF;
    --ra-green: #00D995;
    --ra-red: #FF2449;
    --ra-amber: #F59E0B;
    --ra-radius: 12px;
    --ra-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

/* ---------------------------------------------------------------- base */
body.ra-body { background: var(--ra-bg); color: var(--ra-text); font-family: var(--ra-font); }
body.ra-body img { max-width: 100%; }
body.ra-body a { color: var(--ra-blue); }
body.ra-body a:hover { color: #70c9ff; }
body.ra-body h1, body.ra-body h2, body.ra-body h3, body.ra-body h4, body.ra-body h5, body.ra-body h6,
body.ra-body .h1, body.ra-body .h2, body.ra-body .h3, body.ra-body .h4, body.ra-body .h5, body.ra-body .h6 { color: #fff; }
body.ra-body .text-muted, body.ra-body small.text-muted { color: var(--ra-muted) !important; }
body.ra-body .text-dark { color: var(--ra-text) !important; }
body.ra-body hr { border-top-color: var(--ra-border); }
body.ra-body :focus-visible { outline: 2px solid #74ccff; outline-offset: 3px; }
body.ra-body .bg-white, body.ra-body .bg-light, body.ra-body .bg-default { background-color: var(--ra-surface) !important; }
body.ra-body .border, body.ra-body .border-top, body.ra-body .border-bottom { border-color: var(--ra-border) !important; }
.ra-skip-link { position: absolute; left: 12px; top: -60px; z-index: 1000; background: var(--ra-blue); color: #061018 !important; padding: 10px 16px; border-radius: 8px; font-weight: 700; }
.ra-skip-link:focus { top: 12px; }
#ra-main:focus { outline: none; }
.ra32-header a, .ra35-footer a, .ra-auth a { text-decoration: none; }
.ra32-header details > summary { display: list-item; }
.ra32-header .ra32-menu > summary, .ra32-header .ra32-country-picker > summary, .ra32-header .ra36-mobile-group > summary { display: block; }
.ra32-header .ra32-country-picker > .ra32-country { display: inline-flex; }
.ra35-footer h2, .ra35-footer h3 { color: #fff; }
.ra35-footer { margin-top: 64px; }

/* ---------------------------------------------------------------- account bar (native WHMCS navigation) */
.ra-account-bar { background: var(--ra-surface-2); border-bottom: 1px solid var(--ra-border); position: relative; z-index: 120; }
.ra-account-top { border-bottom: 1px solid var(--ra-border); padding: 6px 0; font-size: 13px; }
.ra-account-top .btn, .ra-account-top .input-group-text { color: var(--ra-text); background: transparent; border-color: var(--ra-border-2); font-size: 13px; }
.ra-account-top .btn-active-client { background: var(--ra-surface-3); }
.ra-client-nav { padding: 0; }
.ra-client-nav-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; min-height: 56px; }
.ra-client-nav-title { color: #fff; font-weight: 700; font-size: 14px; white-space: nowrap; }
.ra-client-nav-title i { color: var(--ra-blue); margin-right: 6px; }
.ra-client-tools { display: flex; align-items: center; gap: 8px; margin-left: auto; order: 2; }
.ra-client-nav .navbar-collapse { order: 3; flex-basis: 100%; }
@media (min-width: 1200px) {
    .ra-client-nav .navbar-collapse { order: 1; flex-basis: auto; flex-grow: 1; }
    .ra-client-tools { order: 2; margin-left: 0; }
}
.ra-client-nav .navbar-nav .nav-link { color: #d8e0ec; font-weight: 600; font-size: 14px; padding: 16px 10px; }
.ra-client-nav .navbar-nav .nav-link:hover, .ra-client-nav .navbar-nav .active > .nav-link, .ra-client-nav .navbar-nav .show > .nav-link { color: var(--ra-blue); }
.ra-client-nav .cart-btn, .ra-client-nav .ra-client-toggle, .ra-locale-btn { color: #d8e0ec; border: 1px solid var(--ra-border-2); border-radius: 9px; padding: 6px 10px; background: transparent; }
.ra-client-nav .cart-btn .badge { background: var(--ra-blue); color: #061018; }
.ra-kb-search { align-items: center; gap: 4px; }
.ra-kb-search .form-control { width: 220px; height: 38px; }
@media (max-width: 1199.98px) {
    .ra-client-nav .navbar-nav .nav-link { padding: 10px 4px; }
    .ra-client-nav .navbar-collapse { padding-bottom: 12px; }
}
.ra-breadcrumb { background: transparent; }
body.ra-body .master-breadcrumb .breadcrumb { background: transparent; color: var(--ra-muted); padding: 14px 0 0; margin: 0; }
body.ra-body .breadcrumb-item.active, body.ra-body .breadcrumb-item + .breadcrumb-item::before { color: var(--ra-muted); }
body.ra-body #main-body { background: transparent; padding: 24px 0 8px; }

/* ---------------------------------------------------------------- Bootstrap components */
body.ra-body .card, body.ra-body .panel, body.ra-body .list-group-item, body.ra-body .modal-content,
body.ra-body .dropdown-menu, body.ra-body .popover, body.ra-body .tile, body.ra-body .well,
body.ra-body .client-home-cards .card { background-color: var(--ra-surface); border-color: var(--ra-border); color: var(--ra-text); }
body.ra-body .card { border-radius: var(--ra-radius); }
body.ra-body .card-header, body.ra-body .card-footer, body.ra-body .modal-header, body.ra-body .modal-footer,
body.ra-body .panel-heading, body.ra-body .panel-footer { background-color: var(--ra-surface-2); border-color: var(--ra-border); color: #fff; }
body.ra-body .card-title, body.ra-body .card-header h3, body.ra-body .card-header .card-title { color: #fff; }
body.ra-body .list-group-item-action { color: var(--ra-text); }
body.ra-body .list-group-item-action:hover, body.ra-body .list-group-item-action:focus { background: var(--ra-surface-3); color: #fff; }
body.ra-body .list-group-item.active { background: var(--ra-blue-2); border-color: var(--ra-blue-2); color: #fff; }
body.ra-body .card-sidebar .card-header { background: var(--ra-surface-2); }
body.ra-body .tiles .tile { border-color: var(--ra-border); }
body.ra-body .tiles .tile:hover { background: var(--ra-surface-3); }
body.ra-body .tiles .tile .stat { color: #fff; }
body.ra-body .tiles .tile .title { color: var(--ra-muted); }
body.ra-body .dropdown-item { color: var(--ra-text); }
body.ra-body .dropdown-item:hover, body.ra-body .dropdown-item:focus { background: var(--ra-surface-3); color: #fff; }
body.ra-body .dropdown-divider { border-top-color: var(--ra-border); }
body.ra-body .popover-body, body.ra-body .popover-header { color: var(--ra-text); background: var(--ra-surface); }
body.ra-body .close { color: #fff; text-shadow: none; opacity: .8; }

body.ra-body .table, body.ra-body table.dataTable { color: var(--ra-text); }
body.ra-body .table th, body.ra-body .table td, body.ra-body .table thead th { border-color: var(--ra-border); }
body.ra-body .table thead th { color: #fff; background: var(--ra-surface-2); }
body.ra-body .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,.025); }
body.ra-body .table-hover tbody tr:hover, body.ra-body .table-list tbody tr:hover { background-color: var(--ra-surface-3); color: #fff; }
body.ra-body .table-container, body.ra-body .dataTables_wrapper { background: var(--ra-surface); color: var(--ra-text); border-radius: var(--ra-radius); }
body.ra-body .dataTables_wrapper .dataTables_info, body.ra-body .dataTables_wrapper label { color: var(--ra-muted); }
body.ra-body .table-responsive { -webkit-overflow-scrolling: touch; }

body.ra-body .form-control, body.ra-body .custom-select, body.ra-body select.form-control,
body.ra-body textarea.form-control, body.ra-body .input-group-text {
    background-color: var(--ra-bg); border-color: var(--ra-border-2); color: #fff;
}
body.ra-body .form-control::placeholder { color: #7f91a8; opacity: 1; }
body.ra-body .form-control:focus, body.ra-body .custom-select:focus { background-color: var(--ra-bg); border-color: var(--ra-blue); color: #fff; box-shadow: 0 0 0 3px rgba(40,183,239,.25); }
body.ra-body .form-control:disabled, body.ra-body .form-control[readonly] { background-color: var(--ra-surface-2); color: var(--ra-muted); }
body.ra-body .input-group-text { color: var(--ra-muted); }
body.ra-body label, body.ra-body .control-label, body.ra-body .col-form-label { color: var(--ra-text); }
body.ra-body .custom-control-label::before { background-color: var(--ra-bg); border-color: var(--ra-border-2); }
body.ra-body .field-help-text, body.ra-body .form-text { color: var(--ra-muted); }

body.ra-body .btn-primary { background: linear-gradient(135deg, var(--ra-blue), var(--ra-blue-2)); border-color: var(--ra-blue-2); color: #061018; font-weight: 700; }
body.ra-body .btn-primary:hover, body.ra-body .btn-primary:focus { filter: brightness(1.08); color: #061018; }
body.ra-body .btn-default, body.ra-body .btn-secondary, body.ra-body .btn-light, body.ra-body .btn-outline-secondary {
    background: transparent; border: 1px solid var(--ra-border-2); color: var(--ra-text);
}
body.ra-body .btn-default:hover, body.ra-body .btn-secondary:hover, body.ra-body .btn-light:hover, body.ra-body .btn-outline-secondary:hover { background: var(--ra-surface-3); color: #fff; }
body.ra-body .btn-success { background: #0aa678; border-color: #0aa678; color: #fff; }
body.ra-body .btn-link { color: var(--ra-blue); }

body.ra-body .alert { border-radius: 10px; border-width: 1px; }
body.ra-body .alert-info { background: rgba(40,183,239,.10); border-color: rgba(40,183,239,.35); color: #bfe9fb; }
body.ra-body .alert-success { background: rgba(0,217,149,.10); border-color: rgba(0,217,149,.35); color: #b5f5df; }
body.ra-body .alert-warning { background: rgba(245,158,11,.10); border-color: rgba(245,158,11,.40); color: #fde3b0; }
body.ra-body .alert-danger { background: rgba(255,36,73,.10); border-color: rgba(255,36,73,.40); color: #ffc2cd; }
body.ra-body .alert a, body.ra-body .alert .alert-link { color: inherit; text-decoration: underline; }

body.ra-body .nav-tabs { border-bottom-color: var(--ra-border); }
body.ra-body .nav-tabs .nav-link { color: var(--ra-muted); }
body.ra-body .nav-tabs .nav-link.active, body.ra-body .nav-tabs .nav-item.show .nav-link { background: var(--ra-surface); border-color: var(--ra-border) var(--ra-border) var(--ra-surface); color: #fff; }
body.ra-body .page-link { background: var(--ra-surface); border-color: var(--ra-border); color: var(--ra-text); }
body.ra-body .page-item.active .page-link { background: var(--ra-blue-2); border-color: var(--ra-blue-2); color: #fff; }
body.ra-body .page-item.disabled .page-link { background: var(--ra-surface-2); color: #6c7f97; }
body.ra-body .badge-light, body.ra-body .badge-secondary { background: var(--ra-surface-3); color: var(--ra-text); }
body.ra-body .progress { background: var(--ra-surface-3); }
body.ra-body .home-domain-search { background: var(--ra-surface) !important; border-bottom: 1px solid var(--ra-border); }
body.ra-body .modal-backdrop.show { opacity: .7; }
body.ra-body .modal-localisation .modal-content { background: var(--ra-surface-2); }
body.ra-body .modal-localisation .item { color: var(--ra-text); }
body.ra-body .modal-localisation .item.active { color: var(--ra-blue); }
body.ra-body pre, body.ra-body code { color: #c9e7ff; }
body.ra-body .ticket-reply, body.ra-body .ticket-reply .posted-by { background: var(--ra-surface); border-color: var(--ra-border); color: var(--ra-text); }

/* ---------------------------------------------------------------- Standard Cart (order form) */
#order-standard_cart { color: var(--ra-text); }
#order-standard_cart .header-lined h1, #order-standard_cart h1, #order-standard_cart h2, #order-standard_cart h3 { color: #fff; }
#order-standard_cart .sub-heading { border-top-color: var(--ra-border); }
#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading-borderless span { background: var(--ra-bg); color: var(--ra-muted); }
#order-standard_cart .products .product, #order-standard_cart .panel-addon, #order-standard_cart .view-cart-items,
#order-standard_cart .order-summary, #order-standard_cart .domain-checker-container, #order-standard_cart .domain-selection-options .option,
#order-standard_cart .account-select-container div.account, #order-standard_cart .apply-credit-container,
#order-standard_cart .cc-input-container, #order-standard_cart .addon-promo-container, #order-standard_cart .mc-promo,
#order-standard_cart .order-confirmation, #order-standard_cart .empty-cart, #order-standard_cart .domain-suggestions,
#order-standard_cart .domain-lookup-primary-results, #order-standard_cart .view-cart-tabs .tab-content {
    background-color: var(--ra-surface); border-color: var(--ra-border); color: var(--ra-text);
}
#order-standard_cart .products .product header, #order-standard_cart .panel-addon .panel-add,
#order-standard_cart .view-cart-items-header, #order-standard_cart .order-summary h2 { background-color: var(--ra-surface-2); color: #fff; border-color: var(--ra-border); }
#order-standard_cart .products .product .product-desc, #order-standard_cart .products .product footer { color: var(--ra-text); }
#order-standard_cart .products .product .price { color: #fff; }
#order-standard_cart .view-cart-items .item { border-bottom-color: var(--ra-border); }
#order-standard_cart .view-cart-items .item-title, #order-standard_cart .view-cart-items .item-price span:first-child { color: #fff; }
#order-standard_cart .order-summary .summary-container { background: var(--ra-surface-2); color: var(--ra-text); }
#order-standard_cart .order-summary .total-due-today .amt { color: #fff; }
#order-standard_cart .panel-addon-selected { border-color: var(--ra-blue); background: rgba(40,183,239,.08); }
#order-standard_cart .domain-selection-options .option-selected { border-color: var(--ra-blue); background: rgba(40,183,239,.08); }
#order-standard_cart .domain-checker-container { background-image: none; }
#order-standard_cart .domain-checker-bg { background: linear-gradient(135deg, rgba(21,151,212,.18), rgba(15,19,30,1)); border-radius: var(--ra-radius); }
#order-standard_cart .domains-row, #order-standard_cart .domain-pricing .tld-row { border-color: var(--ra-border); color: var(--ra-text); }
#order-standard_cart .domain-pricing .tld-row:nth-child(even) { background: rgba(255,255,255,.025); }
#order-standard_cart .domain-checker-result-headline { color: #fff; }
#order-standard_cart .transfer-eligible { color: var(--ra-green); }
#order-standard_cart .transfer-not-eligible { color: #ff8fa3; }
#order-standard_cart .form-control, #order-standard_cart .field, #order-standard_cart select,
#order-standard_cart textarea { background-color: var(--ra-bg); border-color: var(--ra-border-2); color: #fff; }
#order-standard_cart .prepend-icon .field-icon { color: #7f91a8; }
#order-standard_cart .cart-sidebar .card, #order-standard_cart .secondary-cart-sidebar .card { background: var(--ra-surface); }
#order-standard_cart .sidebar-collapsed .panel, #order-standard_cart .sidebar-collapsed select { background: var(--ra-surface); color: var(--ra-text); }
#order-standard_cart .btn-checkout, #order-standard_cart .btn-success { background: linear-gradient(135deg, var(--ra-blue), var(--ra-blue-2)); border-color: var(--ra-blue-2); color: #061018; font-weight: 700; }
#order-standard_cart .btn-remove-from-cart { color: #ff8fa3; }
#order-standard_cart .checkout-security-msg { background: rgba(0,217,149,.08); border-color: rgba(0,217,149,.3); color: #b5f5df; }
#order-standard_cart .view-cart-promotion-code, #order-standard_cart .row-upgrade-credit { color: var(--ra-text); }
#order-standard_cart .mc-promo .header { background: var(--ra-surface-2); color: #fff; }

/* ---------------------------------------------------------------- approved account pages, Bootstrap reconciliation */
body.ra-auth-body { background: #0f172a; }
.ra-auth { min-height: 100vh; display: flex; flex-direction: column; }
.ra-auth .form-control { height: auto; line-height: 1.4; }
.ra-auth select.form-control { padding-right: 2.5rem; }
.ra-auth .input-wrapper.ra-no-icon .form-control { padding-left: 1rem; }
.ra-auth .input-wrapper .iti { width: 100%; }
.ra-auth .input-wrapper .iti input.form-control { padding-left: 52px; }
.ra-auth .card-footer { background: transparent; }
.ra-auth h1 { margin-top: 0; }
.ra-auth label { margin-bottom: .4rem; }
.ra-auth fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.ra-auth .alert { margin-bottom: 1.25rem; font-size: .9rem; }
.ra-auth .alert ul { margin: .25rem 0 0 1rem; }
.ra-auth .ra-captcha { margin: 0 0 1.25rem; }
.ra-auth .ra-captcha .form-control { padding-left: 1rem; }
.ra-auth .ra-reset-intro, .ra-auth .ra-reset-success { color: var(--text-muted, #94a3b8); margin-bottom: 1rem; }
.ra-auth .ra-strong-line { font-weight: 600; color: #fff; margin-bottom: .5rem; }
.ra-auth .password-strength-meter .progress { height: 8px; margin-top: .6rem; }
.ra-auth .password-strength-meter p { color: #94a3b8; margin: .4rem 0 0; }
.ra-auth .ra-pw-tools .generate-password { width: 100%; }
.ra-auth .ra-optin { margin: .5rem 0 1rem; color: #94a3b8; font-size: .9rem; }
.ra-auth .form-check { padding-left: 1.5rem; }
.ra-auth .ra-custom-fields .control .form-control { padding-left: 1rem; }
.ra-auth .tld-table a, .ra-auth .tld-pill a { color: inherit; }
.ra-auth .tld-pill a:hover, .ra-auth .tld-table a:hover { color: #38bdf8; text-decoration: underline; }
.ra-auth .tfa-toggle-link { display: block; }
.ra-auth .ra-tfa-challenge { margin-bottom: 1rem; }
.ra-auth .ra-tfa-challenge .form-control { padding-left: 1rem; }
.ra-auth .ra-tfa-challenge .btn { width: 100%; margin-top: .75rem; }
.ra-auth .ra-otp-native { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip: rect(0 0 0 0); opacity: 0; }
.ra-auth .ra-selector a[aria-current="page"] .ra-check { visibility: visible; }
.ra-auth header.ra-auth-header { z-index: 110; }
/* Registration wizard: both steps visible without JavaScript or after a server-side validation error. */
html:not(.ra-js) .ra-auth .form-step, .ra-auth .ra-wizard-off .form-step { display: block !important; }
html:not(.ra-js) .ra-auth .ra-step-next, html:not(.ra-js) .ra-auth .ra-step-back,
.ra-auth .ra-wizard-off .ra-step-next, .ra-auth .ra-wizard-off .ra-step-back,
html:not(.ra-js) .ra-auth .step-bar, .ra-auth .ra-wizard-off ~ .step-bar { display: none !important; }
.ra-auth .ra-wizard-off #formStep2 { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #334155; }

@media (prefers-reduced-motion: reduce) {
    body.ra-body *, body.ra-body *::before, body.ra-body *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}

/* R4: deliberate two-row native toolbar; narrow laptops no longer wrap tools awkwardly. */
body.ra-body .ra-client-nav-inner { min-width:0; padding-top:10px; padding-bottom:8px; }
body.ra-body .ra-client-nav .navbar-collapse { order:3; flex-basis:100%; min-width:0; }
body.ra-body .ra-client-tools { order:2; margin-left:auto; flex-wrap:wrap; max-width:100%; }
body.ra-body .ra-client-nav-title { order:1; }
body.ra-body .ra-client-nav .navbar-nav .nav-link { padding-top:10px; padding-bottom:10px; }
body.ra-body .ra-kb-search .form-control { width:200px; }
@media (max-width:575.98px) {
 body.ra-body .ra-client-nav-title { font-size:12px; }
 body.ra-body .ra-locale-btn { padding:6px 8px; }
 body.ra-body .ra-client-tools { gap:5px; }
}
/* Native WHMCS 8.13 domain suggestions may use an unclassed textarea and filter controls. */
body.ra-body #frmDomainHomepage .input-group-wrapper,
body.ra-body #frmDomainHomepage .input-group,
body.ra-body #frmDomainHomepage textarea,
body.ra-body #frmDomainHomepage input[type="text"],
body.ra-body #frmDomainHomepage select {
 background-color:var(--ra-surface-2)!important;
 color:var(--ra-text)!important;
 border-color:var(--ra-border-2)!important;
 border-radius:10px;
}
body.ra-body #frmDomainHomepage textarea { width:100%; max-width:100%; box-sizing:border-box; padding:14px; min-height:130px; resize:vertical; }
body.ra-body #frmDomainHomepage textarea::placeholder,
body.ra-body #frmDomainHomepage input::placeholder { color:var(--ra-muted); opacity:1; }
body.ra-body #frmDomainHomepage label,
body.ra-body #frmDomainHomepage .dropdown-toggle,
body.ra-body #frmDomainHomepage .form-check-label { color:var(--ra-text)!important; }
body.ra-body #frmDomainHomepage .input-group-wrapper { padding:12px; border:1px solid var(--ra-border-2); }
body.ra-body #frmDomainHomepage .home-domain-search { background:var(--ra-surface)!important; }

/* R16: keep the public menu above the account toolbar, with native menus below modals. */
body.ra-body #site-header{position:relative;z-index:140;isolation:isolate}
body.ra-body .ra-account-bar{z-index:100;position:relative}
body.ra-body .ra-account-top .ra32-shell{gap:8px;min-width:0}
body.ra-body .ra-account-top .active-client{max-width:100%;flex-wrap:nowrap}
body.ra-body .btn-active-client{max-width:clamp(160px,35vw,440px);white-space:normal;overflow-wrap:anywhere;text-align:left}
body.ra-body .ra-client-nav-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;min-width:0}
body.ra-body .ra-client-tools{grid-column:2;grid-row:1;min-width:0;margin:0;max-width:100%}
body.ra-body .ra-client-nav-title{grid-column:1;grid-row:1}
body.ra-body .ra-client-nav #mainNavbar{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
body.ra-body .ra-kb-search{max-width:260px}.ra-kb-search input{min-width:0}
body.ra-body .ra-client-nav .navbar-nav{flex-wrap:wrap;min-width:0}
body.ra-body .ra-locale-btn{white-space:normal;max-width:210px}
@media(max-width:767px){body.ra-body .ra-client-nav-inner{grid-template-columns:1fr}body.ra-body .ra-client-tools{grid-column:1;grid-row:2;justify-content:flex-end}body.ra-body .ra-client-nav #mainNavbar{grid-row:3}body.ra-body .ra-account-top .ra32-shell{display:block!important}body.ra-body .ra-account-top .active-client{margin-top:6px}body.ra-body .btn-active-client{max-width:calc(100vw - 105px)}}

/* R17: single header with one permission-aware account menu. */
.ra-account-menu{position:relative;flex-shrink:0}
.ra-account-menu>summary{cursor:pointer;list-style:none;white-space:nowrap}
.ra-account-menu>summary::-webkit-details-marker{display:none}
.ra-account-panel{position:absolute;right:0;top:calc(100% + 10px);width:380px;max-width:calc(100vw - 24px);max-height:75vh;overflow:auto;padding:16px;background:#0b1628;border:1px solid #314359;border-radius:12px;box-shadow:0 18px 40px #0006;color:#fff;z-index:200}
.ra-account-panel a,.ra-account-panel summary{display:block;padding:10px 12px;color:#e6f2fc;text-decoration:none;overflow-wrap:anywhere}
.ra-account-panel a:hover,.ra-account-panel summary:hover{background:#16324a;border-radius:6px}
.ra-account-list,.ra-account-list ul{list-style:none;padding:0;margin:0}
.ra-account-list ul{padding-left:12px;border-left:2px solid #2d9fe8}
.ra-account-group>summary{cursor:pointer;font-weight:600}
.ra-account-panel .ra-account-utilities .ra32-shell{width:100%;padding:0;gap:10px;display:flex;flex-direction:column;align-items:stretch!important}
.ra-account-panel .active-client{flex-wrap:wrap;width:100%}
.ra-account-panel .btn-active-client{white-space:normal;max-width:245px;overflow-wrap:anywhere}
.ra-account-panel .ml-auto,.ra-account-panel .mr-auto{margin:0!important}
.ra-account-panel [aria-disabled=true]{opacity:.5;pointer-events:none}
.ra-account-panel .ra-account-utilities{padding-bottom:12px;border-bottom:1px solid #314359}
@media(max-width:600px){.ra-account-panel{position:fixed;top:130px;right:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 150px)}.ra-account-menu>summary{font-size:13px;padding:10px!important}}

.ra-account-menu>summary.ra32-client{background:#0969ad;color:#fff}
@media(max-width:600px){.ra32-header .ra32-brand img{width:105px}.ra32-header .ra32-country-picker>summary{max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ra32-header .ra32-shell{width:calc(100% - 24px)}.ra32-header .ra32-actions{gap:5px}.ra32-header .ra32-mobile-btn{width:32px;min-width:32px}}