/* R31: native client dashboard. No changes to module markup or behaviour. */
body.ra-body #main-body {line-height:1.6;}
body.ra-body #main-body .primary-content, body.ra-body #main-body .sidebar {min-width:0;}
body.ra-body #main-body .card,body.ra-body #main-body .panel {border:1px solid #28354a;border-radius:14px;box-shadow:0 6px 24px #0002;margin-bottom:24px;}
body.ra-body #main-body .card-header,body.ra-body #main-body .panel-heading {padding:16px 20px;background:#121d2e;color:#f5f8fc;border-bottom:1px solid #28354a;border-radius:13px 13px 0 0;}
body.ra-body #main-body .card-title {font-size:16px;font-weight:650;line-height:1.6;}
body.ra-body #main-body .card-body,body.ra-body #main-body .panel-body {padding:20px;background:#0f1726;color:#dce6f3;}
body.ra-body #main-body .card-footer,body.ra-body #main-body .panel-footer {padding:14px 20px;background:#121d2e;}
body.ra-body #main-body .list-group-item {padding:14px 20px;border-color:#28354a;overflow-wrap:anywhere;}
body.ra-body #main-body .sidebar .card-body,body.ra-body #main-body .sidebar .panel-body {font-size:14px;}
body.ra-body #main-body .sidebar .card-body [style*="background: white"],body.ra-body #main-body .sidebar .card-body [style*="background-color: white"],body.ra-body #main-body .sidebar .card-body [style*="background:#fff"],body.ra-body #main-body .sidebar .card-body [style*="background: #fff"] {background:#121d2e!important;color:#dce6f3!important;}
body.ra-body #main-body .tiles {margin-bottom:24px;}
body.ra-body #main-body .tiles .tile {position:relative;display:block;padding:22px;border:1px solid #28354a;border-radius:14px;margin-bottom:16px;min-height:126px;text-decoration:none;}
body.ra-body #main-body .tiles .tile i {font-size:32px;color:#46c4f5;opacity:.8;}
body.ra-body #main-body .tiles .tile .stat {font-size:32px;line-height:1.2;font-weight:700;color:#fff;}
body.ra-body #main-body .tiles .tile .title {font-size:14px;color:#b8c8de;margin-top:6px;}
body.ra-body #main-body .home-kb-search {margin-bottom:24px;}
body.ra-body #main-body .btn {border-radius:8px;white-space:normal;line-height:1.4;padding:9px 14px;}
body.ra-body #main-body .btn-xs,body.ra-body #main-body .btn-sm {padding:7px 11px;font-size:12px;}
body.ra-body #main-body .table td {vertical-align:middle;padding:14px 12px;}
body.ra-body #main-body .table td .btn {margin:3px 4px 3px 0;}
body.ra-body #main-body .table td:last-child {min-width:140px;}
body.ra-body #main-body .alert {padding:16px 20px;line-height:1.6;}
/* MarketConnect renders independently from Bootstrap cards. */
body.ra-body #main-body .mc-promo,body.ra-body #main-body .promo-banner,body.ra-body #main-body .recommended_for_you {background:#0f1726!important;color:#dce6f3!important;border:1px solid #28354a;border-radius:14px;margin-bottom:24px;}
body.ra-body #main-body .mc-promo .header,body.ra-body #main-body .mc-promo .content,body.ra-body #main-body .mc-promo .body,body.ra-body #main-body .promo-banner .content {background:#121d2e!important;color:#dce6f3!important;}
body.ra-body #main-body .mc-promo h3,body.ra-body #main-body .mc-promo h4,body.ra-body #main-body .promo-banner h3 {color:#fff!important;}
body.ra-body #main-body .mc-promo p,body.ra-body #main-body .promo-banner p {color:#b8c8de!important;}
body.ra-body #main-body .mc-promo img,body.ra-body #main-body .promo-banner img {max-width:100%;height:auto;}
@media(max-width:767px){
 body.ra-body #main-body {padding-top:16px;}
 body.ra-body #main-body .card-header,body.ra-body #main-body .card-body,body.ra-body #main-body .panel-body {padding:16px;}
 body.ra-body #main-body .tiles .tile {padding:16px;min-height:112px;}
 body.ra-body #main-body .tiles .tile i {font-size:24px;}
 body.ra-body #main-body .card-title .float-right {float:none!important;display:block;margin-bottom:8px;}
 body.ra-body #main-body .card-body:has(> table),body.ra-body #main-body .table-responsive {overflow-x:auto;-webkit-overflow-scrolling:touch;}
 body.ra-body #main-body .sidebar {margin-bottom:16px;}
 body.ra-body #main-body .form-control {font-size:16px;}
}
/* R32: services, domains, invoices, support and account settings. */
body.ra-body #main-body .header-lined {margin-bottom:24px;border-bottom:1px solid #28354a;padding-bottom:16px;}
body.ra-body #main-body .header-lined h1 {font-size:clamp(24px,3vw,32px);line-height:1.3;}
body.ra-body #main-body .table-container,body.ra-body #main-body .dataTables_wrapper {padding:16px;border:1px solid #28354a;border-radius:14px;max-width:100%;}
body.ra-body #main-body .dataTables_wrapper .row {align-items:center;row-gap:12px;}
body.ra-body #main-body table.dataTable {background:#0f1726!important;color:#dce6f3!important;border-collapse:collapse!important;}
body.ra-body #main-body table.dataTable tbody td,body.ra-body #main-body table.dataTable tbody th {background:transparent;color:#dce6f3;border-color:#28354a;}
body.ra-body #main-body table.dataTable thead th {background:#121d2e;color:#fff;padding:14px 12px;}
body.ra-body #main-body table.dataTable tbody tr {background:#0f1726;}
body.ra-body #main-body table.dataTable tbody tr:nth-child(even) {background:#142033;}
body.ra-body #main-body table.dataTable tbody tr:hover {background:#1a2b42;}
body.ra-body #main-body .dataTables_length select,body.ra-body #main-body .dataTables_filter input {background:#070f1c;color:#f5f8fc;border:1px solid #34465f;border-radius:8px;padding:8px;max-width:100%;}
body.ra-body #main-body .status {border-radius:6px;padding:5px 10px;font-size:12px;font-weight:650;line-height:1.5;}
body.ra-body #main-body .status-active,body.ra-body #main-body .status-paid {background:#153d32;color:#b7f5d7;}
body.ra-body #main-body .status-unpaid,body.ra-body #main-body .status-suspended,body.ra-body #main-body .status-overdue {background:#492332;color:#ffd4dd;}
body.ra-body #main-body .status-pending {background:#49381c;color:#ffe0a6;}
body.ra-body #main-body .nav-tabs {gap:4px;flex-wrap:wrap;margin-bottom:20px;}
body.ra-body #main-body .nav-tabs .nav-link {padding:12px 16px;}
body.ra-body #main-body .tab-content {padding-top:8px;}
body.ra-body #main-body .form-group {margin-bottom:20px;}
body.ra-body #main-body .form-control,body.ra-body #main-body .custom-select {min-height:44px;border-radius:8px;border-color:#34465f;}
body.ra-body #main-body textarea.form-control {min-height:140px;}
body.ra-body #main-body .input-group .form-control {min-width:0;}
body.ra-body #main-body .ticket-reply {border:1px solid #28354a;border-radius:14px;margin-bottom:20px;background:#0f1726;overflow:hidden;}
body.ra-body #main-body .ticket-reply .posted-by {padding:16px;background:#121d2e;color:#dce6f3;border-color:#28354a;}
body.ra-body #main-body .ticket-reply .message {padding:20px;color:#dce6f3;overflow-wrap:anywhere;line-height:1.75;}
body.ra-body #main-body .ticket-reply .attachments {padding:12px 20px;background:#121d2e;border-color:#28354a;}
body.ra-body #main-body .ticket-reply .message pre {white-space:pre-wrap;overflow-wrap:anywhere;}
body.ra-body #main-body .well,body.ra-body #main-body .product-details .product-icon {background:#121d2e;color:#dce6f3;border-color:#28354a;border-radius:12px;padding:20px;}
body.ra-body #main-body .btn-group {flex-wrap:wrap;gap:4px;}
@media(max-width:767px){
 body.ra-body #main-body .dataTables_wrapper .dataTables_filter {text-align:left;}
 body.ra-body #main-body .dataTables_wrapper .dataTables_filter input {width:100%;margin:6px 0;}
 body.ra-body #main-body .dataTables_wrapper .dataTables_filter label {display:block;}
 body.ra-body #main-body .dataTables_wrapper .dataTables_length {text-align:left;}
 body.ra-body #main-body .dataTables_wrapper,body.ra-body #main-body .table-container {overflow-x:auto;-webkit-overflow-scrolling:touch;}
 body.ra-body #main-body .dataTables_wrapper table {min-width:560px;}
 body.ra-body #main-body .pagination {flex-wrap:wrap;gap:4px;}
 body.ra-body #main-body .ticket-reply .message {padding:16px;}
 body.ra-body #main-body .nav-tabs .nav-link {padding:10px 12px;font-size:14px;}
}