/* WreckHost 1.0.0-rc.1: shared client-area and standalone billing presentation. */
.wh-theme { background: #f4f7fa; }
.wh-theme:not(.wh-page-login) #main-body { background: #f4f7fa; }
.wh-theme #mainNavbar > ul { min-width: 0; }
.wh-theme #mainNavbar > .navbar-nav { margin-top: 0; margin-bottom: 0; gap: 4px; }
.wh-theme #mainNavbar > ul > li > a { font-size: 14px; line-height: 20px; }
.wh-theme #mainNavbar .dropdown-item { white-space: normal; overflow-wrap: anywhere; }
.wh-theme #mainNavbar .dropdown-menu { min-width: 232px; padding: 6px 0; }
.wh-theme #mainNavbar li.dropdown-item { padding: 0; }
.wh-theme #mainNavbar .dropdown-menu a { font-size: 14px; line-height: 1.5; padding: 8px 14px !important; }
.wh-theme #mainNavbar .dropdown-divider { margin: 5px 0; }
/* Compact guest product menus reuse the native WHMCS links. */
.wh-theme #mainNavbar .wh-guest-group > .dropdown-menu { width: 248px; min-width: 232px; max-width: calc(100vw - 36px); }
.wh-theme #mainNavbar .wh-guest-group .dropdown-menu a { min-height: 40px; }
.wh-theme #header .toolbar { margin-top: 0; margin-bottom: 0; align-items: center; }
.wh-theme #header > .navbar-light > .container { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; }
.wh-theme #header .navbar-brand { grid-column: 1; grid-row: 1; justify-self: start; }
.wh-theme #header .toolbar { grid-column: 2; grid-row: 1; justify-self: end; margin-left: 0; }
.wh-theme #mainNavbar { grid-column: 1 / -1; grid-row: 2; }
.wh-theme #header .navbar-brand { flex-shrink: 0; }
.wh-theme #header .active-client { max-width: 100%; }
.wh-theme #header .btn-active-client { max-width: 260px; }
.wh-theme #header .btn-active-client span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wh-theme .primary-content > .wh-section-heading { margin-bottom: 18px; }
.wh-theme .wh-section-heading h2 { font-size: 24px; font-weight: 700; letter-spacing: -.6px; margin: 0 0 5px; }
.wh-theme .wh-section-heading p { margin: 0; color: var(--wh-muted); font-size: 13px; }
.wh-theme .table-container { border: 1px solid var(--wh-border); border-radius: 8px; background: #fff; margin: 0 0 24px; padding: 0; }
.wh-theme .table-container .listtable { border: 0; margin: 0; border-radius: 8px 8px 0 0; }
.wh-theme .table-container .table { margin: 0 !important; width: 100% !important; border: 0; }
.wh-theme .table-container .dataTables_filter { padding: 18px 18px 10px; margin: 0; }
.wh-theme .table-container .dataTables_filter label { width: 100%; margin: 0; }
.wh-theme .table-container .dataTables_filter input { border: 1px solid #bdccdc; border-radius: 5px; min-height: 42px; width: 250px; max-width: 100%; background: #fff; margin: 0; padding: 8px 12px; }
.wh-theme .table-container .dataTables_info { padding: 10px 18px 14px; color: var(--wh-muted); font-size: 12px; }
.wh-theme .table-list > thead > tr > th { background: #edf2f7; color: #425a78; border-bottom: 1px solid var(--wh-border); font-size: 11px; letter-spacing: .2px; vertical-align: middle; white-space: normal; }
.wh-theme .table-list > tbody > tr > td { border-bottom: 1px solid #e7edf5; background: #fff; }
.wh-theme .table-list > tbody > tr:hover > td { background: #f6f9fc; }
.wh-theme .table-list > tbody > tr > td:first-child { border-left: 3px solid transparent; }
.wh-theme .table-list > tbody > tr:hover > td:first-child { border-left-color: var(--wh-orange); }
.wh-theme .wh-record-link { color: #123b78; font-weight: 650; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.wh-theme .wh-record-link:hover { color: #a94300; }
.wh-theme .dataTables_wrapper .dataTables_paginate { padding: 14px 18px; }
.wh-theme .dataTables_wrapper .dataTables_length { margin: 0; padding: 14px 18px; color: var(--wh-muted); }
.wh-theme .dataTables_wrapper .dataTables_length select { border: 1px solid #bdccdc; border-radius: 4px; min-height: 34px; background: #fff; }
.wh-theme .pagination .page-link { color: #123b78; border-color: #d5e0ec; min-width: 36px; text-align: center; box-shadow: none; }
.wh-theme .pagination .active .page-link { background: #123b78; color: #fff; border-color: #123b78; }
.wh-theme .pagination .disabled .page-link { color: #69798d; background: #f5f7f9; }
.wh-theme .table-list .dataTables_empty { padding: 42px 20px; color: var(--wh-muted); }
.wh-theme #tableLoading { padding: 35px 18px 18px; }
.wh-theme .status { border: 1px solid #d5dfec; border-radius: 5px; padding: 5px 9px; font-size: 11px; font-weight: 600; display: inline-block; line-height: 1.35; white-space: nowrap; }
.wh-theme .status-active, .wh-theme .status-paid, .wh-theme .status-completed { background: #eaf7ef; color: #196a3d; border-color: #c4e5d1; }
.wh-theme .status-pending, .wh-theme .status-pending-transfer, .wh-theme .status-unpaid, .wh-theme .status-draft { background: #fff5e5; color: #855109; border-color: #efd5a5; }
.wh-theme .status-suspended, .wh-theme .status-overdue, .wh-theme .status-expired, .wh-theme .status-fraud { background: #ffefed; color: #a33027; border-color: #ecc7c3; }
.wh-theme .status-cancelled, .wh-theme .status-terminated, .wh-theme .status-inactive, .wh-theme .status-closed { background: #edf1f6; color: #526074; border-color: #d8e1ec; }
.wh-theme .status-refunded, .wh-theme .status-transferred, .wh-theme .status-payment-pending { background: #eef4ff; color: #2b5087; border-color: #cbdcf5; }
.wh-theme input[type='checkbox'], .wh-theme input[type='radio'] { accent-color: #123b78; }
.wh-theme .form-control:disabled, .wh-theme .form-control[readonly] { background-color: #edf2f7; color: #586779; opacity: 1; }
.wh-theme .form-control.is-invalid { border-color: #b83d35; }
.wh-theme select.form-control { height: auto; padding-top: 9px; padding-bottom: 9px; }
.wh-theme .input-group > .form-control { min-width: 0; }
.wh-theme .form-group small, .wh-theme .help-block { color: var(--wh-muted); }
.wh-theme .nav-tabs { gap: 4px; border-bottom: 1px solid var(--wh-border); }
.wh-theme .nav-tabs .nav-link { border-radius: 6px 6px 0 0; padding: 12px 16px; font-weight: 600; font-size: 13px; color: #526781; }
.wh-theme .nav-tabs .nav-link.active { color: #10233e; background: #fff; border-color: var(--wh-border) var(--wh-border) #fff; box-shadow: inset 0 3px var(--wh-orange); }
.wh-theme .product-details-tab-container { padding: 25px; border: 1px solid var(--wh-border); border-top: 0; border-radius: 0 0 8px 8px; }
.wh-theme .product-details-tab-container .row { margin-bottom: 12px; }
.wh-theme .product-details .product-status { background: #071b31; border-radius: 7px; color: #fff; border: 1px solid #183751; overflow: hidden; }
.wh-theme .product-details .product-icon { padding: 25px 20px; }
.wh-theme .product-details .product-icon h3 { color: #fff; font-size: 26px; font-weight: 700; margin-top: 10px; }
.wh-theme .product-details .product-icon h4 { color: #b8c9de; font-size: 13px; }
.wh-theme .product-details .product-icon .fa-circle { color: #224461; }
.wh-theme .product-details .product-icon .fa-inverse { color: #ff912f; }
.wh-theme .product-details .product-status-text { padding: 11px 16px; background: #edf1f6; color: #405c78; font-size: 13px; font-weight: 700; }
.wh-theme .product-details .product-status-active .product-status-text { color: #196a3d; background: #eaf7ef; }
.wh-theme .product-details .product-status-suspended .product-status-text { color: #9b3028; background: #ffefed; }
.wh-theme .product-details .product-status-pending .product-status-text { color: #855109; background: #fff5e5; }
.wh-theme .product-details .col-md-6.text-center { text-align: left !important; padding: 6px 28px; }
.wh-theme .product-details .col-md-6.text-center h4 { margin: 18px 0 4px; font-size: 11px; font-weight: 650; color: #63758c; text-transform: uppercase; letter-spacing: .6px; }
.wh-theme .product-details .col-md-6.text-center h4:first-child { margin-top: 0; }
.wh-theme .product-actions-wrapper .btn { margin-bottom: 9px; }
.wh-theme .product-details-tab-container, .wh-theme .kb-article-content, .wh-theme .ticket-reply .message { overflow-wrap: anywhere; }
.wh-theme .product-details-tab-container img, .wh-theme .kb-article-content img, .wh-theme .ticket-reply .message img { max-width: 100%; height: auto; }
.wh-theme .wh-page-clientareadomaindetails .row { margin-bottom: 10px; }
.wh-theme.wh-page-clientareadomaindetails #tabOverview .card-body > .row { padding: 10px 0; border-bottom: 1px solid #edf1f6; }
.wh-theme.wh-page-clientareadomaindetails #tabOverview .card-title { padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #e7edf5; }
.wh-theme.wh-page-clientareadomains #domainForm > .btn-group { flex-wrap: wrap; gap: 7px; }
.wh-theme.wh-page-clientareadomains #domainForm > .btn-group > .btn, .wh-theme.wh-page-clientareadomains #domainForm > .btn-group > .btn-group { margin-left: 0; border-radius: 5px; }
.wh-theme .modal-content { border: 1px solid var(--wh-border); border-radius: 9px; }
.wh-theme .modal-header { border-bottom: 1px solid var(--wh-border); background: #f4f7fb; }
.wh-theme .modal-title { color: #10233e; font-weight: 700; }
.wh-theme .modal-footer { background: #f8fafc; border-top: 1px solid var(--wh-border); flex-wrap: wrap; gap: 8px; }
.wh-theme .modal-footer .btn { margin: 0; }
.wh-theme .modal-localisation .item.active { background: #123b78; color: #fff; }
.wh-theme.wh-section-account .primary-content > .card, .wh-theme.wh-section-account .primary-content > form > .card { border-top: 3px solid #123b78; }
.wh-theme.wh-section-access .primary-content > .row > .card { width: 100%; margin-left: 15px; margin-right: 15px; }
.wh-theme .mw-540 { max-width: 540px; }
.wh-theme .ticket-reply pre, .wh-theme .kb-article-content pre { white-space: pre-wrap; word-break: break-word; }
.wh-theme.wh-section-support .markdown-editor { min-width: 0; }
.wh-theme .home .card { border-top: 3px solid #123b78; }
.wh-theme .action-icon-btns a { border-radius: 8px; border: 1px solid var(--wh-border); background: #fff; }
.wh-theme .home-domain-search { background: #071b31; color: #fff; }
.wh-theme .home-domain-search h2 { color: #fff; }
.wh-theme .btn-outline-primary { border-color: #123b78; color: #123b78; background: transparent; }
.wh-theme .btn-outline-primary:hover, .wh-theme .btn-outline-primary:focus { color: #fff; background: #123b78; }
.wh-theme .btn-primary.disabled, .wh-theme .btn-primary:disabled, .wh-theme .btn-success.disabled, .wh-theme .btn-success:disabled { opacity: .6; color: #10233e; background: #ff7800; border-color: #ff7800; }
.wh-theme .alert-success { background: #eaf7ef; border-color: #bedfc9; color: #1c633c; }
.wh-theme .alert-danger { background: #fff0ef; border-color: #e8c3bf; color: #932e27; }
.wh-theme .alert a { font-weight: 600; text-decoration: underline; }
/* Announcements share the theme's readable typography, including pasted editor text. */
.wh-theme .wh-announcement-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.wh-theme .wh-announcement-heading h1 { margin: 0 0 14px; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.3; font-weight: 700; letter-spacing: -.5px; overflow-wrap: anywhere; }
.wh-theme .wh-announcement-share { flex-shrink: 0; }
.wh-theme .wh-announcement-meta { display: flex; flex-wrap: wrap; gap: 6px 0; padding-bottom: 16px; margin: 0 0 20px; border-bottom: 1px solid var(--wh-border); font-size: 12px; }
.wh-theme .wh-announcement-content, .wh-theme.wh-page-announcements .announcement article { font-family: Inter, Arial, sans-serif; font-size: 15px; line-height: 1.8; color: var(--wh-ink); overflow-wrap: anywhere; }
.wh-theme .wh-announcement-content :is(p, div, span, li, font, a, strong, em, b, u):is([style*="font"], font), .wh-theme.wh-page-announcements .announcement article :is(p, div, span, li, font, a, strong, em, b, u):is([style*="font"], font) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
.wh-theme .wh-announcement-content p, .wh-theme.wh-page-announcements .announcement article p { margin: 0 0 16px; }
.wh-theme .wh-announcement-content > :last-child { margin-bottom: 0; }
.wh-theme .wh-announcement-content :is(h2, h3, h4, h5, h6) { font-family: Inter, Arial, sans-serif; line-height: 1.4; margin: 24px 0 12px; font-weight: 700; }
.wh-theme .wh-announcement-content h2 { font-size: 23px; }
.wh-theme .wh-announcement-content h3 { font-size: 20px; }
.wh-theme .wh-announcement-content :is(h4, h5, h6) { font-size: 17px; }
.wh-theme .wh-announcement-content a:not(.btn), .wh-theme.wh-page-announcements .announcement article a:not(.btn) { color: #123b78; text-decoration: underline; text-underline-offset: 3px; }
.wh-theme .wh-announcement-content a:not(.btn):hover { color: var(--wh-orange-dark); }
.wh-theme .wh-announcement-content img, .wh-theme.wh-page-announcements .announcement article img { max-width: 100%; height: auto; }
.wh-theme .wh-announcement-content { overflow-x: auto; }
.wh-theme .wh-announcement-content pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.wh-theme .wh-announcement-comments { max-width: 100%; overflow-x: auto; }
.wh-theme .wh-announcement-comments > fb\:comments { display: block; }
.wh-theme .wh-announcement-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.wh-theme.wh-page-announcements .announcement h1 { font-size: 23px; line-height: 1.4; font-weight: 700; overflow-wrap: anywhere; }
/* Keep the footer slogan opposite the logo and center native social icons. */
.wh-theme #footer .wh-footer-brand > a { flex-shrink: 0; }
.wh-theme #footer .wh-footer-tagline { margin-left: auto; text-align: right; line-height: 1.25; }
.wh-theme #footer .wh-footer-tagline strong { display: inline-block; }
.wh-theme #footer .wh-footer-tools .btn-icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; font-size: 18px; line-height: 1; vertical-align: middle; border-color: #395069; }
.wh-theme #footer .wh-footer-tools .btn-icon > i { display: block; width: 1em; margin: 0; font-size: inherit; line-height: 1; text-align: center; }
.wh-theme #footer .wh-footer-tools .btn-icon:hover { background: #132c43; border-color: var(--wh-orange); }
.wh-theme #footer .wh-footer-tools .btn-icon:focus-visible { outline: 2px solid var(--wh-orange); outline-offset: 3px; }
/* Standalone invoices, quotes, and billing notes retain the native payment forms. */
.wh-document .wh-document-brand { background: #071b31; border-bottom: 4px solid #ff7800; padding: 24px max(24px, calc((100vw - 960px)/2)); display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.wh-document-brand img { display: block; max-width: 100%; width: 220px; height: auto; }
.wh-document-brand span { color: #b8c9dd; font-size: 10px; font-weight: 600; letter-spacing: 1.8px; }
.wh-document .invoice-container { max-width: 960px; width: calc(100% - 40px); margin: 30px auto 20px; padding: 34px; border: 1px solid #d5dfeb; border-radius: 9px; background: #fff; box-shadow: 0 12px 35px #122d4710; }
.wh-document .invoice-container h3 { font-size: 24px; font-weight: 700; }
.wh-document .invoice-container h4 { font-size: 17px; font-weight: 700; }
.wh-document .invoice-col img { max-width: 230px; height: auto; }
.wh-document .invoice-status { font-size: 20px; font-weight: 700; }
.wh-document .invoice-status .paid { color: #196a3d; }
.wh-document .invoice-status .unpaid { color: #a94300; }
.wh-document .invoice-status .cancelled { color: #64748b; }
.wh-document .invoice-status .refunded { color: #23599a; }
.wh-document .invoice-status .payment-pending { color: #855109; }
.wh-document .invoice-status .draft { color: #64748b; }
.wh-document .invoice-header { margin-bottom: 25px; }
.wh-document .invoice-container .total-row { background: #eef3f9; color: #10233e; }
.wh-document .invoice-container .card { box-shadow: none; }
.wh-document .payment-btn-container { margin-top: 18px; }
.wh-document .invoice-container address { line-height: 1.7; }
.wh-document .invoice-container td { overflow-wrap: anywhere; }
@media (min-width: 1200px) {
  /* Equal side columns center primary links while account and cart stay together. */
  .wh-theme #header > .navbar-light { height: 82px; min-height: 82px; padding: 0; }
  .wh-theme #header > .navbar-light > .container { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .wh-theme #header .toolbar { grid-column: 3; }
  .wh-theme #mainNavbar { display: contents !important; }
  .wh-theme #mainNavbar > .navbar-nav { flex: 0 1 auto; width: auto !important; margin: 0 !important; align-items: center; }
  .wh-theme #mainNavbar > #nav { grid-column: 2; grid-row: 1; justify-self: center; }
  .wh-theme #mainNavbar > .wh-secondary-nav { grid-column: 3; grid-row: 1; justify-self: end; margin-right: 60px !important; }
  .wh-theme #mainNavbar > ul > li > a { padding: 12px 10px; white-space: nowrap; }
}
@media (max-width: 1199px) {
  .wh-theme #mainNavbar .wh-guest-group > .dropdown-menu { width: 100%; min-width: 0; }
  .wh-theme #mainNavbar .wh-guest-group .dropdown-menu a { min-height: 44px; }
  .wh-theme #mainNavbar.show { padding: 14px 0 18px; }
  .wh-theme #header #mainNavbar .search { flex-wrap: nowrap; align-items: stretch; }
  .wh-theme #header #mainNavbar .search .btn { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-height: 44px; padding: 0; line-height: 1; }
  .wh-theme #header #mainNavbar .search .form-control { min-width: 0; height: 44px; min-height: 44px; }
  .wh-theme #mainNavbar .navbar-nav { width: 100% !important; }
  .wh-theme #mainNavbar > ul > li > a { display: block; min-height: 44px; padding: 12px 14px; }
  .wh-theme #mainNavbar .dropdown-menu { position: static; float: none; margin: 4px 0 10px; max-width: 100%; box-shadow: none; }
}
@media (max-width: 767px) {
  .wh-theme .wh-announcement-heading { flex-wrap: wrap; }
  .wh-theme #footer .wh-footer-brand { flex-direction: column; }
  .wh-theme #footer .wh-footer-tagline { margin-left: 0; text-align: center; }
  .wh-theme #footer .wh-footer-tools .btn-icon { width: 44px; height: 44px; }
  .wh-theme #header .navbar-brand .logo-img { width: 190px; }
  .wh-theme #header .btn-active-client { max-width: 160px; }
  .wh-theme .wh-hero-compact { min-height: 175px; padding-top: 26px; padding-bottom: 26px; }
  .wh-theme .wh-hero-compact h1 { font-size: 36px; }
  .wh-theme .wh-section-heading h2 { font-size: 22px; }
  .wh-theme .table-container .dataTables_filter { padding: 15px; float: none; text-align: left; }
  .wh-theme .table-container .dataTables_filter input { width: 100%; }
  .wh-theme .table-container .dataTables_info { padding: 0 15px 12px; text-align: left; }
  .wh-theme .dataTables_wrapper .dataTables_paginate, .wh-theme .dataTables_wrapper .dataTables_length { float: none; text-align: center; padding: 12px; }
  .wh-theme .dataTables_wrapper .pagination { justify-content: center; flex-wrap: wrap; }
  .wh-theme .table th, .wh-theme .table td { padding: 12px 9px; }
  .wh-theme table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child { padding-left: 29px; }
  .wh-theme table.dataTable > tbody > tr.child ul.dtr-details { display: block; width: 100%; }
  .wh-theme table.dataTable > tbody > tr.child .dtr-data { overflow-wrap: anywhere; white-space: normal; }
  .wh-theme .product-details .col-md-6.text-center { padding: 20px 15px 0; }
  .wh-theme .product-details-tab-container { padding: 18px; }
  .wh-theme .nav-tabs { flex-wrap: wrap; }
  .wh-theme .nav-tabs .nav-link { padding: 10px 12px; font-size: 12px; }
  .wh-theme .primary-content { overflow-wrap: anywhere; }
  .wh-theme .primary-content .table-responsive { overflow-x: auto; }
  .wh-theme #payMethodList, .wh-theme #tableContactsList { display: block; max-width: 100%; overflow-x: auto; }
  .wh-theme #payMethodList .btn { margin: 3px; }
  .wh-theme #payMethodList td { min-width: 85px; }
  .wh-theme .wh-document-brand { padding: 20px; }
  .wh-document-brand span { display: none; }
  .wh-document .invoice-container { width: calc(100% - 24px); padding: 22px 16px; margin-top: 18px; }
  .wh-document .invoice-container .table-responsive { overflow-x: auto; }
}
@media (max-width: 374px) {
  .wh-theme #header .navbar-brand .logo-img { width: 155px; }
  .wh-theme #header .toolbar .btn { padding: 8px; }
  .wh-theme #header .btn-active-client { max-width: 115px; }
  .wh-theme .wh-hero h1 { font-size: 35px; }
  .wh-theme .wh-login-story h1 { font-size: 52px; }
}
@media print {
  .wh-theme, .wh-theme #main-body { background: #fff !important; color: #000; }
  .wh-document .invoice-container { border: 0; box-shadow: none; padding: 0; margin: 0; width: 100%; max-width: none; }
  .wh-document .table-responsive { overflow: visible; }
  .wh-document .table { width: 100%; }
  .wh-document .table th, .wh-document .table td { padding: 8px 6px; }
  .wh-document .invoice-container .total-row { color: #000; }
  .wh-document .wh-document-brand { display: none !important; }
}
/* Keep every management column readable, with keyboard-scrollable mobile tables. */
.wh-theme .table-container { overflow: visible; }
.wh-theme .wh-table-scroll { overflow-x: auto; max-width: 100%; width: 100%; clear: both; }
.wh-theme .wh-table-hint { display: none; }
.wh-theme .table-list th, .wh-theme .table-list td { overflow-wrap: normal; word-break: normal; }
.wh-theme #tableServicesList th:nth-child(2), .wh-theme #tableServicesList td:nth-child(2),
.wh-theme #tableDomainsList th:nth-child(3), .wh-theme #tableDomainsList td:nth-child(3) { text-align: left; }
.wh-theme #tableServicesList th:first-child, .wh-theme #tableServicesList td:first-child { width: 42px; }
.wh-theme #tableServicesList td:nth-child(2) { min-width: 175px; max-width: 270px; overflow-wrap: anywhere; }
.wh-theme .table-container .dataTables_filter input { padding-left: 28px; }
.wh-theme .modal-header.bg-primary .modal-title { color: #fff; }
@media(max-width:767px) {
 .wh-theme .table-container .table-list { min-width: 620px; }

 .wh-theme .wh-table-hint { display: block; margin: 0 0 10px; font-size: 12px; color: #526781; }
 .wh-theme.wh-page-clientareadomaindns table, .wh-theme.wh-page-clientareadomainemailforwarding table, .wh-theme.wh-page-bulkdomainmanagement table { display: block; overflow-x: auto; max-width: 100%; }
 .wh-theme.wh-page-clientareadomaindns td { min-width: 125px; }
 .wh-theme.wh-page-clientareadomaindns td:nth-child(3) { min-width: 230px; }
 .wh-theme .wh-record-link { overflow-wrap: normal; }
}
.wh-theme { height: auto; min-height: 100vh; }
.wh-theme .product-details .product-status .product-icon { background: #071b31; border-radius: 6px 6px 0 0; }
.wh-theme.wh-page-clientareadomaindetails #tabOverview h5 { color: #63758c; font-size: 11px; font-weight: 650; text-transform: uppercase; letter-spacing: .6px; margin: 0 0 6px; }
.wh-theme.wh-page-clientareadomaindetails #tabOverview .row > div { margin-bottom: 14px; }
.wh-document .invoice-container .card-title.bg-info { background: #071b31 !important; color: #fff; padding: 15px 18px !important; font-size: 16px; border-radius: 7px 7px 0 0; }
.wh-theme .card-sidebar .card-minimise { display: inline-block !important; padding: 4px; margin-top: 1px; color: #123b78; cursor: pointer; font-size: 12px; }
@media print { .wh-document .invoice-container .card-title.bg-info { color: #000; background: #fff !important; border-bottom: 1px solid #ccc; } }
/* Knowledgebase labels remain readable without the inherited hover tooltips. */
.wh-theme:is(.wh-page-knowledgebase, .wh-page-knowledgebasecat, .wh-page-knowledgebasearticle) .card-sidebar .truncate,
.wh-theme:is(.wh-page-knowledgebase, .wh-page-knowledgebasecat, .wh-page-knowledgebasearticle) .sidebar-menu-item-label {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    min-width: 0;
}
.wh-theme:is(.wh-page-knowledgebase, .wh-page-knowledgebasecat, .wh-page-knowledgebasearticle) .sidebar-menu-item-badge {
    flex-shrink: 0;
}

/* Match Nexus's widget selector specificity so button background and text stay paired. */
body.wh-theme .sidebar .btn-success,
body.wh-theme .primary-content .client-home-cards .card .btn-success,
body.wh-theme .promo-banner .btn-success {
    color: #122137;
    background-color: var(--wh-orange);
    border-color: var(--wh-orange);
}
body.wh-theme .sidebar .btn-success:is(:hover, :focus, :active, .active),
body.wh-theme .primary-content .client-home-cards .card .btn-success:is(:hover, :focus, :active, .active),
body.wh-theme .promo-banner .btn-success:is(:hover, :focus, :active, .active) {
    color: #091321;
    background-color: #ff9639;
    border-color: #ff9639;
}

/* Dashboard widgets retain the native content, links, forms and service actions. */
body.wh-theme .primary-content .client-home-cards .card > .card-body { padding: 20px; font-size: 14px; }
body.wh-theme .primary-content .client-home-cards .card > .card-body > p { padding: 0; margin: 0 0 12px; }
body.wh-theme .primary-content .client-home-cards .card > .card-body > :last-child { margin-bottom: 0; }
body.wh-theme .primary-content .client-home-cards .card > .list-group { max-height: 320px; }
body.wh-theme .primary-content .client-home-cards .card > .list-group > .list-group-item {
    padding: 12px 20px;
    min-height: 52px;
    font-size: 14px;
    line-height: 1.55;
    border-radius: 0;
    overflow-wrap: anywhere;
}
body.wh-theme .primary-content .client-home-cards .card > .list-group > .list-group-item small { margin: 4px 0 0; font-size: 12px; color: var(--wh-muted); }
body.wh-theme .primary-content .client-home-cards .card > .card-footer { padding: 10px 20px; }
body.wh-theme .primary-content .client-home-cards .card .card-header .btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: normal;
    color: var(--wh-blue);
    border-color: var(--wh-border);
}
body.wh-theme .primary-content .client-home-cards .card .card-header .btn:is(:hover, :focus) { color: var(--wh-ink); background: #fff7ee; border-color: var(--wh-orange); }
.wh-theme.wh-page-clientareahome .promo-container { border-color: var(--wh-border); border-radius: var(--wh-radius); margin-bottom: 20px; }
.wh-theme.wh-page-clientareahome .promo-container .header { padding: 18px 20px; }
.wh-theme.wh-page-clientareahome .promo-container .header h3 { font-size: 19px; font-weight: 700; line-height: 1.4; }
.wh-theme.wh-page-clientareahome .promo-container .promotions-slider-control { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; }
.wh-theme.wh-page-clientareahome .promo-container .promotions-slider-control > span { width: 14px; height: 14px; }
.wh-theme.wh-page-clientareahome .promo-banner { padding: 0; border-top: 3px solid var(--wh-orange); }
.wh-theme.wh-page-clientareahome .promo-banner > .card-body { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 24px; padding: 24px 20px; }
.wh-theme.wh-page-clientareahome .promo-banner .icon-left { float: none; width: 100%; }
.wh-theme.wh-page-clientareahome .promo-banner .content { min-width: 0; margin: 0; }
.wh-theme.wh-page-clientareahome .promo-banner h3 { font-size: 20px; font-weight: 700; line-height: 1.4; }
.wh-theme.wh-page-clientareahome .promo-banner h3 small { display: block; margin-top: 4px; font-size: 13px; font-weight: 500; }
.wh-theme.wh-page-clientareahome .promo-banner h4 { margin: 8px 0; font-size: 15px; font-weight: 500; line-height: 1.5; }
.wh-theme.wh-page-clientareahome .promo-banner p { margin: 8px 0 12px; font-size: 14px; }
.wh-theme.wh-page-clientareahome .promo-banner ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 16px; font-size: 13px; }
.wh-theme.wh-page-clientareahome .promo-banner ul li { float: none; width: auto; margin: 0; }
.wh-theme.wh-page-clientareahome .promo-banner .btn { margin-top: 16px; max-width: 100%; padding: 10px 16px; white-space: normal; text-align: left; }

/* Native support departments become distinct, comfortably sized link rows. */
.wh-theme.wh-page-supportticketsubmit-stepone .primary-content .card-body > .row > .col-sm-10 { flex-basis: 100%; max-width: 100%; margin-left: 0; }
.wh-theme.wh-page-supportticketsubmit-stepone .primary-content p.h5 { margin: 0 0 10px; }
.wh-theme.wh-page-supportticketsubmit-stepone .primary-content p.h5 > a {
    display: block;
    padding: 14px 16px;
    min-height: 48px;
    border: 1px solid var(--wh-border);
    border-radius: 6px;
    background: #f8fafc;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    overflow-wrap: anywhere;
    text-decoration: none;
}
.wh-theme.wh-page-supportticketsubmit-stepone .primary-content p.h5 > a:is(:hover, :focus) { border-color: var(--wh-orange); background: #fff7ee; color: var(--wh-ink); }
.wh-theme.wh-page-supportticketsubmit-stepone .primary-content p.h5 + p.text-muted { margin: -2px 0 18px; padding: 0 16px; font-size: 13px; }
.wh-theme .wh-security-empty > .card-body { display: flex; align-items: flex-start; gap: 18px; }
.wh-theme .wh-security-empty__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 8px; color: var(--wh-blue); background: #edf3fb; font-size: 20px; }
.wh-theme .wh-security-empty p { margin: 0 0 18px; color: var(--wh-muted); }
@media (max-width: 767.98px) {
    .wh-theme.wh-page-clientareahome .promo-banner ul { grid-template-columns: 1fr; }
    .wh-theme.wh-page-clientareahome .promo-banner > .card-body { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    .wh-theme.wh-page-clientareahome .promo-banner .icon-left { width: 72px; }
    .wh-theme.wh-page-clientareahome .promo-banner h3 { font-size: 18px; }
    .wh-theme.wh-page-clientareahome .client-home-cards .input-group { gap: 10px; }
    .wh-theme.wh-page-clientareahome .client-home-cards .input-group > .form-control { flex-basis: 100%; border-radius: 5px; }
    .wh-theme.wh-page-clientareahome .client-home-cards .input-group-append { margin-left: 0; width: 100%; }
    .wh-theme.wh-page-clientareahome .client-home-cards .input-group-append .btn { flex: 1; }
    .wh-theme .wh-security-empty > .card-body { flex-direction: column; }
}