/* ==========================================================================
   URLHOST — WHMCS client area theme (child of Twenty-One)
   Matches urlhost.in: brand green #176F46, Space Grotesk + Inter.
   This file only restyles — no WHMCS templates are replaced.
   ========================================================================== */

:root {
  --uh-brand: #176F46;
  --uh-brand-dark: #0F4D30;
  --uh-brand-soft: #E8F3EE;
  --uh-brand-tint: #F1F8F4;
  --uh-brand-border: #D5E8DD;
  --uh-accent: #2fbf71;
  --uh-ink: #0E2A1C;
  --uh-body: #2E4338;
  --uh-muted: #6B7A72;
  --uh-line: #E6ECE9;
  --uh-dark: #0E2A1C;
  --uh-radius: 16px;
  --uh-shadow: 0 14px 40px rgba(14, 42, 28, .10);
  --uh-shadow-sm: 0 4px 14px rgba(14, 42, 28, .06);
  --uh-display: 'Space Grotesk', system-ui, sans-serif;
  --uh-font: 'Inter', system-ui, sans-serif;
}

/* ---------- Base ---------- */
body { font-family: var(--uh-font); color: var(--uh-body); background: var(--uh-brand-tint); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .card-title { font-family: var(--uh-display); color: var(--uh-ink); letter-spacing: -.01em; }
a { color: var(--uh-brand); }
a:hover { color: var(--uh-brand-dark); }
::selection { background: var(--uh-brand); color: #fff; }

/* ---------- Breadcrumb / page header ---------- */
.master-breadcrumb {
  background: radial-gradient(120% 140% at 100% 0%, #13573a 0%, var(--uh-dark) 60%, #081a11 100%);
  border: 0; padding: .9rem 0;
}
.master-breadcrumb .breadcrumb { background: transparent; margin: 0; padding: 0; font-size: .85rem; }
.master-breadcrumb .breadcrumb-item, .master-breadcrumb .breadcrumb-item a { color: #9fc2b2; }
.master-breadcrumb .breadcrumb-item.active { color: #fff; }
.master-breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #5f8474; }

#main-body { padding: 2.2rem 0 3rem; background: var(--uh-brand-tint); }
.header-lined h1, .primary-content > h1, .page-title { font-weight: 700; }

/* ---------- Cards / panels ---------- */
.card, .panel {
  border: 1px solid var(--uh-line); border-radius: var(--uh-radius); box-shadow: var(--uh-shadow-sm); overflow: hidden; background: #fff;
}
.card-header, .panel-heading { background: #fff; border-bottom: 1px solid var(--uh-line); padding: 1rem 1.25rem; }
.card-header .card-title, .card-title { font-size: 1.05rem; font-weight: 700; margin: 0; }
.card-footer { background: var(--uh-brand-tint); border-top: 1px solid var(--uh-line); }
.card-accent-green, .card-accent-teal, .card-accent-blue, .card-accent-gold, .card-accent-red, .card-accent-pomegranate,
.card-accent-midnight-blue, .card-accent-sun-flower, .card-accent-asbestos, .card-accent-purple, .card-accent-orange { border-top: 3px solid var(--uh-brand) !important; }

/* ---------- Sidebar ---------- */
.sidebar .card, .card-sidebar { border-radius: var(--uh-radius); }
.card-sidebar .card-header { background: var(--uh-brand-tint); }
.card-sidebar .card-header .card-title, .sidebar .card-title { font-size: .92rem; text-transform: none; }
.card-sidebar .card-title i, .sidebar .card-title i { color: var(--uh-brand); }
.list-group-item { border-color: var(--uh-line); color: var(--uh-body); font-size: .92rem; padding: .7rem 1.1rem; transition: background .15s, color .15s, padding .15s; }
.list-group-item-action:hover, .list-group-item-action:focus { background: var(--uh-brand-tint); color: var(--uh-brand-dark); padding-left: 1.35rem; }
.list-group-item.active, .list-group-item.active:hover {
  background: var(--uh-brand); border-color: var(--uh-brand); color: #fff; font-weight: 600;
}
.list-group-item .badge { border-radius: 99px; }

/* ---------- Dashboard tiles ---------- */
.tiles { margin-bottom: 1.5rem; }
.tiles .tile {
  display: block; position: relative; background: #fff; border: 1px solid var(--uh-line); border-radius: var(--uh-radius);
  padding: 1.3rem 1.3rem 1.1rem; box-shadow: var(--uh-shadow-sm); transition: transform .2s, box-shadow .2s, border-color .2s; overflow: hidden;
}
.tiles .row > div { padding: .45rem; }
.tiles .tile:hover { transform: translateY(-4px); box-shadow: var(--uh-shadow); border-color: var(--uh-brand-border); text-decoration: none; }
.tiles .tile i { color: var(--uh-brand); opacity: .25; font-size: 2.6rem; position: absolute; right: 1.1rem; top: 1rem; }
.tiles .tile .stat { font-family: var(--uh-display); font-size: 2.2rem; font-weight: 700; color: var(--uh-ink); line-height: 1.1; }
.tiles .tile .title { font-size: .82rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: var(--uh-muted); }
.tiles .tile .highlight { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: linear-gradient(90deg, var(--uh-brand), var(--uh-accent)) !important; }

/* ---------- Buttons ---------- */
.btn { border-radius: 999px; font-weight: 600; padding: .55rem 1.25rem; transition: all .2s ease; }
.btn-sm { padding: .35rem .9rem; }
.btn-lg { padding: .8rem 1.8rem; }
.btn-primary, .btn-success, .btn-info {
  background: var(--uh-brand); border-color: var(--uh-brand); color: #fff; box-shadow: 0 8px 20px rgba(23,111,70,.22);
}
.btn-primary:hover, .btn-success:hover, .btn-info:hover,
.btn-primary:focus, .btn-success:focus, .btn-info:focus,
.btn-primary:not(:disabled):not(.disabled):active {
  background: var(--uh-brand-dark); border-color: var(--uh-brand-dark); color: #fff; transform: translateY(-1px);
}
.btn-default, .btn-secondary, .btn-light, .btn-outline-primary {
  background: #fff; border: 1.5px solid var(--uh-brand-border); color: var(--uh-brand);
}
.btn-default:hover, .btn-secondary:hover, .btn-light:hover, .btn-outline-primary:hover { background: var(--uh-brand); border-color: var(--uh-brand); color: #fff; }
.btn-link { color: var(--uh-brand); }
.btn:focus, .btn.focus { box-shadow: 0 0 0 4px var(--uh-brand-soft) !important; }

/* ---------- Forms ---------- */
.form-control, .custom-select, select.form-control {
  border-radius: 12px; border: 1px solid var(--uh-line); padding: .6rem .9rem; height: auto; color: var(--uh-ink); background: #fff;
}
.form-control:focus, .custom-select:focus { border-color: var(--uh-brand); box-shadow: 0 0 0 4px var(--uh-brand-soft); }
.input-group-text { border-radius: 12px; border-color: var(--uh-line); background: var(--uh-brand-tint); color: var(--uh-brand); }
.input-group > .form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
label, .control-label { font-weight: 600; color: var(--uh-ink); font-size: .9rem; }
.custom-control-input:checked ~ .custom-control-label::before { background: var(--uh-brand); border-color: var(--uh-brand); }

/* ---------- Login / register / password reset ---------- */
.login-form, .card.mw-540 { border-radius: 22px; box-shadow: 0 40px 80px -30px rgba(14,42,28,.35); border: 1px solid var(--uh-line); }
.card.mw-540 .card-body { padding: 2.4rem 2.2rem !important; }
.card.mw-540 .card-body::before {
  content: ""; display: block; height: 4px; margin: -2.4rem -2.2rem 2rem; background: linear-gradient(90deg, var(--uh-brand), var(--uh-accent));
}
.card.mw-540 h6, .card.mw-540 .h3 { font-weight: 700; }

/* ---------- Tables ---------- */
.table { color: var(--uh-body); }
.table thead th, .table-list thead th, table.dataTable thead th {
  background: var(--uh-brand-tint); color: var(--uh-muted); font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
  border-bottom: 1px solid var(--uh-brand-border) !important; border-top: 0;
}
.table td, .table th { border-color: var(--uh-line); vertical-align: middle; }
.table-hover tbody tr:hover, .table-list > tbody > tr:hover > td { background: var(--uh-brand-tint) !important; }
.table-container, .dataTables_wrapper { background: #fff; border: 1px solid var(--uh-line); border-radius: var(--uh-radius); overflow: hidden; }
.dataTables_wrapper .dataTables_filter input { border-radius: 99px; border: 1px solid var(--uh-line); padding: .35rem .9rem; }
.page-item.active .page-link { background: var(--uh-brand); border-color: var(--uh-brand); }
.page-link { color: var(--uh-brand); border-radius: 8px !important; margin: 0 2px; border-color: var(--uh-line); }

/* ---------- Status labels ---------- */
.label, .status { border-radius: 99px; font-weight: 700; font-size: .72rem; padding: .3em .75em; letter-spacing: .02em; }
.status-active, .status-paid, .status-completed, .label-success, .badge-success { background: #e3f6ec !important; color: #1c8f5a !important; }
.status-pending, .status-unpaid, .label-warning, .badge-warning { background: #fff3dc !important; color: #a8630a !important; }
.status-suspended, .status-cancelled, .status-terminated, .status-overdue, .label-danger, .badge-danger { background: #fdecea !important; color: #b3261e !important; }
.status-open, .status-customer-reply, .status-answered { background: var(--uh-brand-soft) !important; color: var(--uh-brand-dark) !important; }

/* ---------- Alerts ---------- */
.alert { border-radius: 14px; border: 1px solid transparent; }
.alert-success { background: #e3f6ec; border-color: #bfe8d2; color: #145c3a; }
.alert-info { background: var(--uh-brand-tint); border-color: var(--uh-brand-border); color: var(--uh-brand-dark); }
.alert-warning { background: #fff8ec; border-color: #f6ddb0; color: #7a4a06; }
.alert-danger { background: #fdf2f1; border-color: #f3d0cc; color: #8a241d; }

/* ---------- Tickets ---------- */
.ticket-reply { border-radius: var(--uh-radius); border: 1px solid var(--uh-line); overflow: hidden; }
.ticket-reply.staff { border-left: 4px solid var(--uh-brand); }
.ticket-reply .posted-by { background: var(--uh-brand-tint); }

/* ---------- Order form (standard_cart) ---------- */
#order-standard_cart .header-lined h1 { font-weight: 700; }
#order-standard_cart .cart-sidebar .card, #order-standard_cart .panel-sidebar { border-radius: var(--uh-radius); }
#order-standard_cart .products .product {
  border: 1px solid var(--uh-line); border-radius: 20px; background: #fff; overflow: hidden; box-shadow: var(--uh-shadow-sm);
  transition: transform .2s, box-shadow .2s, border-color .2s;
}
#order-standard_cart .products .product:hover { transform: translateY(-4px); box-shadow: var(--uh-shadow); border-color: var(--uh-brand-border); }
#order-standard_cart .products .product header {
  background: linear-gradient(135deg, var(--uh-dark), #13573a); color: #fff; border: 0; padding: 1rem 1.3rem;
}
#order-standard_cart .products .product header span { font-family: var(--uh-display); font-weight: 700; color: #fff; }
#order-standard_cart .products .product .price { font-family: var(--uh-display); color: var(--uh-ink); font-weight: 700; }
#order-standard_cart .products .product footer { background: var(--uh-brand-tint); border-top: 1px solid var(--uh-line); }
#order-standard_cart .products .product .btn-order-now { border-radius: 999px; }
#order-standard_cart .order-summary {
  border-radius: 20px; border: 0; overflow: hidden; background: linear-gradient(160deg, var(--uh-dark), #13573a); color: #cfe3d9;
  box-shadow: 0 30px 60px -25px rgba(14,42,28,.55);
}
#order-standard_cart .order-summary h2 { background: transparent; color: #fff; font-family: var(--uh-display); border-bottom: 1px solid rgba(255,255,255,.1); }
#order-standard_cart .order-summary .summary-container { background: transparent; color: #cfe3d9; }
#order-standard_cart .order-summary .total-due-today .amt, #order-standard_cart .order-summary .amt { color: #fff; font-family: var(--uh-display); }
#order-standard_cart .order-summary .btn-checkout, #order-standard_cart .btn-checkout {
  background: var(--uh-accent); border-color: var(--uh-accent); color: #062014; font-weight: 700; border-radius: 999px;
}
#order-standard_cart .order-summary .btn-checkout:hover { background: #6fe0ac; border-color: #6fe0ac; color: #062014; }
#order-standard_cart .domain-checker-container {
  background: radial-gradient(120% 140% at 100% 0%, #13573a 0%, var(--uh-dark) 60%, #081a11 100%) !important;
  border-radius: 22px; border: 0;
}
#order-standard_cart .domain-checker-container .input-group-box, #order-standard_cart .domain-checker-bg { background: transparent !important; }
#order-standard_cart .domain-checker-available { color: var(--uh-accent); }
#order-standard_cart .domain-price .price { color: var(--uh-brand); font-family: var(--uh-display); }
#order-standard_cart .field-container, #order-standard_cart .sub-heading span { background: #fff; }
#order-standard_cart .sub-heading { border-color: var(--uh-line); }
#order-standard_cart .sub-heading span { color: var(--uh-brand); font-family: var(--uh-display); font-weight: 700; }
#order-standard_cart .view-cart-items-header { background: var(--uh-dark); color: #fff; border-radius: 14px 14px 0 0; }
#order-standard_cart .view-cart-items { border-color: var(--uh-line); }
#order-standard_cart .view-cart-items .item { border-color: var(--uh-line); }
#order-standard_cart .cycle-change, #order-standard_cart .item-group { color: var(--uh-muted); }
#order-standard_cart .panel-addon { border-radius: 14px; border-color: var(--uh-line); }
#order-standard_cart .panel-addon-selected { border-color: var(--uh-brand); background: var(--uh-brand-tint); }
#order-standard_cart .panel-addon-selected .panel-add { background: var(--uh-brand); }


/* ---------- Guest homepage (twenty-one homepage.tpl + domain-search.tpl) ---------- */
.home-domain-search {
  background: radial-gradient(120% 140% at 100% 0%, #13573a 0%, var(--uh-dark) 60%, #081a11 100%) !important;
  border-radius: 24px; overflow: hidden; margin-top: .5rem; box-shadow: 0 30px 60px -30px rgba(14,42,28,.6);
}
.home-domain-search h2, .home-domain-search .h2 { color: #fff; font-weight: 700; }
.home-domain-search .input-group-wrapper { background: #fff; border-radius: 16px; padding: .4rem; }
.home-domain-search .input-group .form-control { border: 0; box-shadow: none; font-size: 1.1rem; font-weight: 600; }
.home-domain-search .btn { border-radius: 12px !important; }
.home-domain-search .btn-success { background: var(--uh-accent); border-color: var(--uh-accent); color: #062014; }
.home-domain-search .btn-success:hover { background: #6fe0ac; border-color: #6fe0ac; color: #062014; }
.home-domain-search .btn-link { color: #9fe3c2; }
.home-domain-search .tld-logos li, .home-domain-search .tld-logos span { color: #cfe3d9; }
h2.text-center.m-4 { font-weight: 700; }
.card-columns.home .card {
  border-radius: 20px; transition: transform .2s, box-shadow .2s, border-color .2s;
}
.card-columns.home .card:hover { transform: translateY(-4px); box-shadow: var(--uh-shadow); border-color: var(--uh-brand-border); }
.card-columns.home .card-accent-teal { border-top: 0 !important; }
.card-columns.home .pricing-card-title { font-weight: 700; }
.action-icon-btns a {
  display: block; background: #fff; border: 1px solid var(--uh-line); border-radius: 18px; padding: 1.2rem .6rem;
  color: var(--uh-ink); font-weight: 600; text-align: center; transition: .2s; box-shadow: var(--uh-shadow-sm);
}
.action-icon-btns a:hover { border-color: var(--uh-brand); color: var(--uh-brand); transform: translateY(-3px); text-decoration: none; }
.action-icon-btns .ico-container { color: var(--uh-brand); font-size: 1.7rem; margin-bottom: .4rem; }

/* ---------- Mobile ---------- */
@media (max-width: 991.98px) {
  #main-body { padding-top: 1.4rem; }
}
@media (max-width: 575.98px) {
  .card.mw-540 .card-body { padding: 1.8rem 1.3rem !important; }
  .card.mw-540 .card-body::before { margin: -1.8rem -1.3rem 1.6rem; }
}

/* ==========================================================================
   SITE CHROME — header & footer identical to urlhost.in
   (markup lives in templates/urlhost/header.tpl + footer.tpl)
   ========================================================================== */

/* top announcement bar */
.uhs-topbar { background: var(--uh-brand-dark); color: #eafaf2; font-size: .86rem; padding: .55rem 0; font-family: var(--uh-font); }
.uhs-topbar strong { color: #fff; }
.uhs-topbar__link { color: #fff; font-weight: 700; margin-left: .4rem; white-space: nowrap; }
.uhs-topbar__link:hover { color: #fff; text-decoration: underline; }

/* navbar */
.uhs-header { position: sticky; top: 0; z-index: 1030; }
.uhs-nav {
  background: rgba(255,255,255,.92); backdrop-filter: saturate(180%) blur(12px); -webkit-backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--uh-line); padding: .65rem 0; font-family: var(--uh-font);
}
.uhs-nav > .container { max-width: 1180px; }
.uhs-nav .navbar-nav .nav-link, .uhs-nav .uhs-btn-brand { white-space: nowrap; }
.uhs-brand { display: inline-flex; align-items: center; padding: 0; margin-right: 1rem; }
.uhs-brand__logo { height: 40px; width: auto; display: block; }
.uhs-nav .navbar-nav .nav-link { color: var(--uh-ink); font-weight: 500; font-size: 1rem; margin: 0 .35rem; padding: .5rem .55rem; position: relative; }
.uhs-nav .navbar-nav .nav-link:not(.dropdown-toggle)::after {
  content: ""; position: absolute; left: .55rem; right: .55rem; bottom: 2px; height: 2px;
  background: var(--uh-brand); transform: scaleX(0); transform-origin: left; transition: transform .25s;
}
.uhs-nav .navbar-nav .nav-link:hover, .uhs-nav .dropdown.show > .nav-link { color: var(--uh-brand); }
.uhs-nav .navbar-nav .nav-link:not(.dropdown-toggle):hover::after { transform: scaleX(1); }
.uhs-nav .dropdown-toggle::after { vertical-align: .15em; }
.uhs-nav .dropdown-menu {
  border: 1px solid var(--uh-line); border-radius: 14px; box-shadow: var(--uh-shadow); padding: .45rem; margin-top: .55rem; min-width: 232px;
}
.uhs-nav .dropdown-item { display: flex; align-items: center; gap: .6rem; border-radius: 9px; padding: .6rem .7rem; font-size: .92rem; font-weight: 500; color: var(--uh-ink); white-space: nowrap; }
.uhs-nav .dropdown-item i { color: var(--uh-brand); font-size: 1rem; width: 1.1rem; text-align: center; }
.uhs-nav .dropdown-item:hover, .uhs-nav .dropdown-item:focus { background: var(--uh-brand-soft); color: var(--uh-brand-dark); }
.uhs-nav .dropdown-divider { border-color: var(--uh-line); margin: .35rem 0; }
.uhs-nav .uhs-logout, .uhs-nav .uhs-logout i { color: #b3261e; }
.uhs-dd-flag { font-size: 1.05rem; width: 1.1rem; text-align: center; }
.uhs-dd-tag { margin-left: auto; font-family: 'Space Mono', ui-monospace, monospace; font-size: .6rem; font-weight: 700; background: var(--uh-brand-soft); color: var(--uh-brand); padding: .14rem .5rem; border-radius: 99px; }

.uhs-actions { display: flex; align-items: center; gap: .5rem; }
.uhs-btn-brand, .uhs-btn-brand:visited {
  display: inline-flex; align-items: center; background: var(--uh-brand); border: 1px solid var(--uh-brand); color: #fff !important;
  border-radius: 999px; padding: .65rem 1.4rem; font-weight: 600; box-shadow: 0 8px 20px rgba(23,111,70,.22);
}
.uhs-btn-brand:hover, .uhs-btn-brand:focus { background: var(--uh-brand-dark); border-color: var(--uh-brand-dark); color: #fff !important; transform: translateY(-2px); text-decoration: none; }
.uhs-acc-name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uhs-cart, .uhs-icon-btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%;
  background: var(--uh-brand-tint); border: 1px solid var(--uh-brand-border); color: var(--uh-brand); font-size: 1.15rem; cursor: pointer; transition: .2s;
}
.uhs-cart:hover, .uhs-icon-btn:hover { background: var(--uh-brand); color: #fff; text-decoration: none; border-color: var(--uh-brand); }
.uhs-cart__count, .uhs-dot {
  position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 99px;
  background: var(--uh-accent); color: #062014; font-size: .66rem; font-weight: 800; line-height: 18px; text-align: center;
}
.uhs-mobile-tools { display: flex; align-items: center; gap: .5rem; margin-left: auto; }
.uhs-nav .navbar-toggler { border: 0; font-size: 1.6rem; color: var(--uh-brand); padding: 0 .25rem; }
.uhs-nav .navbar-toggler:focus { outline: 0; box-shadow: none; }

/* notifications popover (WHMCS uses #accountNotifications) */
.popover .client-alerts { list-style: none; padding: 0; margin: 0; max-width: 320px; }
.popover .client-alerts li a { display: flex; gap: .6rem; padding: .5rem .2rem; color: var(--uh-body); }
.popover .client-alerts li a:hover { color: var(--uh-brand); text-decoration: none; }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .uhs-nav .navbar-nav .nav-link { margin: 0 .05rem; padding: .5rem .4rem; font-size: .92rem; }
  .uhs-brand__logo { height: 34px; }
  .uhs-acc-name { display: none; }
}
@media (max-width: 991.98px) {
  .uhs-nav .navbar-collapse {
    background: #fff; border: 1px solid var(--uh-line); border-radius: var(--uh-radius);
    margin-top: .8rem; padding: 1rem; box-shadow: var(--uh-shadow);
  }
  .uhs-nav .navbar-nav .nav-link { padding: .6rem .4rem; margin: 0; }
  .uhs-nav .navbar-nav .nav-link::after { display: none; }
  .uhs-nav .dropdown-menu { box-shadow: none; border: 0; background: var(--uh-brand-tint); margin: 0 0 .4rem; }
  .uhs-actions { margin-top: .6rem; flex-wrap: wrap; }
  .uhs-actions > .dropdown, .uhs-actions > .uhs-btn-brand { flex: 1; }
  .uhs-actions .uhs-btn-brand { width: 100%; justify-content: center; }
}

/* footer */
.uhs-footer { position: relative; background: #0A2016; color: #b6c8bf; padding: 3.5rem 0 1.6rem; overflow: hidden; font-family: var(--uh-font); }
.uhs-footer::before { content: ""; position: absolute; right: -200px; top: -220px; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(47,191,113,.14), transparent 65%); pointer-events: none; }
.uhs-footer .container { position: relative; }
.uhs-footer a { text-decoration: none; }

.uhs-ft-help { display: flex; align-items: center; justify-content: space-between; gap: 1.2rem; flex-wrap: wrap;
  padding: 1.3rem 1.5rem; border-radius: 20px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); margin-bottom: 3rem; }
.uhs-ft-help__txt { display: flex; align-items: center; gap: 1rem; }
.uhs-ft-help__ico { width: 48px; height: 48px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 14px; background: rgba(111,224,172,.14); color: #6fe0ac; font-size: 1.3rem; }
.uhs-ft-help b { display: block; color: #fff; font-family: var(--uh-display); font-size: 1.1rem; }
.uhs-ft-help small { color: #8fa79c; font-size: .88rem; }
.uhs-ft-help__btns { display: flex; gap: .6rem; flex-wrap: wrap; }
.uhs-btn-ghost { display: inline-flex; align-items: center; border: 1px solid rgba(255,255,255,.2); color: #dcebe3 !important; background: transparent; border-radius: 999px; padding: .65rem 1.4rem; font-weight: 600; }
.uhs-btn-ghost:hover { border-color: #6fe0ac; color: #fff !important; background: rgba(255,255,255,.05); }

.uhs-ft-main { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 2rem; }
.uhs-ft-logo { display: inline-flex; align-items: center; gap: .6rem; }
.uhs-ft-logo img { width: 40px; height: 40px; }
.uhs-ft-name { font-family: var(--uh-display); font-size: 1.32rem; font-weight: 800; color: #fff; letter-spacing: -.01em; }
.uhs-ft-name span { color: #2fbf71; }
.uhs-ft-about { font-size: .9rem; line-height: 1.65; color: #8fa79c; margin: 1.1rem 0; max-width: 22rem; }
.uhs-ft-contact { list-style: none; padding: 0; margin: 0 0 1.4rem; display: grid; gap: .5rem; }
.uhs-ft-contact li { display: flex; align-items: center; gap: .6rem; font-size: .88rem; color: #9fb6ab; }
.uhs-ft-contact i { color: #6fe0ac; }
.uhs-ft-contact a { color: #cfe3d9; }
.uhs-ft-contact a:hover { color: #6fe0ac; }
.uhs-ft-social { display: flex; gap: .5rem; }
.uhs-ft-social a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); color: #cfe3d9; transition: .2s; }
.uhs-ft-social a:hover { background: var(--uh-brand); border-color: var(--uh-brand); color: #fff; transform: translateY(-2px); }

.uhs-footer h5 { color: #fff; font-family: var(--uh-font); font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 1.1rem; }
.uhs-ft-col ul { list-style: none; padding: 0; margin: 0; }
.uhs-ft-col li { margin-bottom: .6rem; }
.uhs-ft-col a { color: #9fb6ab; font-size: .9rem; transition: color .2s, padding .2s; display: inline-flex; align-items: center; gap: .4rem; }
.uhs-ft-col a:hover { color: #6fe0ac; padding-left: .35rem; }
.uhs-ft-tag { font-size: .6rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: #062014; background: #6fe0ac; padding: .1rem .4rem; border-radius: 99px; }

.uhs-ft-bottom { border-top: 1px solid rgba(255,255,255,.08); margin-top: 2.8rem; padding-top: 1.4rem;
  display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; font-size: .82rem; color: #7d958a; }
.uhs-ft-bottom__right { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; }
.uhs-lang { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #cfe3d9; border-radius: 8px; padding: .3rem .7rem; font-size: .76rem; font-weight: 600; cursor: pointer; }
.uhs-lang:hover { border-color: #6fe0ac; color: #fff; }
.uhs-ft-pay { display: flex; gap: .4rem; flex-wrap: wrap; }
.uhs-ft-pay span { font-size: .72rem; font-weight: 700; color: #cfe3d9; padding: .3rem .65rem; border-radius: 7px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); }

@media (max-width: 991.98px) {
  .uhs-ft-main { grid-template-columns: repeat(2, 1fr); }
  .uhs-ft-brand { grid-column: 1 / -1; }
}
@media (max-width: 575.98px) {
  .uhs-ft-help { padding: 1.1rem; }
  .uhs-ft-help__btns, .uhs-ft-help__btns .btn { width: 100%; justify-content: center; }
  .uhs-ft-main { gap: 1.6rem 1rem; }
  .uhs-ft-bottom { flex-direction: column; align-items: flex-start; }
}

/* the floating "Return to admin" tab WHMCS shows for logged-in admins */
.btn-return-to-admin { background: var(--uh-brand-dark) !important; color: #fff !important; }
#accountNotificationsContent.w-hidden { display: none; }

/* ==========================================================================
   CLIENT AREA DASHBOARD (clientareahome.tpl) + sidebar polish
   ========================================================================== */
#main-body { padding-top: 2rem; }

/* welcome hero */
.uhd-hero {
  position: relative; overflow: hidden; display: grid; grid-template-columns: 1fr 220px; gap: 1.5rem; align-items: center;
  padding: 1.9rem 2rem; border-radius: 24px; margin-bottom: 1.4rem; color: #cfe3d9;
  background: radial-gradient(120% 140% at 100% 0%, #1b6b45 0%, var(--uh-dark) 55%, #081a11 100%);
  box-shadow: 0 30px 60px -30px rgba(14,42,28,.6);
}
.uhd-hero::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 34px 34px; -webkit-mask-image: linear-gradient(90deg, transparent 30%, #000); mask-image: linear-gradient(90deg, transparent 30%, #000);
}
.uhd-hero > * { position: relative; }
.uhd-hero__eyebrow { display: inline-flex; align-items: center; gap: .45rem; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: #9FE3C2; }
.uhd-live { width: 8px; height: 8px; border-radius: 50%; background: #2fbf71; box-shadow: 0 0 0 0 rgba(47,191,113,.6); animation: uhdPulse 2s infinite; }
@keyframes uhdPulse { 70% { box-shadow: 0 0 0 8px rgba(47,191,113,0); } 100% { box-shadow: 0 0 0 0 rgba(47,191,113,0); } }
.uhd-hero__title { color: #fff; font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 700; margin: .35rem 0 .45rem; letter-spacing: -.02em; }
.uhd-hero__sub { color: #b8d6c8; margin: 0 0 1.2rem; max-width: 34rem; }
.uhd-hero__sub b { color: #fff; }
.uhd-hero__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.uhd-btn { display: inline-flex; align-items: center; gap: .4rem; padding: .6rem 1.05rem; border-radius: 999px; font-weight: 600; font-size: .9rem; transition: .2s; text-decoration: none !important; }
.uhd-btn--main { background: var(--uh-accent); color: #062014 !important; box-shadow: 0 10px 22px -8px rgba(47,191,113,.7); }
.uhd-btn--main:hover { background: #6fe0ac; transform: translateY(-2px); }
.uhd-btn--ghost { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.16); color: #fff !important; }
.uhd-btn--ghost:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.3); }
.uhd-btn--warn { background: #f6a623; color: #2a1a00 !important; }
.uhd-btn--warn:hover { background: #ffc15a; }
.uhd-hero__art { position: relative; height: 170px; }
.uhd-orb {
  position: absolute; top: 50%; left: 50%; width: 104px; height: 104px; margin: -52px 0 0 -52px; border-radius: 30px;
  display: grid; place-items: center; font-size: 2.6rem; color: #6fe0ac;
  background: linear-gradient(150deg, rgba(111,224,172,.22), rgba(255,255,255,.04)); border: 1px solid rgba(111,224,172,.35);
  box-shadow: 0 0 60px rgba(47,191,113,.35); transform: rotate(-6deg);
}
.uhd-chip { position: absolute; display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 700; color: #062014; background: #fff; padding: .32rem .65rem; border-radius: 99px; box-shadow: 0 10px 22px rgba(0,0,0,.3); animation: uhdFloat 5s ease-in-out infinite; }
.uhd-chip i { color: var(--uh-brand); }
.uhd-chip--1 { top: 8px; left: 6px; }
.uhd-chip--2 { top: 30px; right: 0; animation-delay: 1.2s; }
.uhd-chip--3 { bottom: 10px; left: 30px; animation-delay: 2.2s; }
@keyframes uhdFloat { 50% { transform: translateY(-8px); } }

/* stat tiles */
.uhd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1.4rem; }
.uhd-stat {
  --c: var(--uh-brand); --s: var(--uh-brand-soft);
  position: relative; display: flex; flex-direction: column; padding: 1.2rem 1.25rem 1rem; border-radius: 20px; overflow: hidden;
  background: #fff; border: 1px solid var(--uh-line); box-shadow: var(--uh-shadow-sm); color: var(--uh-ink); transition: .25s ease; text-decoration: none !important;
}
.uhd-stat::after { content: ""; position: absolute; right: -30px; top: -30px; width: 110px; height: 110px; border-radius: 50%; background: var(--s); opacity: .7; transition: .3s; }
.uhd-stat:hover { transform: translateY(-4px); box-shadow: var(--uh-shadow); border-color: var(--c); color: var(--uh-ink); }
.uhd-stat:hover::after { transform: scale(1.25); }
.uhd-stat > * { position: relative; z-index: 1; }
.uhd-stat__ico { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; background: var(--c); color: #fff; font-size: 1.2rem; margin-bottom: .9rem; box-shadow: 0 8px 18px -8px var(--c); }
.uhd-stat__num { font-family: var(--uh-display); font-size: 2.1rem; font-weight: 700; line-height: 1; }
.uhd-stat__lbl { font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--uh-muted); margin-top: .3rem; }
.uhd-stat__go { margin-top: .8rem; padding-top: .7rem; border-top: 1px dashed var(--uh-line); font-size: .82rem; font-weight: 700; color: var(--c); display: flex; align-items: center; gap: .3rem; }
.uhd-stat__go i { transition: transform .2s; }
.uhd-stat:hover .uhd-stat__go i { transform: translateX(4px); }
.uhd-stat--green  { --c: #176F46; --s: #E8F3EE; }
.uhd-stat--blue   { --c: #3f6fd1; --s: #eaf0fb; }
.uhd-stat--purple { --c: #8a3fd1; --s: #f3eafc; }
.uhd-stat--amber  { --c: #d98a12; --s: #fdf3e2; }
.uhd-stat.is-alert { border-color: #f3c47a; }
.uhd-stat.is-alert .uhd-stat__num { color: #b86e05; }

/* home panels */
.uhd-panels .card.uhd-panel { border: 1px solid var(--uh-line) !important; border-top: 1px solid var(--uh-line) !important; border-radius: 20px; margin-bottom: 1.2rem; }
.uhd-panel .card-header { background: #fff; border-bottom: 1px solid var(--uh-line); padding: 1rem 1.2rem; }
.uhd-panel .card-title { display: flex; align-items: center; gap: .6rem; font-size: 1rem; flex-wrap: wrap; }
.uhd-panel .card-title .float-right { order: 3; margin-left: auto; }
.uhd-panel__ico { width: 34px; height: 34px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: .95rem; }
.uhd-panel__lbl { flex: 1; min-width: 0; }
.uhd-panel__btn, .uhd-panel .btn-xs { background: var(--uh-brand-soft) !important; color: var(--uh-brand-dark) !important; border: 0 !important; border-radius: 99px !important; padding: .3rem .8rem !important; font-size: .78rem !important; font-weight: 700; box-shadow: none !important; }
.uhd-panel__btn:hover { background: var(--uh-brand) !important; color: #fff !important; }
.uhd-panel .card-body { padding: 1.1rem 1.2rem; color: var(--uh-body); }
.uhd-panel .card-footer { background: var(--uh-brand-tint); border-top: 1px solid var(--uh-line); padding: .6rem 1.2rem; font-size: .84rem; }
.uhd-panel .card-footer:empty { display: none; }
.uhd-panel .list-group-item { border-left: 0; border-right: 0; padding: .85rem 1.2rem; }
.uhd-panel .list-group-item:first-child { border-top: 0; }
.uhd-panel .list-group-item .label, .uhd-panel .list-group-item .status { margin-right: .6rem; }
/* active products panel: cleaner rows */
.uhd-panel .div-service-item, .uhd-panel .list-group-item .div-service-status { display: flex; align-items: center; }
.uhd-panel .btn-group .btn, .uhd-panel .list-group-item .btn { border-radius: 99px; font-size: .82rem; padding: .35rem .85rem; }
.uhd-panel .btn-group .btn:first-child:not(:last-child) { border-radius: 99px 0 0 99px; }
.uhd-panel .btn-group .btn.dropdown-toggle-split { border-radius: 0 99px 99px 0; }
/* domain register mini-form inside panel */
.uhd-panel .input-group { border: 1px solid var(--uh-line); border-radius: 14px; overflow: hidden; padding: .25rem; background: #fff; }
.uhd-panel .input-group .form-control { border: 0; box-shadow: none; }
.uhd-panel .input-group .btn { border-radius: 10px !important; margin-left: .25rem; box-shadow: none; }

/* sidebar polish */
.sidebar .card-sidebar { border-radius: 20px !important; overflow: hidden; box-shadow: var(--uh-shadow-sm); }
.card-sidebar .card-header { background: #fff !important; padding: .95rem 1.1rem; }
.card-sidebar .card-title { font-size: .95rem !important; display: flex; align-items: center; gap: .5rem; }
.card-sidebar .card-title > i:first-child { width: 30px; height: 30px; display: inline-grid; place-items: center; border-radius: 9px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: .85rem; }
.card-sidebar .card-minimise { margin-left: auto; color: var(--uh-muted); font-size: .8rem; }
.card-sidebar .card-body { font-size: .92rem; line-height: 1.6; }
.card-sidebar .card-body strong { font-family: var(--uh-display); font-size: 1.05rem; color: var(--uh-ink); }
.card-sidebar .card-footer { background: #fff; border-top: 0; padding: 0 1.1rem 1.1rem; }
.card-sidebar .card-footer .btn { border-radius: 99px; }
.sidebar-menu-item-icon { color: var(--uh-brand); }
.list-group-item.active .sidebar-menu-item-icon { color: #fff; }

@media (max-width: 1199.98px) { .uhd-stats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767.98px) {
  .uhd-hero { grid-template-columns: 1fr; padding: 1.5rem; }
  .uhd-hero__art { display: none; }
}
@media (max-width: 575.98px) {
  .uhd-stats { gap: .7rem; }
  .uhd-stat { padding: 1rem; }
  .uhd-stat__num { font-size: 1.7rem; }
  .uhd-hero__actions .uhd-btn { flex: 1 1 auto; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .uhd-chip, .uhd-live { animation: none; } }

/* active products list (includes/active-products-services-item.tpl) */
.uhd-panel .div-service-item {
  display: flex !important; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; padding: .9rem 1.2rem; border-bottom: 1px solid var(--uh-line);
  cursor: pointer; transition: background .15s;
}
.uhd-panel .div-service-item:last-child { border-bottom: 0; }
.uhd-panel .div-service-item:hover { background: var(--uh-brand-tint); }
.uhd-panel .div-service-status { flex: 0 0 auto; }
.uhd-panel .div-service-status .label.label-placeholder { display: none !important; }
.uhd-panel .div-service-status .label:not(.label-placeholder) { display: inline-block; border-radius: 99px; font-size: .7rem; font-weight: 700; padding: .3em .75em; }
.uhd-panel .label-success { background: #e3f6ec; color: #1c8f5a; }
.uhd-panel .label-warning { background: #fff3dc; color: #a8630a; }
.uhd-panel .label-danger, .uhd-panel .label-default { background: #fdecea; color: #b3261e; }
.uhd-panel .div-service-name { flex: 1 1 200px; min-width: 0; }
.uhd-panel .div-service-name .font-weight-bold { display: block; color: var(--uh-ink); font-family: var(--uh-display); }
.uhd-panel .div-service-name .text-domain { display: block; font-size: .85rem; color: var(--uh-muted); }
.uhd-panel .div-service-buttons { flex: 0 0 auto; margin-left: auto; display: flex; gap: .4rem; flex-wrap: nowrap; white-space: nowrap; }
.uhd-panel .div-service-buttons .btn-primary { background: var(--uh-brand); border-color: var(--uh-brand); }

/* on phones show the page content before the sidebar */
@media (max-width: 991.98px) {
  #main-body .row > .primary-content { order: -1; }
}
@media (max-width: 575.98px) {
  .uhd-panel .div-service-item { flex-wrap: wrap; }
  .uhd-panel .div-service-buttons { width: 100%; }
  .uhd-panel .div-service-buttons .btn-group, .uhd-panel .div-service-buttons .btn { flex: 1; }
}

/* ==========================================================================
   LIST PAGES — Services, Domains, Tickets, Invoices
   ========================================================================== */
/* page hero (header.tpl) */
.uhp-hero { background: radial-gradient(120% 160% at 100% 0%, #1b6b45 0%, var(--uh-dark) 55%, #081a11 100%); padding: 1.8rem 0 3.6rem; position: relative; overflow: hidden; }
.uhp-hero::before { content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 34px 34px; -webkit-mask-image: linear-gradient(90deg, transparent 35%, #000); mask-image: linear-gradient(90deg, transparent 35%, #000); }
.uhp-hero .container { position: relative; }
.uhp-hero__inner { display: flex; align-items: center; gap: 1.2rem; flex-wrap: wrap; }
.uhp-hero__ico { width: 60px; height: 60px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 18px; font-size: 1.7rem; color: #6fe0ac;
  background: linear-gradient(150deg, rgba(111,224,172,.22), rgba(255,255,255,.04)); border: 1px solid rgba(111,224,172,.35); box-shadow: 0 0 40px rgba(47,191,113,.25); }
.uhp-hero__txt { flex: 1; min-width: 220px; }
.uhp-hero__txt h1 { color: #fff; font-size: clamp(1.5rem, 2.6vw, 2rem); font-weight: 700; margin: 0 0 .25rem; letter-spacing: -.02em; }
.uhp-hero__txt p { color: #b8d6c8; margin: 0; max-width: 40rem; font-size: .95rem; }
.uhp-hero__btns { display: flex; gap: .5rem; flex-wrap: wrap; }
.uhp-btn { display: inline-flex; align-items: center; gap: .4rem; padding: .65rem 1.2rem; border-radius: 999px; font-weight: 600; font-size: .92rem; transition: .2s; text-decoration: none !important; white-space: nowrap; }
.uhp-btn--main { background: var(--uh-accent); color: #062014 !important; box-shadow: 0 10px 22px -8px rgba(47,191,113,.7); }
.uhp-btn--main:hover { background: #6fe0ac; transform: translateY(-2px); }
.uhp-btn--ghost { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.18); color: #fff !important; }
.uhp-btn--ghost:hover { background: rgba(255,255,255,.14); }
/* list pages: pull content up over the hero + hide duplicate breadcrumb bar look */
.uhs-tpl-clientareaproducts #main-body, .uhs-tpl-clientareadomains #main-body,
.uhs-tpl-supportticketslist #main-body, .uhs-tpl-clientareainvoices #main-body { padding-top: 0; margin-top: -2.2rem; background: transparent; position: relative; }
.uhs-tpl-clientareaproducts, .uhs-tpl-clientareadomains, .uhs-tpl-supportticketslist, .uhs-tpl-clientareainvoices { background: var(--uh-brand-tint); }
.uhs-tpl-clientareaproducts .master-breadcrumb, .uhs-tpl-clientareadomains .master-breadcrumb,
.uhs-tpl-supportticketslist .master-breadcrumb, .uhs-tpl-clientareainvoices .master-breadcrumb { padding-bottom: 0; }
.uhs-tpl-clientareaproducts .primary-content > h1:first-child, .uhs-tpl-clientareadomains .primary-content > h1:first-child,
.uhs-tpl-supportticketslist .primary-content > h1:first-child, .uhs-tpl-clientareainvoices .primary-content > h1:first-child { display: none; }

/* table card */
.table-container {
  background: #fff; border: 1px solid var(--uh-line) !important; border-radius: 22px !important; box-shadow: 0 20px 50px -30px rgba(14,42,28,.35);
  overflow: hidden; padding: 0 !important;
}
.dataTables_wrapper { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.dataTables_wrapper .listtable {
  display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1rem; padding: 0; background: #fff;
}
.dataTables_wrapper .listtable > table, .dataTables_wrapper .listtable > .table-responsive {
  order: 3; flex: 0 0 100% !important; max-width: 100%; width: 100% !important; margin: 0 !important; border-top: 1px solid var(--uh-line) !important;
}
.dataTables_wrapper .dataTables_filter { float: none !important; order: 1; margin: 1rem 0 1rem 1.2rem !important; flex: 1 1 260px; text-align: left !important; }
.dataTables_wrapper .dataTables_filter label { width: 100%; margin: 0; }
.dataTables_wrapper .dataTables_filter input {
  width: 100% !important; max-width: 340px; margin: 0 !important; height: 42px; padding: .5rem 1rem .5rem 2.5rem !important; border-radius: 999px !important;
  border: 1px solid var(--uh-line) !important; background: var(--uh-brand-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7A72' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398l3.85 3.85a1 1 0 0 0 1.415-1.414zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 1rem center !important;
}
.dataTables_wrapper .dataTables_filter input:focus { border-color: var(--uh-brand) !important; background-color: #fff !important; box-shadow: 0 0 0 4px var(--uh-brand-soft); outline: 0; }
.dataTables_wrapper .dataTables_info { order: 2; float: none !important; padding: 0 !important; margin: 0 1.2rem 0 auto; font-size: .82rem; color: var(--uh-muted); }

.table-list { margin: 0 !important; border: 0 !important; }
.table-list > thead > tr > th {
  background: var(--uh-brand-tint) !important; color: var(--uh-muted) !important; font-size: .72rem !important; font-weight: 700 !important;
  text-transform: uppercase; letter-spacing: .06em; border: 0 !important; border-bottom: 1px solid var(--uh-brand-border) !important; padding: .85rem 1rem !important; white-space: nowrap;
}
.table-list > thead > tr > th.sorting_asc, .table-list > thead > tr > th.sorting_desc { color: var(--uh-brand-dark) !important; }
.table-list > tbody > tr { cursor: pointer; transition: background .15s; }
.table-list > tbody > tr > td { padding: 1rem !important; border: 0 !important; border-bottom: 1px solid var(--uh-line) !important; vertical-align: middle !important; color: var(--uh-body); background: #fff; font-size: .93rem; }
.table-list > tbody > tr:last-child > td { border-bottom: 0 !important; }
.table-list > tbody > tr:hover > td { background: var(--uh-brand-tint) !important; }
.table-list > tbody > tr > td strong { color: var(--uh-ink); font-family: var(--uh-display); font-weight: 700; }
.table-list > tbody > tr > td a { color: var(--uh-brand); font-weight: 500; }
.table-list > tbody > tr > td small, .table-list .text-muted { color: var(--uh-muted) !important; }
.table-list > tbody > tr > td:first-child { font-weight: 600; }
.table-list td.dataTables_empty { padding: 3rem 1rem !important; text-align: center; color: var(--uh-muted); font-size: .95rem; background: #fff !important; }
.table-list td.dataTables_empty::before { content: ""; display: block; width: 56px; height: 56px; margin: 0 auto .8rem; border-radius: 16px; background: var(--uh-brand-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23176F46' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v13.5a.5.5 0 0 1-.777.416L8 13.101l-5.223 2.815A.5.5 0 0 1 2 15.5zm2-1a1 1 0 0 0-1 1v12.566l4.723-2.482a.5.5 0 0 1 .554 0L13 14.566V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E") no-repeat center; }
.table-list .status, .table-list .label { display: inline-block; min-width: 84px; text-align: center; }
.ssl-info img { width: 22px !important; opacity: .9; }

/* bottom bar: pagination + length */
.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_length { padding: .9rem 1.2rem !important; margin: 0 !important; }
.dataTables_wrapper .dataTables_paginate { float: right !important; }
.dataTables_wrapper .dataTables_length { float: left !important; font-size: .85rem; color: var(--uh-muted); }
.dataTables_wrapper .dataTables_length select { border-radius: 10px !important; border: 1px solid var(--uh-line) !important; padding: .25rem 1.8rem .25rem .6rem !important; margin: 0 .3rem; height: auto; }
.dataTables_wrapper .pagination { margin: 0; gap: .3rem; }
.dataTables_wrapper .pagination .page-link { border-radius: 10px !important; border: 1px solid var(--uh-line); color: var(--uh-ink); font-weight: 600; font-size: .84rem; padding: .4rem .75rem; }
.dataTables_wrapper .pagination .page-item.active .page-link { background: var(--uh-brand); border-color: var(--uh-brand); color: #fff; }
.dataTables_wrapper .pagination .page-item.disabled .page-link { color: #b3bdb8; background: #fff; }
.dataTables_wrapper::after { content: ""; display: table; clear: both; }
#tableLoading { padding: 2rem 0; color: var(--uh-muted); }

/* sidebar status filters (view-filter-btns) */
.view-filter-btns .list-group-item { display: flex; align-items: center; gap: .55rem; }
.view-filter-btns .list-group-item i.far { color: var(--uh-brand); }
.view-filter-btns .list-group-item .badge, .card-sidebar .list-group-item .badge {
  margin-left: auto; background: var(--uh-brand-soft) !important; color: var(--uh-brand-dark) !important; border-radius: 99px; font-weight: 700; min-width: 26px;
}
.view-filter-btns .list-group-item.active .badge, .card-sidebar .list-group-item.active .badge { background: rgba(255,255,255,.22) !important; color: #fff !important; }
.sidebar-menu-item-wrapper { display: flex; align-items: center; gap: .55rem; width: 100%; }
.sidebar-menu-item-label { flex: 1; }

/* domains page: bulk actions bar */
.uhs-tpl-clientareadomains .table-list input[type=checkbox] { width: 17px; height: 17px; accent-color: var(--uh-brand); }

/* ---------- table cell alignment + widths ---------- */
.table-list > thead > tr > th, .table-list > tbody > tr > td { text-align: left !important; }
.table-list > thead > tr > th.width-fixed-20, .table-list td.ssl-info { text-align: center !important; }
.uhs-tpl-clientareadomains .table-list > thead > tr > th:nth-child(-n+2),
.uhs-tpl-clientareadomains .table-list > tbody > tr > td:nth-child(-n+2) { width: 44px; padding-left: .6rem !important; padding-right: .6rem !important; text-align: center !important; }
.uhs-tpl-clientareadomains .table-list > tbody > tr > td:nth-child(3) a { font-weight: 600; font-size: .98rem; }
.uhs-tpl-clientareadomains .table-list > tbody > tr > td:nth-child(3) .small, .uhs-tpl-clientareadomains .table-list > tbody > tr > td:nth-child(3) small { display: block; margin-top: .15rem; font-size: .76rem; }
.table-list > tbody > tr > td { font-size: .9rem; line-height: 1.45; }
.table-list > tbody > tr > td:last-child { white-space: nowrap; }
table.dataTable thead .sorting::before, table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::before, table.dataTable thead .sorting_desc::after { opacity: .25; }
table.dataTable thead .sorting_asc::before, table.dataTable thead .sorting_desc::after { opacity: .9; color: var(--uh-brand); }

/* ---------- Status pills: one consistent system (dot + tint) ---------- */
.label.status, .status {
  display: inline-flex !important; align-items: center; justify-content: center; gap: .4rem; min-width: 92px; padding: .38em .85em !important;
  border-radius: 99px !important; font-size: .74rem !important; font-weight: 700 !important; letter-spacing: .02em; line-height: 1.2;
  background: #eef1f0 !important; color: #55635c !important; border: 1px solid transparent; text-transform: none;
}
.label.status::before, .status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.status.status-active, .status.status-paid, .status.status-completed, .status.status-closed.status-paid { background: #e3f6ec !important; color: #16804f !important; border-color: #c4ead5 !important; }
.status.status-pending, .status.status-unpaid, .status.status-payment-pending, .status.status-pending-transfer, .status.status-pending-registration, .status.status-draft, .status.status-in-progress, .status.status-on-hold, .status.status-grace
  { background: #fff4e0 !important; color: #a8630a !important; border-color: #fbe2b4 !important; }
.status.status-suspended, .status.status-cancelled, .status.status-terminated, .status.status-overdue, .status.status-expired, .status.status-redemption, .status.status-fraud, .status.status-collections
  { background: #fdecea !important; color: #b3261e !important; border-color: #f8cfca !important; }
.status.status-open, .status.status-customer-reply, .status.status-answered { background: #e6f0fb !important; color: #1f5fa8 !important; border-color: #cadef5 !important; }
.status.status-closed, .status.status-inactive, .status.status-transferred-away, .status.status-refunded, .status.status-cancelled.status-invoice
  { background: #eef1f0 !important; color: #55635c !important; border-color: #dfe5e2 !important; }
.table-list .status, .table-list .label { min-width: 92px; }
.view-filter-btns .list-group-item.active, .card-sidebar .list-group-item.active {
  background: var(--uh-brand) !important; border-color: var(--uh-brand) !important; color: #fff !important; font-weight: 600;
}
.view-filter-btns .list-group-item.active i { color: #fff !important; }

/* ---------- Button groups (bulk actions, invoice tools, etc.) → one segmented bar ---------- */
.primary-content .btn-group:has(> .btn-default), .primary-content .btn-group:has(> .btn-group > .btn-default) {
  display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 5px; background: #fff; border: 1px solid var(--uh-line);
  border-radius: 16px; box-shadow: 0 12px 30px -18px rgba(14,42,28,.35); vertical-align: middle;
}
.primary-content .btn-group:has(> .btn-default) > .btn-default,
.primary-content .btn-group:has(> .btn-default) > .btn-group > .btn-default {
  display: inline-flex; align-items: center; gap: .45rem; margin: 0 !important; border: 0 !important; border-radius: 11px !important;
  background: transparent; color: var(--uh-ink); font-weight: 600; font-size: .84rem; padding: .5rem .85rem; box-shadow: none !important; transform: none !important;
}
.primary-content .btn-group:has(> .btn-default) > .btn-default i,
.primary-content .btn-group:has(> .btn-default) > .btn-group > .btn-default i { color: var(--uh-brand); width: 1em; text-align: center; }
.primary-content .btn-group:has(> .btn-default) > .btn-default:hover,
.primary-content .btn-group:has(> .btn-default) > .btn-group > .btn-default:hover,
.primary-content .btn-group:has(> .btn-default) .show > .btn-default { background: var(--uh-brand-soft); color: var(--uh-brand-dark); }
.primary-content .btn-group:has(> .btn-default) > .btn-group { margin: 0; padding: 0; background: none; border: 0; box-shadow: none; }
.primary-content .btn-group:has(> .btn-default) + .table-container,
#domainForm > .btn-group { margin-bottom: 1rem !important; }
.dropdown-menu { border: 1px solid var(--uh-line); border-radius: 14px; box-shadow: 0 20px 40px -18px rgba(14,42,28,.35); padding: .4rem; }
.dropdown-menu .dropdown-item { border-radius: 9px; padding: .5rem .8rem; font-size: .88rem; display: flex; align-items: center; gap: .5rem; }
.dropdown-menu .dropdown-item i { color: var(--uh-brand); width: 1.1em; text-align: center; }
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus { background: var(--uh-brand-soft); color: var(--uh-brand-dark); }

@media (max-width: 767.98px) {
  .primary-content .btn-group:has(> .btn-default) { display: flex; flex-wrap: wrap; width: 100%; }
  .primary-content .btn-group:has(> .btn-default) > .btn-default,
  .primary-content .btn-group:has(> .btn-default) > .btn-group { flex: 1 1 auto; justify-content: center; }
  .primary-content .btn-group:has(> .btn-default) .btn-default { white-space: nowrap; width: 100%; justify-content: center; }
  .dataTables_wrapper .listtable > table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .dataTables_wrapper .listtable > table > tbody > tr > td, .dataTables_wrapper .listtable > table > thead > tr > th { white-space: nowrap; }
  .dataTables_wrapper .dataTables_info { margin: 0 1.2rem .9rem; width: 100%; }
  .dataTables_wrapper .dataTables_filter { margin: 1rem 1.2rem 0 !important; }
}
@media (max-width: 767.98px) {
  .uhp-hero { padding: 1.4rem 0 3.2rem; }
  .uhp-hero__ico { width: 48px; height: 48px; font-size: 1.35rem; border-radius: 14px; }
  .uhp-hero__btns { width: 100%; }
  .uhp-hero__btns .uhp-btn { flex: 1; justify-content: center; }
  .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_length { float: none !important; text-align: center; }
  .dataTables_wrapper .pagination { justify-content: center; }
  .dataTables_wrapper .dataTables_filter input { max-width: none; }
}

/* ==========================================================================
   LOGIN + REGISTER (login.tpl / clientregister.tpl overrides)
   ========================================================================== */
.uhs-tpl-login, .uhs-tpl-clientregister { background: var(--uh-brand-tint); }
.uhs-tpl-login #main-body, .uhs-tpl-clientregister #main-body { padding: 2.2rem 0 3.5rem; background: transparent; }
.uha-chip { display: inline-flex; align-items: center; gap: .4rem; padding: .35rem .8rem; border-radius: 99px; font-size: .76rem; font-weight: 700;
  background: rgba(111,224,172,.14); color: #9fe3c2; border: 1px solid rgba(111,224,172,.28); letter-spacing: .02em; }

/* ---- login shell ---- */
.uha-shell { display: grid; grid-template-columns: 1.05fr 1fr; max-width: 1040px; margin: 0 auto; background: #fff; border-radius: 28px; overflow: hidden;
  border: 1px solid var(--uh-line); box-shadow: 0 50px 100px -40px rgba(14,42,28,.45); }
.uha-side { position: relative; overflow: hidden; padding: 2.6rem 2.6rem; display: flex; flex-direction: column; gap: 1.8rem; color: #cfe3d9;
  background: radial-gradient(120% 120% at 0% 0%, #1b6b45 0%, var(--uh-dark) 55%, #081a11 100%); }
.uha-side::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .6;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 40px 40px;
  -webkit-mask-image: radial-gradient(circle at 100% 100%, #000, transparent 70%); mask-image: radial-gradient(circle at 100% 100%, #000, transparent 70%); }
.uha-side__glow { position: absolute; width: 320px; height: 320px; right: -120px; bottom: -120px; border-radius: 50%; background: radial-gradient(circle, rgba(47,191,113,.45), transparent 70%); filter: blur(10px); }
.uha-side > *:not(.uha-side__glow) { position: relative; }
.uha-side h2 { color: #fff; font-size: clamp(1.7rem, 2.6vw, 2.2rem); font-weight: 700; line-height: 1.15; margin: 1rem 0 .7rem; letter-spacing: -.02em; }
.uha-side h2 span { color: #6fe0ac; }
.uha-side p { color: #b8d6c8; margin: 0; font-size: .96rem; line-height: 1.6; }
.uha-perks { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.05rem; }
.uha-perks li { display: flex; gap: .85rem; align-items: center; }
.uha-perks li > i { flex: 0 0 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(111,224,172,.14); color: #6fe0ac; font-size: 1.05rem; }
.uha-perks b { display: block; color: #fff; font-family: var(--uh-display); font-size: .96rem; }
.uha-perks span { font-size: .82rem; color: #9fc2b2; }
.uha-side__help { margin-top: auto; display: flex; align-items: center; gap: .7rem; padding: .85rem 1rem; border-radius: 14px; background: rgba(37,211,102,.1);
  border: 1px solid rgba(37,211,102,.3); color: #cfe3d9 !important; text-decoration: none !important; font-size: .88rem; transition: .2s; }
.uha-side__help:hover { background: rgba(37,211,102,.18); }
.uha-side__help > i:first-child { font-size: 1.3rem; color: #25d366; }
.uha-side__help b { color: #fff; }
.uha-side__help > i:last-child { margin-left: auto; font-size: 1.3rem; }

.uha-main { padding: 2.8rem 2.8rem 2.4rem; display: flex; align-items: center; }
.uha-form { width: 100%; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.uha-head { margin-bottom: 1.6rem; }
.uha-head__ico { width: 54px; height: 54px; display: grid; place-items: center; border-radius: 16px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: 1.6rem; margin-bottom: 1rem; }
.uha-head h1 { font-size: 1.85rem; font-weight: 700; margin: 0 0 .3rem; letter-spacing: -.02em; }
.uha-head p { color: var(--uh-muted); margin: 0; }
.uha-form .form-group { margin-bottom: 1.1rem; }
.uha-form .form-control-label { font-size: .85rem; font-weight: 600; color: var(--uh-ink); margin-bottom: .4rem; }
.uha-field { position: relative; display: flex; align-items: stretch; flex-wrap: nowrap; }
.uha-field > i { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--uh-muted); font-size: 1rem; z-index: 5; pointer-events: none; transition: color .2s; }
.uha-field .form-control { height: 52px; padding: .6rem 1rem .6rem 2.8rem !important; border-radius: 14px !important; border: 1.5px solid var(--uh-line); background: var(--uh-brand-tint); font-size: .95rem; transition: .2s; }
.uha-field .form-control:focus { background: #fff; border-color: var(--uh-brand); box-shadow: 0 0 0 4px var(--uh-brand-soft); }
.uha-field:focus-within > i { color: var(--uh-brand); }
.uha-field.input-group .form-control { border-top-right-radius: 14px !important; border-bottom-right-radius: 14px !important; padding-right: 3.2rem !important; }
.uha-field .input-group-append { position: absolute; right: 6px; top: 6px; bottom: 6px; z-index: 5; margin: 0; }
.uha-field .btn-reveal-pw { height: 100%; width: 40px; border: 0 !important; border-radius: 10px !important; background: transparent !important; color: var(--uh-muted) !important; padding: 0; box-shadow: none !important; transform: none !important; }
.uha-field .btn-reveal-pw:hover { background: var(--uh-brand-soft) !important; color: var(--uh-brand) !important; }
.uha-forgot { font-size: .82rem; font-weight: 600; color: var(--uh-brand); margin-bottom: .4rem; }
.uha-remember { display: inline-flex; align-items: center; gap: .55rem; font-weight: 500; font-size: .88rem; color: var(--uh-body); cursor: pointer; margin: .2rem 0 1.3rem; }
.uha-remember input { width: 18px; height: 18px; accent-color: var(--uh-brand); margin: 0; }
.uha-captcha { margin-bottom: 1rem; }
.uha-submit { width: 100%; height: 54px; display: inline-flex !important; align-items: center; justify-content: center; gap: .5rem; border-radius: 14px !important;
  font-weight: 700; font-size: 1rem; background: linear-gradient(135deg, var(--uh-brand), #1f8a58) !important; border: 0 !important; box-shadow: 0 16px 30px -14px rgba(23,111,70,.75) !important; }
.uha-submit i { transition: transform .2s; }
.uha-submit:hover i { transform: translateX(4px); }
.uha-linked:empty { display: none; }
.uha-linked .social-signin-btns { margin-top: 1rem; display: grid; gap: .5rem; }
.uha-linked .social-signin-btns .btn { border-radius: 12px; height: 46px; }
.uha-switch { margin-top: 1.4rem; padding-top: 1.2rem; border-top: 1px dashed var(--uh-brand-border); text-align: center; font-size: .92rem; color: var(--uh-muted); }
.uha-switch a { font-weight: 700; color: var(--uh-brand); white-space: nowrap; }
.uha-secure { text-align: center; font-size: .78rem; color: var(--uh-muted); margin: .9rem 0 0; }
.uha-secure i { color: var(--uh-accent); }
.uhs-tpl-login .alert { border-radius: 12px; font-size: .88rem; }

/* ---- register ---- */
.uhr-intro { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; padding: 2rem 2.2rem; margin-bottom: 1.6rem; border-radius: 24px; position: relative; overflow: hidden;
  background: radial-gradient(120% 160% at 100% 0%, #1b6b45 0%, var(--uh-dark) 55%, #081a11 100%); box-shadow: 0 30px 60px -35px rgba(14,42,28,.7); }
.uhr-intro::before { content: ""; position: absolute; inset: 0; opacity: .5; pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 40px 40px;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000); mask-image: linear-gradient(90deg, transparent, #000); }
.uhr-intro > * { position: relative; }
.uhr-intro__txt { flex: 1 1 360px; }
.uhr-intro h1 { color: #fff; font-size: clamp(1.6rem, 2.8vw, 2.1rem); font-weight: 700; margin: .8rem 0 .4rem; letter-spacing: -.02em; }
.uhr-intro h1 span { color: #6fe0ac; }
.uhr-intro p { color: #b8d6c8; margin: 0; }
.uhr-intro p a { color: #6fe0ac; font-weight: 700; white-space: nowrap; }
.uhr-steps { list-style: none; margin: 0; padding: 0; display: flex; gap: .5rem; flex-wrap: wrap; }
.uhr-steps li { display: flex; align-items: center; gap: .5rem; padding: .5rem .85rem .5rem .5rem; border-radius: 99px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); color: #cfe3d9; font-size: .84rem; font-weight: 600; }
.uhr-steps b { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: var(--uh-accent); color: #062014; font-size: .8rem; }

.uhr-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 1.6rem; align-items: start; }
.uhr-card { border-radius: 22px !important; border: 1px solid var(--uh-line) !important; box-shadow: 0 20px 44px -34px rgba(14,42,28,.4) !important; margin-bottom: 1.2rem !important; }
.uhr-card .card-body { padding: 1.6rem 1.7rem .7rem !important; }
.uhr-title { display: flex; align-items: center; gap: .85rem; font-size: 1.12rem !important; font-weight: 700; margin-bottom: 1.3rem !important; }
.uhr-title > b { flex: 0 0 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: var(--uh-brand); color: #fff; font-family: var(--uh-display); font-size: 1rem; box-shadow: 0 8px 18px -8px rgba(23,111,70,.7); }
.uhr-title small { display: block; font-family: var(--uh-font); font-size: .8rem; font-weight: 500; color: var(--uh-muted); margin-top: .15rem; font-style: normal; }
.uhr-title br, .uhr-title i:not(.bi) { display: none; }

#registration .field, #registration .form-control, #registration select.field {
  height: 50px !important; border-radius: 14px !important; border: 1.5px solid var(--uh-line) !important; background: var(--uh-brand-tint) !important;
  color: var(--uh-ink) !important; font-size: .94rem !important; transition: border-color .2s, box-shadow .2s, background .2s;
}
#registration .prepend-icon .field, #registration .prepend-icon .form-control { padding-left: 2.8rem !important; }
#registration .field:focus, #registration .form-control:focus { background: #fff !important; border-color: var(--uh-brand) !important; box-shadow: 0 0 0 4px var(--uh-brand-soft) !important; }
#registration .prepend-icon .field-icon { height: 50px !important; line-height: 50px !important; width: 46px !important; }
#registration .field-icon i { color: var(--uh-muted) !important; font-size: .95rem !important; }
#registration .prepend-icon:focus-within .field-icon i { color: var(--uh-brand) !important; }
#registration .form-group { margin-bottom: 1rem; }
#registration textarea.field { height: auto !important; }
#registration .iti { width: 100%; }
#registration .iti input.field { padding-left: 90px !important; }
#registration .iti__flag-container { z-index: 6; }
#registration label:not(.field-icon) { font-size: .85rem; }
.uhr-gen { border-radius: 12px !important; height: 44px; display: inline-flex !important; align-items: center; gap: .4rem; padding: 0 1rem !important; }
#registration .password-strength-meter .progress { height: 8px; border-radius: 99px; background: var(--uh-brand-soft); margin-top: .9rem; }
#registration .password-strength-meter .progress-bar { border-radius: 99px; }
#registration .password-strength-meter p { margin-top: .4rem; }
.uhr-optin { display: flex; align-items: center; gap: 1rem; padding-bottom: .9rem; }
.uhr-optin__ico { flex: 0 0 46px; height: 46px; display: grid; place-items: center; border-radius: 14px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: 1.3rem; }
.uhr-optin > div { flex: 1; }
.uhr-optin h3 { font-size: 1rem !important; margin: 0 0 .15rem !important; }
.uhr-optin p { margin: 0; font-size: .86rem; color: var(--uh-muted); }
.uhr-submit { background: #fff; border: 1px solid var(--uh-line); border-radius: 22px; padding: 1.5rem 1.7rem; text-align: center; box-shadow: 0 20px 44px -34px rgba(14,42,28,.4); }
.uhr-submit .uha-submit { max-width: 420px; }
.uhr-tos { display: inline-flex; align-items: flex-start; gap: .6rem; font-weight: 500 !important; font-size: .9rem !important; margin: 0 0 1.1rem; cursor: pointer; text-align: left; }
.uhr-tos input { width: 18px; height: 18px; margin-top: .15rem; accent-color: var(--uh-brand); flex: 0 0 auto; }
.uhr-submit #google-recaptcha, .uhr-submit .captcha-container { margin: 0 auto 1rem; display: flex; justify-content: center; }

.uhr-aside { position: sticky; top: 1.5rem; display: grid; gap: 1rem; }
.uhr-aside__card { background: #fff; border: 1px solid var(--uh-line); border-radius: 22px; padding: 1.5rem; box-shadow: 0 20px 44px -34px rgba(14,42,28,.4); }
.uhr-aside__card h4 { font-size: 1.05rem; font-weight: 700; margin: 0 0 1rem; }
.uhr-aside__card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .9rem; }
.uhr-aside__card li { display: flex; gap: .75rem; align-items: flex-start; }
.uhr-aside__card li > i { flex: 0 0 36px; height: 36px; display: grid; place-items: center; border-radius: 11px; background: var(--uh-brand-soft); color: var(--uh-brand); }
.uhr-aside__card li b { display: block; color: var(--uh-ink); font-size: .92rem; }
.uhr-aside__card li span { font-size: .82rem; color: var(--uh-muted); line-height: 1.4; }
.uhr-aside__help { display: flex; align-items: center; gap: .8rem; padding: 1rem 1.2rem; border-radius: 18px; background: linear-gradient(135deg, var(--uh-dark), #13573a); color: #b8d6c8 !important; text-decoration: none !important; font-size: .84rem; }
.uhr-aside__help i { font-size: 1.6rem; color: #25d366; }
.uhr-aside__help b { display: block; color: #fff; font-size: .95rem; }
.uhr-aside__help:hover { filter: brightness(1.12); }

@media (max-width: 991.98px) {
  .uha-shell { grid-template-columns: 1fr; max-width: 560px; }
  .uha-side { order: 2; padding: 2rem 1.6rem; }
  .uha-main { padding: 2.2rem 1.6rem 2rem; }
  .uhr-layout { grid-template-columns: 1fr; }
  .uhr-aside { position: static; }
}
@media (max-width: 575.98px) {
  .uhs-tpl-login #main-body, .uhs-tpl-clientregister #main-body { padding-top: 1.2rem; }
  .uha-shell { border-radius: 22px; }
  .uhr-intro { padding: 1.5rem 1.3rem; border-radius: 20px; }
  .uhr-steps li span { display: none; }
  .uhr-steps li { padding: .35rem; }
  .uhr-card .card-body { padding: 1.3rem 1.1rem .4rem !important; }
  .uhr-submit { padding: 1.3rem 1.1rem; }
}
.col-xl-9.primary-content .uhr-layout { grid-template-columns: 1fr; } .col-xl-9.primary-content .uhr-aside { display: none; }

/* ---- hide empty breadcrumb band on auth pages ---- */
.uhs-tpl-login .master-breadcrumb, .uhs-tpl-clientregister .master-breadcrumb,
.uhs-tpl-password-reset-container .master-breadcrumb { display: none !important; }

/* ---- marketing opt-in switch (replaces bootstrap-switch) ---- */
.uhr-switch { position: relative; display: inline-flex; align-items: center; gap: .55rem; flex: 0 0 auto; margin: 0; cursor: pointer; user-select: none; }
.uhr-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.uhr-switch__track { position: relative; width: 52px; height: 30px; border-radius: 99px; background: #d5ddd9; transition: background .2s; box-shadow: inset 0 1px 3px rgba(0,0,0,.12); }
.uhr-switch__knob { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(14,42,28,.25); transition: transform .2s; }
.uhr-switch input:checked + .uhr-switch__track { background: var(--uh-brand); }
.uhr-switch input:checked + .uhr-switch__track .uhr-switch__knob { transform: translateX(22px); }
.uhr-switch input:focus-visible + .uhr-switch__track { box-shadow: 0 0 0 4px var(--uh-brand-soft); }
.uhr-switch__on, .uhr-switch__off { font-size: .82rem; font-weight: 700; min-width: 24px; }
.uhr-switch__on { display: none; color: var(--uh-brand); }
.uhr-switch__off { color: var(--uh-muted); }
.uhr-switch input:checked ~ .uhr-switch__on { display: inline; }
.uhr-switch input:checked ~ .uhr-switch__off { display: none; }

/* ---- image captcha (includes/captcha.tpl override) ---- */
.uhc-wrap { display: flex; justify-content: center; margin: 0 0 1.1rem; }
.uhc-captcha { width: 100%; max-width: 440px; text-align: left; padding: 1rem 1.1rem; border-radius: 18px; background: var(--uh-brand-tint); border: 1px solid var(--uh-brand-border); }
.uhc-captcha__head { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: .85rem; }
.uhc-captcha__ico { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--uh-brand); color: #fff; font-size: 1rem; }
.uhc-captcha__txt b { display: block; font-family: var(--uh-display); color: var(--uh-ink); font-size: .95rem; line-height: 1.2; }
.uhc-captcha__txt small { display: block; color: var(--uh-muted); font-size: .78rem; line-height: 1.4; margin-top: .15rem; }
.uhc-captcha__row { display: flex; gap: .6rem; align-items: stretch; }
.uhc-captcha__img { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: .3rem; padding: 0 .35rem 0 .6rem; height: 50px; border-radius: 14px; background: #fff; border: 1.5px solid var(--uh-line); }
.uhc-captcha__img img { height: 30px; width: auto; border-radius: 6px; display: block; }
.uhc-captcha__refresh { width: 34px; height: 34px; border: 0; border-radius: 10px; background: var(--uh-brand-soft); color: var(--uh-brand); display: grid; place-items: center; cursor: pointer; transition: .2s; padding: 0; }
.uhc-captcha__refresh:hover { background: var(--uh-brand); color: #fff; }
.uhc-captcha__refresh:hover i { transform: rotate(180deg); }
.uhc-captcha__refresh i { transition: transform .35s; }
.uhc-captcha__input { position: relative; flex: 1 1 auto; min-width: 0; }
.uhc-captcha__input > i { position: absolute; left: .95rem; top: 50%; transform: translateY(-50%); color: var(--uh-muted); z-index: 2; pointer-events: none; }
.uhc-captcha__input .form-control, #registration .uhc-captcha__input .form-control {
  width: 100% !important; height: 50px !important; padding: .5rem .9rem .5rem 2.6rem !important; border-radius: 14px !important; border: 1.5px solid var(--uh-line) !important;
  background: #fff !important; font-family: var(--uh-display); font-weight: 700; letter-spacing: .25em; text-transform: uppercase; font-size: 1rem !important; color: var(--uh-ink) !important; float: none !important; }
.uhc-captcha__input .form-control::placeholder { letter-spacing: normal; text-transform: none; font-family: var(--uh-font); font-weight: 500; color: #9aa7a0; }
.uhc-captcha__input .form-control:focus { border-color: var(--uh-brand) !important; box-shadow: 0 0 0 4px var(--uh-brand-soft) !important; }
.uhc-captcha__input:focus-within > i { color: var(--uh-brand); }
.uhc-wrap .recaptcha-container { margin: 0 auto; }
@media (max-width: 400px) {
  .uhc-captcha__row { flex-direction: column; }
  .uhc-captcha__img { justify-content: space-between; }
}

/* ==========================================================================
   ORDER FORM — standard_cart (store, plans, domain register/transfer,
   view cart, domain renewals). Pure CSS, no order-form templates replaced.
   ========================================================================== */
body #order-standard_cart { font-family: var(--uh-font); color: var(--uh-body); }
body #order-standard_cart .cart-body { padding-bottom: 1rem; }

/* ---- page banner (header-lined) ---- */
body #order-standard_cart .header-lined {
  position: relative; overflow: hidden; margin: 0 0 1.6rem; padding: 1.7rem 1.9rem; border: 0; border-radius: 24px;
  background: radial-gradient(120% 160% at 100% 0%, #1b6b45 0%, var(--uh-dark) 55%, #081a11 100%); box-shadow: 0 30px 60px -38px rgba(14,42,28,.8);
}
body #order-standard_cart .header-lined::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .55;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 40px 40px;
  -webkit-mask-image: linear-gradient(90deg, transparent 20%, #000); mask-image: linear-gradient(90deg, transparent 20%, #000); }
body #order-standard_cart .header-lined > * { position: relative; }
body #order-standard_cart .header-lined h1 { color: #fff !important; font-family: var(--uh-display); font-weight: 700; font-size: clamp(1.5rem, 2.6vw, 2rem) !important; letter-spacing: -.02em; margin: 0; }
body #order-standard_cart .header-lined p { color: #b8d6c8; margin: .35rem 0 0; font-size: .96rem; }
body #order-standard_cart .header-lined .domain-renewals-filter { border-radius: 99px; height: 44px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2); color: #fff; padding: 0 1.1rem; min-width: 240px; }
body #order-standard_cart .header-lined .domain-renewals-filter::placeholder { color: #9fc2b2; }

/* ---- sidebar ---- */
body #order-standard_cart .cart-sidebar .card, body #order-standard_cart .panel-sidebar { border-radius: 20px !important; border: 1px solid var(--uh-line) !important; overflow: hidden; box-shadow: 0 16px 36px -30px rgba(14,42,28,.4); }
body #order-standard_cart .cart-sidebar .card-header { background: #fff; border-bottom: 1px solid var(--uh-line); padding: .95rem 1.1rem; }
body #order-standard_cart .cart-sidebar .card-header .panel-title { font-size: .95rem; font-weight: 700; color: var(--uh-ink); margin: 0; }
body #order-standard_cart .cart-sidebar .card-header .panel-title > i:first-child { width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 9px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: .8rem; margin-right: .45rem; }
body #order-standard_cart .cart-sidebar .list-group-item { border: 0; border-bottom: 1px solid var(--uh-line); padding: .72rem 1.1rem; font-size: .9rem; color: var(--uh-body); display: flex; align-items: center; gap: .5rem; }
body #order-standard_cart .cart-sidebar .list-group-item:last-child { border-bottom: 0; }
body #order-standard_cart .cart-sidebar .list-group-item:hover { background: var(--uh-brand-tint); color: var(--uh-brand-dark); }
body #order-standard_cart .cart-sidebar .list-group-item.active { background: var(--uh-brand) !important; color: #fff !important; font-weight: 600; }
body #order-standard_cart .cart-sidebar .list-group-item i { color: var(--uh-brand); }
body #order-standard_cart .cart-sidebar .list-group-item.active i { color: #fff; }
body #order-standard_cart .sidebar-collapsed .card { border-radius: 16px; border: 1px solid var(--uh-line); }
body #order-standard_cart .sidebar-collapsed .custom-select { border-radius: 12px; height: 44px; }

/* ---- plan cards (products.tpl) ---- */
body #order-standard_cart .products .row-eq-height { margin-left: -.6rem; margin-right: -.6rem; }
body #order-standard_cart .products .row-eq-height > [class*=col-] { padding: 0 .6rem; margin-bottom: 1.2rem; }
body #order-standard_cart .products .product {
  position: relative; display: flex; flex-direction: column; height: 100%; margin: 0; padding: 1.6rem 1.5rem 1.5rem; background: #fff;
  border: 1px solid var(--uh-line); border-radius: 24px; box-shadow: 0 24px 50px -40px rgba(14,42,28,.5); overflow: hidden; transition: transform .25s, box-shadow .25s, border-color .25s;
}
body #order-standard_cart .products .product::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--uh-brand), var(--uh-accent)); opacity: 0; transition: opacity .25s; }
body #order-standard_cart .products .product:hover { transform: translateY(-6px); border-color: var(--uh-brand-border); box-shadow: 0 34px 60px -34px rgba(14,42,28,.45); }
body #order-standard_cart .products .product:hover::before { opacity: 1; }
body #order-standard_cart .products .product header { order: 1; background: none !important; padding: 0 !important; margin: 0 0 1rem; border: 0; display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
body #order-standard_cart .products .product header span:first-child { font-family: var(--uh-display); font-weight: 700; font-size: 1.3rem; color: var(--uh-ink) !important; letter-spacing: -.01em; }
body #order-standard_cart .products .product header .qty { margin-left: auto; font-size: .74rem; font-weight: 700; color: var(--uh-brand); background: var(--uh-brand-soft); padding: .25rem .6rem; border-radius: 99px; }
body #order-standard_cart .products .product footer { display: contents; }
body #order-standard_cart .products .product .product-pricing {
  order: 2; float: none !important; width: auto !important; text-align: left !important; margin: 0 0 1.2rem; padding: 1rem 1.1rem; border-radius: 16px;
  background: var(--uh-brand-tint); border: 1px solid var(--uh-brand-border); color: var(--uh-muted); font-size: .84rem; font-weight: 600; line-height: 1.35;
}
body #order-standard_cart .products .product .product-pricing br:first-of-type { display: none; }
body #order-standard_cart .products .product .product-pricing .price {
  display: block; font-family: var(--uh-display); font-size: 2.1rem; font-weight: 700; color: var(--uh-ink); letter-spacing: -.02em; line-height: 1.1; margin-bottom: .15rem;
}
body #order-standard_cart .products .product .product-pricing small { font-size: .78rem; color: var(--uh-muted); }
body #order-standard_cart .products .product .product-desc { order: 3; float: none !important; width: auto !important; padding: 0 !important; margin: 0 0 1.4rem; flex: 1 1 auto; font-size: .9rem; color: var(--uh-body); }
body #order-standard_cart .products .product .product-desc p { margin: 0; }
body #order-standard_cart .products .product .product-desc br { display: none; }
body #order-standard_cart .products .product .product-desc p > strong,
body #order-standard_cart .products .product .product-desc li {
  position: relative; display: block; padding: .42rem 0 .42rem 1.75rem; font-weight: 500; color: var(--uh-body); border-bottom: 1px dashed var(--uh-line); list-style: none;
}
body #order-standard_cart .products .product .product-desc p > strong:last-of-type, body #order-standard_cart .products .product .product-desc li:last-child { border-bottom: 0; }
body #order-standard_cart .products .product .product-desc p > strong::before,
body #order-standard_cart .products .product .product-desc li::before {
  content: "\f26a"; font-family: "bootstrap-icons" !important; position: absolute; left: 0; top: .42rem; color: var(--uh-accent); font-size: 1rem; line-height: 1.35;
}
body #order-standard_cart .products .product .product-desc ul { margin: 0; padding: 0; }
body #order-standard_cart .products .product .product-desc ul:empty { display: none; }
body #order-standard_cart .products .product .product-desc .feature-value { font-weight: 700; color: var(--uh-ink); }
body #order-standard_cart .products .product .btn-order-now {
  order: 4; float: none !important; display: flex !important; align-items: center; justify-content: center; gap: .5rem; width: 100%; height: 50px; margin: 0 !important;
  border-radius: 14px !important; font-size: 1rem !important; font-weight: 700; background: var(--uh-brand) !important; border: 0 !important; color: #fff !important;
  box-shadow: 0 14px 26px -14px rgba(23,111,70,.8); transition: .2s;
}
body #order-standard_cart .products .product .btn-order-now:hover { background: var(--uh-brand-dark) !important; transform: translateY(-2px); }
body #order-standard_cart .products .product .btn-order-now i { font-size: .95em; }

/* ---- domain search (register) ---- */
body #order-standard_cart .cart-body > p { color: var(--uh-muted); }
body #order-standard_cart .domain-checker-container {
  margin: 0 0 1.6rem; padding: 1.6rem; border-radius: 22px; border: 1px solid var(--uh-brand-border) !important;
  background: linear-gradient(180deg, #fff, var(--uh-brand-tint)) !important; box-shadow: 0 24px 50px -40px rgba(14,42,28,.5);
}
body #order-standard_cart .domain-checker-bg { background: none !important; padding: 0 !important; margin: 0 !important; }
body #order-standard_cart .domain-checker-container .row > [class*=col-] { flex: 0 0 100%; max-width: 100%; margin-left: 0 !important; }
body #order-standard_cart .domain-checker-container .input-group-box {
  display: flex; flex-wrap: nowrap; align-items: center; padding: 6px; border-radius: 18px !important; background: #fff !important;
  border: 1.5px solid var(--uh-brand-border) !important; box-shadow: 0 16px 34px -24px rgba(14,42,28,.5); transition: .2s;
}
body #order-standard_cart .domain-checker-container .input-group-box:focus-within { border-color: var(--uh-brand) !important; box-shadow: 0 0 0 5px var(--uh-brand-soft); }
body #order-standard_cart .domain-checker-container #inputDomain, body #order-standard_cart .domain-checker-container .form-control {
  height: 52px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 1.05rem !important; padding-left: 1rem !important; color: var(--uh-ink);
}
body #order-standard_cart .domain-checker-container .input-group-btn, body #order-standard_cart .domain-checker-container .input-group-append { margin: 0; }
body #order-standard_cart .domain-checker-container .btn, body #order-standard_cart .domain-check-availability {
  height: 52px; padding: 0 1.8rem !important; border-radius: 14px !important; font-weight: 700; font-size: 1rem; background: var(--uh-brand) !important; border: 0 !important; color: #fff !important;
  box-shadow: 0 12px 24px -12px rgba(23,111,70,.8) !important;
}
body #order-standard_cart .domain-checker-container .btn:hover { background: var(--uh-brand-dark) !important; }

body #order-standard_cart .domain-checker-result-headline { margin: 0 0 1.2rem; padding: 1.4rem; border-radius: 20px; background: #fff; border: 1px solid var(--uh-line); text-align: center; font-size: 1.1rem; }
body #order-standard_cart .domain-checker-result-headline:empty, body #order-standard_cart #searchDomainInfo:not(:has(:not(.w-hidden))) { display: none; }
body #order-standard_cart .domain-checker-available { color: #16804f !important; font-family: var(--uh-display); font-weight: 700; font-size: 1.35rem; }
body #order-standard_cart .domain-checker-unavailable, body #order-standard_cart .domain-checker-invalid { color: #b3261e !important; font-family: var(--uh-display); font-weight: 700; font-size: 1.2rem; }
body #order-standard_cart .domain-price { margin-top: .8rem; display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; }
body #order-standard_cart .domain-price .price { font-family: var(--uh-display); font-size: 1.6rem; font-weight: 700; color: var(--uh-ink); }
body #order-standard_cart .primary-domain-header { display: inline-flex; align-items: center; gap: .4rem; font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--uh-brand); background: var(--uh-brand-soft); padding: .3rem .75rem; border-radius: 99px; margin-bottom: .6rem; }
body #order-standard_cart .btn-add-to-cart { border-radius: 12px !important; font-weight: 700; padding: .55rem 1.2rem; background: var(--uh-brand); border-color: var(--uh-brand); color: #fff; }
body #order-standard_cart .btn-add-to-cart:hover { background: var(--uh-brand-dark); color: #fff; }
body #order-standard_cart .btn-add-to-cart.checkout, body #order-standard_cart .btn-add-to-cart .added { color: #fff; }

body #order-standard_cart .suggested-domains { border: 1px solid var(--uh-line) !important; border-radius: 20px !important; overflow: hidden; background: #fff; margin-bottom: 1.6rem; box-shadow: 0 20px 44px -38px rgba(14,42,28,.5); }
body #order-standard_cart .suggested-domains .card-header { background: var(--uh-brand-tint) !important; color: var(--uh-ink); font-family: var(--uh-display); font-weight: 700; border-bottom: 1px solid var(--uh-line); padding: .9rem 1.2rem; }
body #order-standard_cart .domain-suggestion { display: flex !important; align-items: center; gap: .3rem; flex-wrap: wrap; padding: .85rem 1.2rem !important; border: 0 !important; border-bottom: 1px solid var(--uh-line) !important; }
body #order-standard_cart .domain-suggestion:hover { background: var(--uh-brand-tint); }
body #order-standard_cart .domain-suggestion .domain { font-weight: 700; color: var(--uh-ink); }
body #order-standard_cart .domain-suggestion .extension { font-weight: 700; color: var(--uh-brand); }
body #order-standard_cart .domain-suggestion .actions { margin-left: auto; display: flex; align-items: center; gap: .8rem; float: none !important; }
body #order-standard_cart .domain-suggestion .price { font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); }
body #order-standard_cart .domain-suggestion .btn-add-to-cart { padding: .4rem 1rem; font-size: .85rem; }
body #order-standard_cart .promo span { border-radius: 99px; font-size: .68rem; font-weight: 800; padding: .15rem .5rem; }
body #order-standard_cart .more-suggestions { background: #fff !important; border-top: 0 !important; }
body #order-standard_cart .more-suggestions a { font-weight: 700; color: var(--uh-brand); }
body #order-standard_cart .domain-suggestions-warning p { font-size: .78rem; color: var(--uh-muted); padding: .6rem 1rem 0; }

/* ---- TLD price table ---- */
body #order-standard_cart .domain-pricing { margin: 1.6rem 0; }
body #order-standard_cart .domain-pricing h4 { font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: 1.25rem !important; margin-bottom: .9rem; }
body #order-standard_cart .tld-filters { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1rem; }
body #order-standard_cart .tld-filters .badge {
  margin: 0 !important; padding: .5rem .95rem; border-radius: 99px; font-size: .8rem; font-weight: 600; background: #fff !important; color: var(--uh-body) !important;
  border: 1px solid var(--uh-line); transition: .2s; cursor: pointer;
}
body #order-standard_cart .tld-filters .badge:hover { border-color: var(--uh-brand); color: var(--uh-brand) !important; }
body #order-standard_cart .tld-filters .badge-success, body #order-standard_cart .tld-filters .badge.active { background: var(--uh-brand) !important; border-color: var(--uh-brand); color: #fff !important; }
body #order-standard_cart .domain-pricing .bg-white { border: 1px solid var(--uh-line); border-radius: 20px; overflow: hidden; box-shadow: 0 20px 44px -38px rgba(14,42,28,.5); }
body #order-standard_cart .tld-pricing-header { background: var(--uh-brand-tint) !important; border-bottom: 1px solid var(--uh-brand-border); }
body #order-standard_cart .tld-pricing-header div { color: var(--uh-muted) !important; font-size: .72rem !important; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; background: none !important; border: 0 !important; }
body #order-standard_cart .tld-row, body #order-standard_cart .tld-pricing-header { align-items: center; padding: 0 !important; margin: 0 !important; }
body #order-standard_cart .tld-row > .col-md-8, body #order-standard_cart .tld-row .row, body #order-standard_cart .tld-pricing-header > .col-md-8, body #order-standard_cart .tld-pricing-header .row { padding: 0 !important; margin: 0 !important; }
body #order-standard_cart .tld-pricing-header .tld-column { padding: .85rem 1.5rem !important; text-align: left; }
body #order-standard_cart .tld-pricing-header .row > div { padding: .85rem .5rem !important; }
body #order-standard_cart .tld-row { border-bottom: 1px solid var(--uh-line) !important; transition: background .15s; background: #fff !important; }
body #order-standard_cart .tld-row:hover { background: var(--uh-brand-tint) !important; }
body #order-standard_cart .tld-row:last-child { border-bottom: 0 !important; }
body #order-standard_cart .tld-row > div, body #order-standard_cart .tld-row .row > div { border: 0 !important; background: none !important; color: var(--uh-ink); font-weight: 600; font-size: .92rem; line-height: 1.35; }
body #order-standard_cart .tld-row > .col-md-4 { padding: .75rem 1.5rem !important; margin: 0 !important; text-align: left; }
body #order-standard_cart .tld-row .row > div { padding: .75rem .5rem !important; }
body #order-standard_cart .tld-row strong { font-family: var(--uh-display); font-size: 1.05rem; color: var(--uh-brand); }
body #order-standard_cart .tld-row small { display: block; font-weight: 500; color: var(--uh-muted); font-size: .74rem; }
body #order-standard_cart .tld-sale-group { border-radius: 99px; font-size: .64rem; font-weight: 800; padding: .15rem .5rem; margin-left: .35rem; text-transform: uppercase; }
body #order-standard_cart .tld-sale-group-hot { background: #fdecea; color: #b3261e; }
body #order-standard_cart .tld-sale-group-new { background: #e6f0fb; color: #1f5fa8; }
body #order-standard_cart .tld-sale-group-sale { background: #fff4e0; color: #a8630a; }

/* ---- promo boxes ---- */
body #order-standard_cart .domain-promo-box {
  height: calc(100% - 1.2rem); margin-bottom: 1.2rem; padding: 1.6rem; border-radius: 22px; border: 1px solid var(--uh-line) !important; background: #fff !important;
  box-shadow: 0 20px 44px -38px rgba(14,42,28,.5); display: flex; flex-direction: column;
}
body #order-standard_cart .domain-promo-box .clearfix { display: flex; flex-direction: column; }
body #order-standard_cart .domain-promo-box i.fa-4x {
  float: none !important; order: -1; width: 56px; height: 56px; display: grid; place-items: center; font-size: 1.5rem !important; border-radius: 16px;
  background: var(--uh-brand-soft); color: var(--uh-brand) !important; margin: 0 0 1rem !important;
}
body #order-standard_cart .domain-promo-box h3 { font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: 1.25rem !important; white-space: normal; margin: 0 0 .3rem; }
body #order-standard_cart .domain-promo-box .text-warning, body #order-standard_cart .domain-promo-box .text-primary { color: var(--uh-brand) !important; font-size: .9rem; }
body #order-standard_cart .domain-promo-box p { color: var(--uh-muted); font-size: .9rem; }
body #order-standard_cart .domain-promo-box .btn { margin-top: auto; align-self: flex-start; border-radius: 12px; font-weight: 700; padding: .65rem 1.3rem; background: var(--uh-brand) !important; border-color: var(--uh-brand) !important; color: #fff !important; }
body #order-standard_cart .domain-promo-box .btn:hover { background: var(--uh-brand-dark) !important; }
body #order-standard_cart .domain-promo-box p.small { margin: .8rem 0 0; font-size: .74rem; }

/* ---- transfer ---- */
body #frmDomainTransfer .row > [class*=col-] { flex: 0 0 100%; max-width: 640px; margin: 0 auto !important; }
body #frmDomainTransfer .card { border-radius: 22px !important; border: 1px solid var(--uh-line) !important; overflow: hidden; box-shadow: 0 24px 50px -40px rgba(14,42,28,.5); }
body #frmDomainTransfer .card-header { background: #fff !important; border: 0 !important; padding: 1.6rem 1.7rem 0 !important; }
body #frmDomainTransfer .card-header .card-title { font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: 1.35rem !important; display: flex; align-items: center; gap: .7rem; }
body #frmDomainTransfer .card-header .card-title::before { content: "\f12b"; font-family: "bootstrap-icons"; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: 1.1rem; font-weight: 400; }
body #frmDomainTransfer .card-body { padding: 1.3rem 1.7rem .6rem !important; }
body #frmDomainTransfer label { font-weight: 600; font-size: .86rem; color: var(--uh-ink); width: 100%; }
body #frmDomainTransfer label a { font-weight: 600; color: var(--uh-brand); }
body #frmDomainTransfer .form-control { height: 50px; border-radius: 14px; border: 1.5px solid var(--uh-line); background: var(--uh-brand-tint); }
body #frmDomainTransfer .form-control:focus { background: #fff; border-color: var(--uh-brand); box-shadow: 0 0 0 4px var(--uh-brand-soft); }
body #frmDomainTransfer .card-footer { background: var(--uh-brand-tint) !important; border-top: 1px solid var(--uh-line) !important; padding: 1rem 1.7rem !important; }
body #frmDomainTransfer .btn-transfer { border-radius: 12px; font-weight: 700; padding: .7rem 1.6rem; }
body #order-standard_cart .captcha-container { margin: .4rem 0 1rem; }
body #order-standard_cart .captcha-container .default-captcha {
  display: block; width: 100%; max-width: none; margin: 0; padding: 1rem 1.1rem; text-align: left; border-radius: 16px; background: var(--uh-brand-tint); border: 1px solid var(--uh-brand-border) !important;
}
body #order-standard_cart .captcha-container .default-captcha p { display: flex; align-items: center; gap: .55rem; margin: 0 0 .75rem; font-size: .86rem; font-weight: 600; color: var(--uh-ink); }
body #order-standard_cart .captcha-container .default-captcha p::before { content: "\f52f"; font-family: "bootstrap-icons"; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: var(--uh-brand); color: #fff; font-weight: 400; font-size: .9rem; }
body #order-standard_cart .captcha-container .default-captcha > div { display: flex; align-items: center; gap: .6rem; }
body #order-standard_cart .captcha-container .default-captcha img { height: 48px; padding: 8px 10px; background: #fff; border: 1.5px solid var(--uh-line); border-radius: 14px; }
body #order-standard_cart .captcha-container .default-captcha input {
  flex: 1 1 auto; width: auto !important; height: 48px !important; border-radius: 14px !important; border: 1.5px solid var(--uh-line) !important; background: #fff !important;
  font-family: var(--uh-display); font-weight: 700; letter-spacing: .25em; text-transform: uppercase; font-size: 1rem; padding: 0 1rem !important; margin: 0 !important;
}
body #order-standard_cart .captcha-container .default-captcha input:focus { border-color: var(--uh-brand) !important; box-shadow: 0 0 0 4px var(--uh-brand-soft); }

/* ---- view cart ---- */
body #order-standard_cart .view-cart-items-header {
  background: var(--uh-dark) !important; color: #cfe3d9 !important; border-radius: 18px 18px 0 0 !important; padding: .9rem 1.3rem !important;
  font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .07em;
}
body #order-standard_cart .view-cart-items { border: 1px solid var(--uh-line) !important; border-top: 0 !important; border-radius: 0 0 18px 18px; overflow: hidden; background: #fff; margin-bottom: 1.4rem; box-shadow: 0 20px 44px -38px rgba(14,42,28,.5); }
body #order-standard_cart .view-cart-items .item { padding: 1.1rem 1.3rem !important; border-bottom: 1px solid var(--uh-line) !important; background: #fff; transition: background .15s; }
body #order-standard_cart .view-cart-items .item:hover { background: var(--uh-brand-tint); }
body #order-standard_cart .view-cart-items .item:last-child { border-bottom: 0 !important; }
body #order-standard_cart .view-cart-items .item-title { font-family: var(--uh-display); font-weight: 700; font-size: 1.05rem; color: var(--uh-ink); }
body #order-standard_cart .view-cart-items .item-group { display: inline-block; margin: .25rem 0; font-size: .74rem; font-weight: 700; color: var(--uh-brand) !important; background: var(--uh-brand-soft); padding: .15rem .6rem; border-radius: 99px; }
body #order-standard_cart .view-cart-items .item-domain { display: block; font-size: .88rem; color: var(--uh-muted); }
body #order-standard_cart .view-cart-items small { color: var(--uh-muted); }
body #order-standard_cart .view-cart-items .item-price span:first-child { font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: 1.1rem; }
body #order-standard_cart .view-cart-items .item-price .cycle { color: var(--uh-muted); font-size: .8rem; }
body #order-standard_cart .btn-remove-from-cart { color: #b3261e !important; width: 34px; height: 34px; border-radius: 10px; display: inline-grid !important; place-items: center; padding: 0 !important; }
body #order-standard_cart .btn-remove-from-cart:hover { background: #fdecea !important; }
body #order-standard_cart .view-cart-empty { padding: 3rem 1rem !important; text-align: center; color: var(--uh-muted); font-size: 1rem; font-weight: 500; }
body #order-standard_cart .view-cart-empty::before {
  content: "\f244"; font-family: "bootstrap-icons"; display: grid; place-items: center; width: 70px; height: 70px; margin: 0 auto 1rem; border-radius: 20px;
  background: var(--uh-brand-soft); color: var(--uh-brand); font-size: 1.9rem;
}
body #order-standard_cart .empty-cart .btn { color: #b3261e; font-weight: 600; font-size: .84rem; }

body #order-standard_cart .view-cart-tabs { background: #fff; border: 1px solid var(--uh-line); border-radius: 18px; overflow: hidden; box-shadow: 0 20px 44px -38px rgba(14,42,28,.5); }
body #order-standard_cart .view-cart-tabs .nav-tabs { border-bottom: 1px solid var(--uh-line); background: var(--uh-brand-tint); padding: .5rem .5rem 0; gap: .3rem; }
body #order-standard_cart .view-cart-tabs .nav-link { border: 0 !important; border-radius: 12px 12px 0 0; font-weight: 700; font-size: .88rem; color: var(--uh-muted); padding: .65rem 1rem; }
body #order-standard_cart .view-cart-tabs .nav-link.active { background: #fff; color: var(--uh-brand); }
body #order-standard_cart .view-cart-tabs .tab-content { padding: 1.2rem !important; border: 0 !important; }
body #order-standard_cart .view-cart-tabs .promo .form-group { margin-bottom: .7rem; }
body #order-standard_cart .view-cart-tabs .field, body #order-standard_cart .view-cart-tabs .form-control { height: 48px; border-radius: 12px !important; border: 1.5px solid var(--uh-line); background: var(--uh-brand-tint); }
body #order-standard_cart .view-cart-tabs .prepend-icon .field { padding-left: 2.6rem; }
body #order-standard_cart .view-cart-tabs .btn { border-radius: 12px; height: 46px; font-weight: 700; }
body #order-standard_cart .view-cart-promotion-code { background: var(--uh-brand-soft); border-radius: 12px; padding: .8rem 1rem; color: var(--uh-brand-dark); font-weight: 700; }

/* ---- order summary (view cart / renewals / configure) ---- */
body #order-standard_cart .order-summary {
  border: 0 !important; border-radius: 22px !important; overflow: hidden; padding: 0 !important;
  background: radial-gradient(120% 120% at 100% 0%, #1b6b45 0%, var(--uh-dark) 55%, #081a11 100%) !important; box-shadow: 0 30px 60px -34px rgba(14,42,28,.8);
}
body #order-standard_cart .order-summary h2 { margin: 0; padding: 1.1rem 1.4rem !important; font-size: 1.2rem !important; font-weight: 700; color: #fff !important; background: none !important; border-bottom: 1px solid rgba(255,255,255,.1); text-align: left; }
body #order-standard_cart .order-summary .summary-container { padding: 1.1rem 1.4rem 1.4rem !important; background: none !important; color: #cfe3d9 !important; font-size: .9rem; }
body #order-standard_cart .order-summary .subtotal, body #order-standard_cart .order-summary .recurring-totals, body #order-standard_cart .order-summary .bordered-totals { padding: .45rem 0; border-color: rgba(255,255,255,.1) !important; color: #cfe3d9; }
body #order-standard_cart .order-summary .bordered-totals { border-top: 1px dashed rgba(255,255,255,.15) !important; border-bottom: 1px dashed rgba(255,255,255,.15) !important; margin: .5rem 0; }
body #order-standard_cart .order-summary .product-name { color: #fff; font-family: var(--uh-display); font-weight: 700; }
body #order-standard_cart .order-summary .product-group { color: #9fe3c2; font-size: .8rem; }
body #order-standard_cart .order-summary .total-due-today { margin: 1rem 0 .9rem; padding: 1rem; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); text-align: center; }
body #order-standard_cart .order-summary .total-due-today .amt { display: block; font-family: var(--uh-display); font-size: 2rem !important; font-weight: 700; color: #fff !important; line-height: 1.15; }
body #order-standard_cart .order-summary .total-due-today span:not(.amt) { font-size: .74rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: #9fe3c2; }
body #order-standard_cart .order-summary .text-right { text-align: center !important; }
body #order-standard_cart .order-summary .btn-checkout, body #order-standard_cart .btn-checkout {
  display: flex !important; align-items: center; justify-content: center; gap: .5rem; width: 100%; height: 52px; border-radius: 14px !important; font-weight: 800; font-size: 1.02rem;
  background: var(--uh-accent) !important; border: 0 !important; color: #062014 !important; box-shadow: 0 14px 26px -12px rgba(47,191,113,.8);
}
body #order-standard_cart .btn-checkout.disabled { opacity: .45; box-shadow: none; }
body #order-standard_cart .btn-continue-shopping { display: block; margin-top: .5rem; color: #9fc2b2 !important; font-weight: 600; font-size: .88rem; }
body #order-standard_cart .btn-continue-shopping:hover { color: #fff !important; }
body #order-standard_cart .order-summary .loader { color: #fff; }
body #order-standard_cart #btnGoToCart { border-radius: 14px; margin-top: 1rem; font-weight: 700; width: 100%; }

/* ---- domain renewals ---- */
body #order-standard_cart .domain-renewals { display: grid; gap: .9rem; }
body #order-standard_cart .domain-renewal {
  margin: 0 !important; padding: 1.2rem 1.4rem !important; border-radius: 18px !important; border: 1px solid var(--uh-line) !important; background: #fff !important;
  box-shadow: 0 18px 40px -36px rgba(14,42,28,.5); transition: border-color .2s;
}
body #order-standard_cart .domain-renewal:hover { border-color: var(--uh-brand-border) !important; }
body #order-standard_cart .domain-renewal h3 { font-family: var(--uh-display); font-weight: 700; font-size: 1.2rem !important; color: var(--uh-ink); margin: 0 0 .6rem; }
body #order-standard_cart .domain-renewal .label { border-radius: 99px; padding: .3rem .75rem; font-size: .72rem; font-weight: 700; }
body #order-standard_cart .domain-renewal .label-info { background: #e6f0fb; color: #1f5fa8; }
body #order-standard_cart .domain-renewal .label-success { background: #e3f6ec; color: #16804f; }
body #order-standard_cart .domain-renewal .label-warning { background: #fff4e0; color: #a8630a; }
body #order-standard_cart .domain-renewal .label-danger { background: #fdecea; color: #b3261e; }
body #order-standard_cart .domain-renewal .label-grey { background: #eef1f0; color: #55635c; }
body #order-standard_cart .domain-renewal .form-group { align-items: center; margin-bottom: .6rem; }
body #order-standard_cart .domain-renewal .control-label { font-size: .85rem; color: var(--uh-muted); font-weight: 600; }
body #order-standard_cart .domain-renewal select { height: 44px; border-radius: 12px; border: 1.5px solid var(--uh-line); background-color: var(--uh-brand-tint); font-weight: 600; }
body #order-standard_cart .btn-add-renewal-to-cart { border-radius: 12px !important; font-weight: 700; padding: .55rem 1.2rem !important; background: var(--uh-brand) !important; border-color: var(--uh-brand) !important; color: #fff !important; }
body #order-standard_cart .btn-add-renewal-to-cart:hover { background: var(--uh-brand-dark) !important; }
body #order-standard_cart .domain-renewal-desc { font-size: .86rem; color: var(--uh-muted); }

/* ---- configure product / generic cart pieces ---- */
body #order-standard_cart .sub-heading { border-color: var(--uh-line); margin: 1.6rem 0 1rem; }
body #order-standard_cart .sub-heading span { background: var(--uh-brand-tint) !important; color: var(--uh-ink); font-family: var(--uh-display); font-weight: 700; font-size: 1.05rem; padding-right: .8rem; }
body #order-standard_cart .product-info { border-radius: 18px; border: 1px solid var(--uh-line); background: #fff; padding: 1.2rem 1.3rem; }
body #order-standard_cart .product-info .product-title { font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); }
body #order-standard_cart .field-container { background: #fff !important; border: 1px solid var(--uh-line); border-radius: 18px; padding: 1.2rem; }
body #order-standard_cart .field-container .form-control, body #order-standard_cart .field-container select { border-radius: 12px; height: 46px; border: 1.5px solid var(--uh-line); }
body #order-standard_cart .panel-addon { border-radius: 16px !important; border: 1.5px solid var(--uh-line) !important; overflow: hidden; }
body #order-standard_cart .panel-addon-selected { border-color: var(--uh-brand) !important; background: var(--uh-brand-tint); }
body #order-standard_cart .panel-addon .panel-add { background: var(--uh-brand-soft); color: var(--uh-brand); font-weight: 700; }
body #order-standard_cart .panel-addon-selected .panel-add { background: var(--uh-brand); color: #fff; }
body #order-standard_cart .btn-primary:not(.btn-add-to-cart):not(.domain-check-availability) { border-radius: 12px; }
body #order-standard_cart .alert { border-radius: 14px; }

/* ---- responsive ---- */
@media (max-width: 991.98px) {
  body #order-standard_cart .products .product { padding: 1.4rem 1.2rem 1.2rem; }
}
@media (max-width: 767.98px) {
  body #order-standard_cart .header-lined { padding: 1.3rem 1.2rem; border-radius: 20px; }
  body #order-standard_cart .header-lined .float-right { float: none !important; margin-top: .8rem; }
  body #order-standard_cart .header-lined .domain-renewals-filter { width: 100% !important; min-width: 0; }
  body #order-standard_cart .domain-checker-container { padding: 1rem; }
  body #order-standard_cart .domain-checker-container .btn { padding: 0 1.1rem !important; }
  body #order-standard_cart .tld-pricing-header .tld-column { display: none; }
  body #order-standard_cart .domain-suggestion .actions { width: 100%; justify-content: space-between; margin-left: 0; }
}
body #order-standard_cart .order-summary .total-due-today span { float: none !important; display: block; text-align: center !important; }
body #order-standard_cart .view-cart-tabs .prepend-icon { position: relative; }
body #order-standard_cart .view-cart-tabs .prepend-icon .field-icon { position: absolute; left: 0; top: 0; width: 44px; height: 48px; display: grid; place-items: center; margin: 0; color: var(--uh-muted); z-index: 3; }
body #order-standard_cart .view-cart-tabs .prepend-icon .field { padding-left: 2.8rem !important; }

/* ---- choose a domain (configureproductdomain) ---- */
body #order-standard_cart .domain-selection-options { display: grid; gap: .8rem; margin-bottom: 1.4rem; }
body #order-standard_cart .domain-selection-options .option {
  position: relative; margin: 0 !important; padding: 1.1rem 1.3rem !important; border-radius: 20px !important; border: 1.5px solid var(--uh-line) !important; background: #fff !important;
  box-shadow: 0 18px 40px -36px rgba(14,42,28,.5); transition: border-color .2s, background .2s, box-shadow .2s;
}
body #order-standard_cart .domain-selection-options .option:hover { border-color: var(--uh-brand-border) !important; }
body #order-standard_cart .domain-selection-options .option-selected { border-color: var(--uh-brand) !important; background: linear-gradient(180deg, #fff, var(--uh-brand-tint)) !important; box-shadow: 0 0 0 4px var(--uh-brand-soft), 0 24px 44px -34px rgba(14,42,28,.5); }
body #order-standard_cart .domain-selection-options .option > label {
  display: flex !important; align-items: center; gap: .8rem; margin: 0 !important; width: 100%; cursor: pointer; font-family: var(--uh-display); font-weight: 700; font-size: 1.02rem; color: var(--uh-ink);
}
body #order-standard_cart .domain-selection-options .option > label::before {
  content: "\f3ee"; font-family: "bootstrap-icons"; order: -1; flex: 0 0 40px; height: 40px; display: grid; place-items: center; border-radius: 12px;
  background: var(--uh-brand-soft); color: var(--uh-brand); font-size: 1.1rem; font-weight: 400;
}
body #order-standard_cart .domain-selection-options .option:nth-child(2) > label::before { content: "\f12b"; }
body #order-standard_cart .domain-selection-options .option:nth-child(3) > label::before { content: "\f470"; }
body #order-standard_cart .domain-selection-options .option:nth-child(4) > label::before { content: "\f40d"; }
body #order-standard_cart .domain-selection-options .option-selected > label::before { background: var(--uh-brand); color: #fff; }
body #order-standard_cart .domain-selection-options .option > label input[type=radio] { order: -2; width: 20px; height: 20px; margin: 0 !important; accent-color: var(--uh-brand); flex: 0 0 auto; position: static !important; }
body #order-standard_cart .domain-selection-options .option > label { font-size: 1rem; }
body #order-standard_cart .domain-input-group { margin: 1rem 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body #order-standard_cart .domain-input-group > .row { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 !important; align-items: stretch; }
body #order-standard_cart .domain-input-group > .row > [class*=col-sm-8] { flex: 1 1 320px; max-width: none; margin: 0 !important; padding: 0 !important; }
body #order-standard_cart .domain-input-group > .row > .col-sm-2 { flex: 0 0 150px; max-width: none; padding: 0 !important; }
body #order-standard_cart .domain-input-group .domains-row { display: flex; flex-wrap: nowrap; margin: 0 !important; background: #fff; border: 1.5px solid var(--uh-brand-border); border-radius: 16px; overflow: hidden; transition: .2s; }
body #order-standard_cart .domain-input-group .domains-row:focus-within { border-color: var(--uh-brand); box-shadow: 0 0 0 4px var(--uh-brand-soft); }
body #order-standard_cart .domain-input-group .domains-row > .col-9 { flex: 1 1 auto; max-width: none; padding: 0 !important; }
body #order-standard_cart .domain-input-group .domains-row > .col-3 { flex: 0 0 130px; max-width: none; padding: 0 !important; border-left: 1.5px solid var(--uh-line); }
body #order-standard_cart .domain-input-group .input-group { flex-wrap: nowrap; height: 100%; }
body #order-standard_cart .domain-input-group .input-group-text { height: 52px; border: 0 !important; border-radius: 0 !important; background: var(--uh-brand-tint) !important; color: var(--uh-muted); font-weight: 600; padding: 0 .9rem; }
body #order-standard_cart .domain-input-group .form-control { height: 52px !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; font-size: 1rem; color: var(--uh-ink); font-weight: 500; }
body #order-standard_cart .domain-input-group select.form-control { font-weight: 700; color: var(--uh-brand); cursor: pointer; padding: 0 .9rem; }
body #order-standard_cart .domain-input-group .btn { height: 55px; border-radius: 16px !important; font-weight: 700; font-size: 1rem; background: var(--uh-brand) !important; border: 0 !important; color: #fff !important; box-shadow: 0 12px 24px -12px rgba(23,111,70,.8); }
body #order-standard_cart .domain-input-group .btn:hover { background: var(--uh-brand-dark) !important; }
body #order-standard_cart .domain-input-group .text-muted, body #order-standard_cart .domain-input-group p { color: var(--uh-muted); font-size: .84rem; margin-top: .6rem; }
body #frmProductDomainSelections #searchDomainInfo { margin-bottom: 1.2rem; }
body #frmProductDomainSelections .domain-lookup-primary-results { padding: 1.5rem; border-radius: 20px; background: #fff; border: 1px solid var(--uh-line); text-align: center; box-shadow: 0 20px 44px -38px rgba(14,42,28,.5); }
body #frmProductDomainSelections .headline { font-family: var(--uh-display); font-weight: 700; font-size: 1.3rem; }
body #frmProductDomainSelections .domain-price { color: var(--uh-muted); font-size: .92rem; }
body #frmProductDomainSelections .domain-lookup-loader { color: var(--uh-muted); text-align: center; }
body #order-standard_cart #btnDomainContinue { height: 54px; padding: 0 2.4rem; border-radius: 14px !important; font-weight: 700; background: var(--uh-brand) !important; border: 0 !important; box-shadow: 0 14px 26px -12px rgba(23,111,70,.8); display: inline-flex; align-items: center; gap: .5rem; }
@media (max-width: 575.98px) {
  body #order-standard_cart .domain-input-group > .row > .col-sm-2 { flex: 1 1 100%; }
  body #order-standard_cart .domain-input-group .domains-row > .col-3 { flex-basis: 100px; }
  body #order-standard_cart .domain-input-group .input-group-text { padding: 0 .6rem; }
}

body #order-standard_cart .domain-selection-options .option > label > [class*=iradio] { order: -2; flex: 0 0 auto; margin: 0 !important; }

/* ---- plan feature list built by footer JS (.uh-feats) ---- */
body #order-standard_cart .products .product .product-desc ul.uh-feats { margin: 0; padding: 0; }

/* ---- iCheck radios/checkboxes → brand green (all pages) ---- */
body [class*="iradio_"], body [class*="icheckbox_"] {
  display: inline-block; position: relative; width: 22px !important; height: 22px !important; margin: 0 .15rem 0 0; vertical-align: middle; cursor: pointer;
  background: #fff !important; border: 2px solid #c5d3cb; border-radius: 50%; transition: border-color .15s, background .15s, box-shadow .15s; flex: 0 0 auto;
}
body [class*="icheckbox_"] { border-radius: 7px; }
body [class*="iradio_"].hover, body [class*="icheckbox_"].hover { border-color: var(--uh-brand); }
body [class*="iradio_"].checked, body [class*="icheckbox_"].checked { background: var(--uh-brand) !important; border-color: var(--uh-brand); box-shadow: 0 0 0 4px var(--uh-brand-soft); }
body [class*="iradio_"].checked::after, body [class*="icheckbox_"].checked::after {
  content: "\f272"; font-family: "bootstrap-icons"; position: absolute; inset: 0; display: grid; place-items: center; color: #fff; font-size: 13px; font-weight: 700; line-height: 1;
}
body [class*="iradio_"].disabled, body [class*="icheckbox_"].disabled { opacity: .45; cursor: not-allowed; }
body input[type=radio], body input[type=checkbox] { accent-color: var(--uh-brand); }

/* ---- configure product (confproduct) ---- */
body #order-standard_cart .secondary-cart-body > p:first-child { color: var(--uh-muted); font-size: .95rem; margin-bottom: 1rem; }
body #order-standard_cart .product-info {
  position: relative; overflow: hidden; margin-bottom: 1.3rem; padding: 1.5rem 1.6rem !important; border-radius: 22px !important; border: 1px solid var(--uh-line) !important;
  background: #fff !important; box-shadow: 0 24px 50px -40px rgba(14,42,28,.5);
}
body #order-standard_cart .product-info::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--uh-brand), var(--uh-accent)); }
body #order-standard_cart .product-info .product-title {
  display: flex; align-items: center; gap: .7rem; margin: 0 0 1rem; font-family: var(--uh-display); font-weight: 700; font-size: 1.35rem; color: var(--uh-ink);
}
body #order-standard_cart .product-info .product-title::before { content: "\f411"; font-family: "bootstrap-icons"; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 13px; background: var(--uh-brand); color: #fff; font-size: 1.15rem; font-weight: 400; flex: 0 0 auto; }
body #order-standard_cart .product-info > p:not(.product-title) { margin: 0; font-size: .9rem; color: var(--uh-body); }
body #order-standard_cart .product-info br { display: none; }
body #order-standard_cart .product-info ul.uh-feats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.4rem; margin: 0; padding: 0; }
body #order-standard_cart .product-info ul.uh-feats li { position: relative; list-style: none; padding: .45rem 0 .45rem 1.7rem; border-bottom: 1px dashed var(--uh-line); font-size: .9rem; color: var(--uh-body); }
body #order-standard_cart .product-info ul.uh-feats li::before { content: "\f26a"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: .45rem; color: var(--uh-accent); }

body #order-standard_cart .field-container { margin-bottom: 1.3rem; padding: 1.3rem 1.4rem !important; border-radius: 20px !important; border: 1px solid var(--uh-line) !important; background: #fff !important; box-shadow: 0 20px 44px -40px rgba(14,42,28,.5); }
body #order-standard_cart .field-container label { font-weight: 700; font-size: .88rem; color: var(--uh-ink); margin-bottom: .45rem; }
body #order-standard_cart .field-container label + br { display: none; }
body #order-standard_cart .field-container .form-control, body #order-standard_cart .field-container .custom-select, body #order-standard_cart #inputBillingcycle {
  width: 100% !important; max-width: 100%; height: 50px !important; border-radius: 14px !important; border: 1.5px solid var(--uh-line) !important; background-color: var(--uh-brand-tint) !important;
  font-weight: 600; color: var(--uh-ink); padding: 0 2.4rem 0 1rem !important;
}
body #order-standard_cart .field-container .form-control:focus, body #order-standard_cart #inputBillingcycle:focus { border-color: var(--uh-brand) !important; background-color: #fff !important; box-shadow: 0 0 0 4px var(--uh-brand-soft) !important; }
body #order-standard_cart .field-container input.form-control { padding-right: 1rem !important; }
body #order-standard_cart .field-container .form-group:last-child { margin-bottom: 0; }
body #order-standard_cart .field-help-text { font-size: .78rem; color: var(--uh-muted); }
body #order-standard_cart .sub-heading { position: relative; margin: 1.8rem 0 1rem !important; border: 0 !important; height: auto; text-align: left; }
body #order-standard_cart .sub-heading::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dashed var(--uh-brand-border); }
body #order-standard_cart .sub-heading span { position: relative; display: inline-flex; align-items: center; gap: .5rem; padding: 0 .9rem 0 0 !important; background: var(--uh-brand-tint) !important; font-size: 1.05rem !important; top: 0 !important; }
body #order-standard_cart .sub-heading span::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: var(--uh-accent); }

body #order-standard_cart .addon-products > [class*=col-] { margin-bottom: 1rem; }
body #order-standard_cart .panel-addon { height: 100%; margin: 0 !important; display: flex; flex-direction: column; background: #fff; cursor: pointer; transition: border-color .2s, box-shadow .2s; }
body #order-standard_cart .panel-addon .card-body { text-align: left; padding: 1.1rem 1.2rem !important; font-size: .86rem; color: var(--uh-muted); flex: 1 1 auto; }
body #order-standard_cart .panel-addon .card-body label { display: flex; align-items: center; gap: .6rem; font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: 1rem; margin-bottom: .3rem; }
body #order-standard_cart .panel-addon .panel-price { padding: 0 1.2rem .8rem; font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: 1.05rem; text-align: left; background: none; }
body #order-standard_cart .panel-addon .panel-add { padding: .7rem 1.2rem; text-align: center; font-size: .86rem; border-top: 1px solid var(--uh-line); }
body #order-standard_cart .panel-addon:hover { border-color: var(--uh-brand) !important; }
body #order-standard_cart .panel-addon-selected { box-shadow: 0 0 0 4px var(--uh-brand-soft); }

body #order-standard_cart .info-text-sm { margin-top: 1.2rem; border-radius: 16px; background: #fff; border: 1px solid var(--uh-line); color: var(--uh-muted); font-size: .86rem; padding: .9rem 1.1rem; }
body #order-standard_cart .info-text-sm i { color: var(--uh-brand); margin-right: .3rem; }
body #order-standard_cart .info-text-sm a { color: var(--uh-brand); font-weight: 700; }

body #order-standard_cart #orderSummary .order-summary { margin-bottom: 1rem; }
body #order-standard_cart .order-summary .product-name { display: block; font-size: 1.1rem; }
body #order-standard_cart .order-summary .product-group { display: block; margin-bottom: .6rem; }
body #order-standard_cart .order-summary .summary-container .clearfix { padding: .3rem 0; }
body #order-standard_cart .order-summary .summary-container .pull-right, body #order-standard_cart .order-summary .summary-container .float-right { color: #fff; font-weight: 600; }
body #order-standard_cart #btnCompleteProductConfig, body #order-standard_cart #btnDomainContinue, body #order-standard_cart .btn-lg.btn-primary {
  display: inline-flex !important; align-items: center; justify-content: center; gap: .55rem; height: 54px; padding: 0 2.2rem !important; border-radius: 14px !important;
  font-weight: 700; font-size: 1.02rem; background: var(--uh-brand) !important; border: 0 !important; color: #fff !important; box-shadow: 0 14px 26px -12px rgba(23,111,70,.8) !important; opacity: 1;
}
body #order-standard_cart #orderSummary #btnCompleteProductConfig { width: 100%; }
body #order-standard_cart #btnCompleteProductConfig:hover, body #order-standard_cart #btnDomainContinue:hover, body #order-standard_cart .btn-lg.btn-primary:hover { background: var(--uh-brand-dark) !important; transform: translateY(-1px); }
body #order-standard_cart .btn-lg.btn-primary:disabled, body #order-standard_cart .btn-lg.btn-primary.disabled { opacity: .55; transform: none; }
@media (max-width: 767.98px) {
  body #order-standard_cart .product-info ul.uh-feats { grid-template-columns: 1fr; }
}

/* ==========================================================================
   INFO PAGES — Network status, Knowledgebase, Downloads, Announcements
   ========================================================================== */
.uhs-tpl-serverstatus, .uhs-tpl-knowledgebase, .uhs-tpl-knowledgebasecat, .uhs-tpl-knowledgebasearticle,
.uhs-tpl-downloads, .uhs-tpl-downloadscat, .uhs-tpl-announcements, .uhs-tpl-viewannouncement { background: var(--uh-brand-tint); }
.uhs-tpl-serverstatus #main-body, .uhs-tpl-knowledgebase #main-body, .uhs-tpl-knowledgebasecat #main-body, .uhs-tpl-knowledgebasearticle #main-body,
.uhs-tpl-downloads #main-body, .uhs-tpl-downloadscat #main-body, .uhs-tpl-announcements #main-body, .uhs-tpl-viewannouncement #main-body {
  padding-top: 0; margin-top: -2.2rem; background: transparent; position: relative; padding-bottom: 3rem;
}
.uhs-tpl-serverstatus .master-breadcrumb, .uhs-tpl-knowledgebase .master-breadcrumb, .uhs-tpl-knowledgebasecat .master-breadcrumb, .uhs-tpl-knowledgebasearticle .master-breadcrumb,
.uhs-tpl-downloads .master-breadcrumb, .uhs-tpl-downloadscat .master-breadcrumb, .uhs-tpl-announcements .master-breadcrumb, .uhs-tpl-viewannouncement .master-breadcrumb { padding-bottom: 0; }
.uhp-hero--status .uhp-hero__ico, .uhp-hero--kb .uhp-hero__ico, .uhp-hero--downloads .uhp-hero__ico, .uhp-hero--news .uhp-hero__ico { color: #6fe0ac; }

/* shared card look on these pages */
.uhs-tpl-serverstatus .primary-content .card, .uhs-tpl-knowledgebase .primary-content .card, .uhs-tpl-knowledgebasecat .primary-content .card,
.uhs-tpl-knowledgebasearticle .primary-content .card, .uhs-tpl-downloads .primary-content .card, .uhs-tpl-downloadscat .primary-content .card,
.uhs-tpl-announcements .primary-content .card, .uhs-tpl-viewannouncement .primary-content .card {
  border: 1px solid var(--uh-line) !important; border-radius: 22px !important; box-shadow: 0 24px 50px -40px rgba(14,42,28,.5); overflow: hidden; background: #fff; margin-bottom: 1.2rem;
}

/* empty states (alert-info text-center) */
.uhs-tpl-serverstatus .primary-content .alert-info.text-center, .uhs-tpl-knowledgebase .primary-content .alert-info.text-center, .uhs-tpl-knowledgebasecat .primary-content .alert-info.text-center,
.uhs-tpl-downloads .primary-content .alert-info.text-center, .uhs-tpl-downloadscat .primary-content .alert-info.text-center, .uhs-tpl-announcements .primary-content .alert-info.text-center {
  padding: 2.8rem 1.2rem 2.4rem; border-radius: 22px; background: #fff; border: 1px dashed var(--uh-brand-border); color: var(--uh-muted); font-weight: 500; font-size: 1rem; box-shadow: none;
}
.uhs-tpl-serverstatus .primary-content .alert-info.text-center::before, .uhs-tpl-knowledgebase .primary-content .alert-info.text-center::before, .uhs-tpl-knowledgebasecat .primary-content .alert-info.text-center::before,
.uhs-tpl-downloads .primary-content .alert-info.text-center::before, .uhs-tpl-downloadscat .primary-content .alert-info.text-center::before, .uhs-tpl-announcements .primary-content .alert-info.text-center::before {
  content: "\f42d"; font-family: "bootstrap-icons"; display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 1rem; border-radius: 18px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: 1.7rem;
}
.uhs-tpl-knowledgebase .primary-content .alert-info.text-center::before, .uhs-tpl-knowledgebasecat .primary-content .alert-info.text-center::before { content: "\f445"; }
.uhs-tpl-downloads .primary-content .alert-info.text-center::before, .uhs-tpl-downloadscat .primary-content .alert-info.text-center::before { content: "\f356"; }
.uhs-tpl-announcements .primary-content .alert-info.text-center::before { content: "\f4a3"; }

/* big search bar (KB + downloads) */
.kb-search { flex-wrap: nowrap !important; padding: 6px; background: #fff; border: 1.5px solid var(--uh-brand-border); border-radius: 20px; box-shadow: 0 20px 44px -30px rgba(14,42,28,.45); margin-bottom: 1.4rem !important; transition: .2s; }
.kb-search:focus-within { border-color: var(--uh-brand); box-shadow: 0 0 0 5px var(--uh-brand-soft); }
.kb-search .form-control {
  height: 54px !important; border: 0 !important; box-shadow: none !important; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%236B7A72' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398l3.85 3.85a1 1 0 0 0 1.415-1.414zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E") no-repeat 1rem center !important;
  padding-left: 2.9rem !important; font-size: 1.02rem !important; color: var(--uh-ink); font-weight: 500 !important;
}
.kb-search .btn { height: 54px; border-radius: 15px !important; padding: 0 1.8rem !important; font-weight: 700; background: var(--uh-brand) !important; border: 0 !important; box-shadow: 0 12px 24px -12px rgba(23,111,70,.8); }
.kb-search .btn:hover { background: var(--uh-brand-dark) !important; }

/* category cards (KB + downloads) */
.kb-category { border-radius: 20px !important; transition: transform .2s, border-color .2s, box-shadow .2s; height: calc(100% - 1.5rem); }
.kb-category:hover { transform: translateY(-4px); border-color: var(--uh-brand-border) !important; box-shadow: 0 30px 50px -34px rgba(14,42,28,.5) !important; }
.kb-category .card-body { display: block; padding: 1.3rem 1.4rem !important; text-decoration: none !important; }
.kb-category .h5 { display: flex !important; align-items: center; gap: .7rem; font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: 1.05rem; margin-bottom: .4rem !important; }
.kb-category .h5 > i { order: -1; flex: 0 0 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: var(--uh-brand-soft); color: var(--uh-brand); font-size: 1.05rem; transition: .2s; }
.kb-category:hover .h5 > i { background: var(--uh-brand); color: #fff; }
.kb-category .badge { order: 3; margin-left: auto; float: none !important; background: var(--uh-brand-tint) !important; color: var(--uh-brand) !important; border: 1px solid var(--uh-brand-border); border-radius: 99px; font-size: .72rem; font-weight: 700; padding: .35rem .7rem; }
.kb-category p { padding-left: calc(42px + .7rem); }
.kb-category p small { font-size: .85rem; color: var(--uh-muted); }

/* article lists */
.uhs-tpl-knowledgebase .card-title, .uhs-tpl-knowledgebasecat .card-title, .uhs-tpl-downloads .card-title, .uhs-tpl-downloadscat .card-title, .uhs-tpl-knowledgebasearticle .card-title {
  display: flex; align-items: center; gap: .6rem; font-size: 1.1rem !important; font-weight: 700;
}
.uhs-tpl-knowledgebase .card-title i, .uhs-tpl-knowledgebasecat .card-title i, .uhs-tpl-downloads .card-title i, .uhs-tpl-downloadscat .card-title i, .uhs-tpl-knowledgebasearticle .card-title i {
  width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--uh-brand); color: #fff; font-size: .9rem;
}
.kb-article-item { display: block; padding: 1rem 1.4rem !important; border-color: var(--uh-line) !important; color: var(--uh-ink) !important; font-weight: 600; transition: background .15s, padding .15s; }
.kb-article-item:hover { background: var(--uh-brand-tint) !important; padding-left: 1.7rem !important; color: var(--uh-brand-dark) !important; }
.kb-article-item > i { color: var(--uh-brand) !important; margin-right: .35rem; }
.kb-article-item small { display: block; margin-top: .25rem; padding-left: 1.75rem; font-weight: 400; color: var(--uh-muted); font-size: .84rem; }
.kb-article-item .float-md-right { font-size: .8rem; color: var(--uh-muted); font-weight: 500; }
.kb-article-item .label-danger { background: #fdecea; color: #b3261e; border-radius: 99px; padding: .15rem .55rem; font-size: .7rem; }

/* KB article + announcement reading view */
.uhs-tpl-knowledgebasearticle .primary-content .card > .card-body, .uhs-tpl-viewannouncement .primary-content .card > .card-body { padding: 2rem 2.2rem !important; }
.uhs-tpl-knowledgebasearticle .primary-content .card h1, .uhs-tpl-viewannouncement .primary-content .card h1 {
  font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); font-size: clamp(1.4rem, 2.4vw, 1.9rem); letter-spacing: -.02em; line-height: 1.25; margin-bottom: .8rem;
}
.uhs-tpl-knowledgebasearticle .primary-content .card h1 .btn { font-family: var(--uh-font); border-radius: 99px; font-size: .8rem; padding: .4rem .9rem; margin-left: .6rem; }
.uhs-tpl-knowledgebasearticle .list-inline-item, .uhs-tpl-viewannouncement .list-inline-item { font-size: .84rem; }
.uhs-tpl-knowledgebasearticle .badge-info { background: var(--uh-brand-soft) !important; color: var(--uh-brand-dark) !important; border-radius: 99px; padding: .35rem .8rem; font-weight: 600; }
.uhs-tpl-knowledgebasearticle hr, .uhs-tpl-viewannouncement hr { border-top: 1px dashed var(--uh-brand-border); margin: 1.4rem 0; }
.uhs-tpl-knowledgebasearticle article, .uhs-tpl-viewannouncement article, .uhs-tpl-viewannouncement .card-body > div { font-size: 1rem; line-height: 1.8; color: var(--uh-body); }
.uhs-tpl-knowledgebasearticle article h2, .uhs-tpl-knowledgebasearticle article h3, .uhs-tpl-viewannouncement article h2, .uhs-tpl-viewannouncement article h3 { margin: 1.6rem 0 .6rem; font-weight: 700; }
.uhs-tpl-knowledgebasearticle article img, .uhs-tpl-viewannouncement article img { max-width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--uh-line); }
.uhs-tpl-knowledgebasearticle article code, .uhs-tpl-knowledgebasearticle article pre { background: #0E2A1C; color: #d7f5e6; border-radius: 10px; padding: .15rem .45rem; font-size: .88em; }
.uhs-tpl-knowledgebasearticle article pre { padding: 1rem 1.2rem; overflow-x: auto; }
.uhs-tpl-knowledgebasearticle article a, .uhs-tpl-viewannouncement article a { color: var(--uh-brand); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.uhs-tpl-knowledgebasearticle article ul, .uhs-tpl-knowledgebasearticle article ol { padding-left: 1.3rem; }
.uhs-tpl-knowledgebasearticle h4 { font-size: 1.05rem; font-weight: 700; }
.uhs-tpl-knowledgebasearticle form .btn-secondary { border-radius: 12px !important; background: #fff !important; border: 1.5px solid var(--uh-brand-border) !important; color: var(--uh-brand) !important; font-weight: 700; padding: .55rem 1.3rem !important; margin-right: .4rem; }
.uhs-tpl-knowledgebasearticle form .btn-secondary:hover { background: var(--uh-brand) !important; color: #fff !important; }
.uhs-tpl-knowledgebasearticle .btn-default.px-4, .uhs-tpl-viewannouncement .btn-default.px-4, .uhs-tpl-knowledgebasecat .btn-default.px-4, .uhs-tpl-downloadscat .btn-default.px-4 { border-radius: 12px; font-weight: 600; }

/* announcements list */
.uhs-tpl-announcements .primary-content > .card { background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible; }
.uhs-tpl-announcements .primary-content > .card > .card-body { padding: 0 !important; }
.uhs-tpl-announcements .primary-content > .card > .card-body > .card-title { display: none; }
.uhs-tpl-announcements .announcements { display: grid; gap: 1rem; }
.uhs-tpl-announcements .announcement {
  position: relative; padding: 1.5rem 1.6rem 1.4rem 1.9rem; margin: 0 !important; border: 1px solid var(--uh-line) !important; border-radius: 22px; background: #fff;
  box-shadow: 0 24px 50px -40px rgba(14,42,28,.5); transition: transform .2s, border-color .2s;
}
.uhs-tpl-announcements .announcement::before { content: ""; position: absolute; left: 0; top: 1.4rem; bottom: 1.4rem; width: 4px; border-radius: 0 4px 4px 0; background: linear-gradient(180deg, var(--uh-brand), var(--uh-accent)); }
.uhs-tpl-announcements .announcement:hover { transform: translateY(-3px); border-color: var(--uh-brand-border) !important; }
.uhs-tpl-announcements .announcement h1 { font-size: 1.3rem !important; font-weight: 700; margin: 0 0 .35rem; letter-spacing: -.01em; }
.uhs-tpl-announcements .announcement h1 a { color: var(--uh-ink); }
.uhs-tpl-announcements .announcement h1 a:hover { color: var(--uh-brand); }
.uhs-tpl-announcements .announcement .list-inline { margin-bottom: .7rem; }
.uhs-tpl-announcements .announcement .list-inline-item { display: inline-flex; align-items: center; gap: .3rem; font-size: .76rem; font-weight: 700; color: var(--uh-brand) !important; background: var(--uh-brand-soft); padding: .25rem .7rem; border-radius: 99px; }
.uhs-tpl-announcements .announcement article { color: var(--uh-body); font-size: .94rem; line-height: 1.7; margin-bottom: .9rem; }
.uhs-tpl-announcements .announcement > .btn { border-radius: 99px !important; font-weight: 700; padding: .5rem 1.1rem; background: var(--uh-brand-tint); border: 1px solid var(--uh-brand-border); color: var(--uh-brand); }
.uhs-tpl-announcements .announcement > .btn:hover { background: var(--uh-brand); color: #fff; border-color: var(--uh-brand); }

/* network status */
.uhs-tpl-serverstatus .primary-content .alert-success { display: flex; align-items: center; gap: .8rem; padding: 1.1rem 1.3rem; border-radius: 18px; background: #e3f6ec; border: 1px solid #c4ead5; color: #16804f; font-weight: 700; font-size: 1rem; }
.uhs-tpl-serverstatus .primary-content .alert-success i { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #16804f; color: #fff; box-shadow: 0 0 0 6px rgba(22,128,79,.15); animation: uhPulse 2.2s infinite; }
@keyframes uhPulse { 0%,100% { box-shadow: 0 0 0 6px rgba(22,128,79,.15); } 50% { box-shadow: 0 0 0 11px rgba(22,128,79,.05); } }
.uhs-tpl-serverstatus .primary-content .alert-info:not(.text-center) { border-radius: 18px; background: #e6f0fb; border: 1px solid #cadef5; color: #1f5fa8; font-weight: 600; }
.uhs-tpl-serverstatus .primary-content .card-body h3 { font-weight: 700; font-size: 1.15rem; }
.uhs-tpl-serverstatus .primary-content .card-body > p { color: var(--uh-muted); font-size: .9rem; }
.uhs-tpl-serverstatus .table { margin: 0; border: 1px solid var(--uh-line); border-radius: 16px; border-collapse: separate; border-spacing: 0; overflow: hidden; }
.uhs-tpl-serverstatus .table thead th { background: var(--uh-brand-tint); border: 0 !important; border-bottom: 1px solid var(--uh-brand-border) !important; padding: .8rem 1rem; }
.uhs-tpl-serverstatus .table td { padding: .85rem 1rem; border-top: 1px solid var(--uh-line); font-size: .9rem; vertical-align: middle; }
.uhs-tpl-serverstatus .table-striped tbody tr:nth-of-type(odd) { background: #fff; }
.uhs-tpl-serverstatus .table td:first-child { font-weight: 700; color: var(--uh-ink); }
.uhs-tpl-serverstatus .table img { width: 18px; height: 18px; }
.uhs-tpl-serverstatus .card-header { background: #fff !important; border-bottom: 1px solid var(--uh-line) !important; padding: 1rem 1.4rem; font-family: var(--uh-display); font-weight: 700; color: var(--uh-ink); }
.uhs-tpl-serverstatus .card-header .badge { border-radius: 99px; padding: .35rem .75rem; font-size: .72rem; }
.uhs-tpl-serverstatus .card-header .badge-danger { background: #fdecea; color: #b3261e; }
.uhs-tpl-serverstatus .card-header .badge-warning { background: #fff4e0; color: #a8630a; }
.uhs-tpl-serverstatus .card-header .badge-success { background: #e3f6ec; color: #16804f; }
.uhs-tpl-serverstatus .card-header .badge-info { background: #e6f0fb; color: #1f5fa8; }
.uhs-tpl-serverstatus .list-inline-item { font-size: .84rem; color: var(--uh-muted); }
.uhs-tpl-serverstatus .pagination .page-link, .uhs-tpl-announcements .pagination .page-link { border-radius: 10px !important; margin: 0 3px; font-weight: 600; }

@media (max-width: 767.98px) {
  .kb-search .btn { padding: 0 1.1rem !important; }
  .uhs-tpl-knowledgebasearticle .primary-content .card > .card-body, .uhs-tpl-viewannouncement .primary-content .card > .card-body { padding: 1.4rem 1.2rem !important; }
  .uhs-tpl-knowledgebasearticle .primary-content .card h1 .btn { display: none; }
  .uhs-tpl-announcements .announcement { padding: 1.2rem 1.2rem 1.2rem 1.5rem; }
}