/* IW final unified client-area skin - 2026-05-15
   Authoritative visual layer loaded after custom.css.
   Keep structure in custom.css; keep color, rhythm and component polish here. */

body:not(.login-bg) {
  --iwf-ink: #101828;
  --iwf-heading: #172033;
  --iwf-muted: #667085;
  --iwf-soft-text: #7a8699;
  --iwf-bg: #f6f8fb;
  --iwf-surface: #ffffff;
  --iwf-surface-2: #f9fbfd;
  --iwf-line: #e4e9f0;
  --iwf-line-2: #eef2f6;
  --iwf-primary: #066c7b;
  --iwf-primary-dark: #0f4660;
  --iwf-primary-soft: #e7fbff;
  --iwf-accent: #18a999;
  --iwf-accent-soft: #e9f8f5;
  --iwf-warning: #b76e00;
  --iwf-warning-soft: #fff6e5;
  --iwf-danger: #b42318;
  --iwf-danger-soft: #fff0ed;
  --iwf-success: #16835f;
  --iwf-success-soft: #e9f7f1;
  --iwf-sidebar-a: #12213b;
  --iwf-sidebar-b: #0d3157;
  --iwf-radius: 12px;
  --iwf-radius-sm: 8px;
  --iwf-shadow: 0 12px 30px rgba(16, 24, 40, .07);
  --iwf-shadow-lg: 0 20px 48px rgba(16, 24, 40, .13);
  --iwf-focus: 0 0 0 4px rgba(6, 108, 123, .16);
  background: var(--iwf-bg) !important;
  color: var(--iwf-ink) !important;
  font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
}

body:not(.login-bg),
body:not(.login-bg) #content,
body:not(.login-bg) #main-body,
body:not(.login-bg) .main-body,
body:not(.login-bg) .wrapper,
body:not(.login-bg) .theme-wrapper,
body:not(.login-bg) .theme-main-inner-page-section,
body:not(.login-bg) .theme-main-inner-page-section > .container,
body:not(.login-bg) .theme-main-inner-page-section > .container-fluid,
body:not(.login-bg) .theme-client-invoices-page,
body:not(.login-bg) .theme-ticket-list-page,
body:not(.login-bg) .theme-view-ticket-page {
  background: var(--iwf-bg) !important;
}

body:not(.login-bg) .container,
body:not(.login-bg) .container-fluid {
  max-width: 1280px;
}

body:not(.login-bg) h1,
body:not(.login-bg) h2,
body:not(.login-bg) h3,
body:not(.login-bg) h4,
body:not(.login-bg) h5,
body:not(.login-bg) h6,
body:not(.login-bg) .iw-page-title,
body:not(.login-bg) .form-title,
body:not(.login-bg) .card-title,
body:not(.login-bg) .panel-title,
body:not(.login-bg) .common-title-all h3 {
  color: var(--iwf-heading) !important;
  letter-spacing: 0 !important;
}

body:not(.login-bg) p,
body:not(.login-bg) small,
body:not(.login-bg) label,
body:not(.login-bg) .text-muted,
body:not(.login-bg) .iw-page-subtitle,
body:not(.login-bg) .iw-tile-label,
body:not(.login-bg) .iw-tile-desc,
body:not(.login-bg) .domain-product-name,
body:not(.login-bg) .ticket-department-name,
body:not(.login-bg) .ticket-updated-col,
body:not(.login-bg) .iw-feature-card-name {
  color: var(--iwf-muted) !important;
}

body:not(.login-bg) a,
body:not(.login-bg) .text-primary {
  color: var(--iwf-primary) !important;
}

body:not(.login-bg) a:hover,
body:not(.login-bg) a:focus {
  color: var(--iwf-primary-dark) !important;
}

body:not(.login-bg) .panel,
body:not(.login-bg) .panel-default,
body:not(.login-bg) .card,
body:not(.login-bg) .iw-home-card,
body:not(.login-bg) .iw-panel-card,
body:not(.login-bg) .iw-tile,
body:not(.login-bg) .table-container,
body:not(.login-bg) .data-table-main-container,
body:not(.login-bg) .common-table-upper-header,
body:not(.login-bg) .form-box,
body:not(.login-bg) .formBox,
body:not(.login-bg) .invoice-summary,
body:not(.login-bg) .invoice-container,
body:not(.login-bg) .payment-method,
body:not(.login-bg) .paymethod-info,
body:not(.login-bg) .iw-kb-cat-card,
body:not(.login-bg) .iw-kb-aside-card,
body:not(.login-bg) .knowledgebase-cat-list a,
body:not(.login-bg) .announcement-single,
body:not(.login-bg) .downloads-cat,
body:not(.login-bg) .download-item,
body:not(.login-bg) .iw-client-quicklink,
body:not(.login-bg) .iw-service-access-link,
body:not(.login-bg) .iw-service-card,
body:not(.login-bg) .iw-product-object,
body:not(.login-bg) .iw-aff-card,
body:not(.login-bg) .iw-aff-stat-card,
body:not(.login-bg) .iw-aff-com-card,
body:not(.login-bg) .modal-content,
body:not(.login-bg) .dropdown-menu {
  border: 1px solid var(--iwf-line) !important;
  border-radius: var(--iwf-radius) !important;
  background: var(--iwf-surface) !important;
  box-shadow: var(--iwf-shadow) !important;
}

body:not(.login-bg) .panel-heading,
body:not(.login-bg) .card-header,
body:not(.login-bg) .iw-home-card-head,
body:not(.login-bg) .iw-panel-card-head,
body:not(.login-bg) .common-table-upper-header,
body:not(.login-bg) .modal-header,
body:not(.login-bg) .modal-footer,
body:not(.login-bg) .panel-setting-heading {
  border-color: var(--iwf-line-2) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
}

body:not(.login-bg) .iw-page-header,
body:not(.login-bg) .iw-dh2,
body:not(.login-bg) .iw-kb-header,
body:not(.login-bg) .iw-kb-cat-header,
body:not(.login-bg) .iw-domain-hero {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(24, 169, 153, .24), transparent 27%),
    linear-gradient(135deg, var(--iwf-sidebar-a) 0%, var(--iwf-sidebar-b) 58%, var(--iwf-primary-dark) 100%) !important;
  box-shadow: var(--iwf-shadow-lg) !important;
}

body:not(.login-bg) .iw-page-header::before,
body:not(.login-bg) .iw-page-header::after,
body:not(.login-bg) .iw-dh2::before,
body:not(.login-bg) .iw-dh2::after,
body:not(.login-bg) .iw-domain-hero::after {
  display: none !important;
  content: none !important;
}

body:not(.login-bg) .iw-page-header *,
body:not(.login-bg) .iw-dh2 *,
body:not(.login-bg) .iw-kb-header *,
body:not(.login-bg) .iw-kb-cat-header *,
body:not(.login-bg) .iw-domain-hero * {
  color: rgba(255, 255, 255, .82) !important;
}

body:not(.login-bg) .iw-page-header .iw-page-title,
body:not(.login-bg) .iw-dh2-title,
body:not(.login-bg) .iw-kb-header h1,
body:not(.login-bg) .iw-kb-cat-header-title,
body:not(.login-bg) .iw-domain-hero-title {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-breadcrumb-link,
body:not(.login-bg) .iw-breadcrumb-current {
  color: rgba(255, 255, 255, .72) !important;
}

body:not(.login-bg) .btn,
body:not(.login-bg) button,
body:not(.login-bg) input[type="submit"],
body:not(.login-bg) .wgs_custom-btn,
body:not(.login-bg) .iw-btn-primary,
body:not(.login-bg) .iw-btn-secondary,
body:not(.login-bg) .add-button-common,
body:not(.login-bg) .iw-home-card-btn,
body:not(.login-bg) .iw-panel-card-action,
body:not(.login-bg) .iw-svc-manage,
body:not(.login-bg) .iw-product-object-action,
body:not(.login-bg) .iw-hero-btn,
body:not(.login-bg) .iw-wc-action-btn {
  border-radius: var(--iwf-radius-sm) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .btn-primary,
body:not(.login-bg) .iw-btn-primary,
body:not(.login-bg) .wgs_custom-btn,
body:not(.login-bg) .add-button-common,
body:not(.login-bg) input[type="submit"],
body:not(.login-bg) .iw-inv-pay-btn-wrap .btn,
body:not(.login-bg) .iw-inv-credit-btn,
body:not(.login-bg) .iw-pw-btn-save,
body:not(.login-bg) .iw-hero-btn--primary,
body:not(.login-bg) .iw-hero-btn--success,
body:not(.login-bg) .iw-product-object-action,
body:not(.login-bg) .iw-wc-action-btn,
body:not(.login-bg) .domain-checker-container button,
body:not(.login-bg) .iw-side-panel-cta,
body:not(.login-bg) .iw-aff-copy-btn,
body:not(.login-bg) .iw-aff-withdraw-btn,
body:not(.login-bg) .iw-aff-btn-primary,
body:not(.login-bg) .iw-domain-mini-btn.primary,
body:not(.login-bg) .iw-em-create-btn,
body:not(.login-bg) .iw-em-webmail {
  border: 1px solid var(--iwf-primary) !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--iwf-primary) 0%, var(--iwf-primary-dark) 100%) !important;
}

body:not(.login-bg) .btn-primary:hover,
body:not(.login-bg) .iw-btn-primary:hover,
body:not(.login-bg) .wgs_custom-btn:hover,
body:not(.login-bg) .add-button-common:hover,
body:not(.login-bg) input[type="submit"]:hover,
body:not(.login-bg) .iw-inv-pay-btn-wrap .btn:hover,
body:not(.login-bg) .iw-inv-credit-btn:hover,
body:not(.login-bg) .iw-pw-btn-save:hover,
body:not(.login-bg) .iw-hero-btn--primary:hover,
body:not(.login-bg) .iw-hero-btn--success:hover,
body:not(.login-bg) .iw-product-object-action:hover,
body:not(.login-bg) .iw-wc-action-btn:hover,
body:not(.login-bg) .domain-checker-container button:hover,
body:not(.login-bg) .iw-side-panel-cta:hover,
body:not(.login-bg) .iw-aff-copy-btn:hover,
body:not(.login-bg) .iw-aff-withdraw-btn:hover,
body:not(.login-bg) .iw-aff-btn-primary:hover,
body:not(.login-bg) .iw-domain-mini-btn.primary:hover,
body:not(.login-bg) .iw-em-create-btn:hover,
body:not(.login-bg) .iw-em-webmail:hover {
  border-color: var(--iwf-primary-dark) !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--iwf-primary-dark) 0%, #083246 100%) !important;
}

body:not(.login-bg) .btn-default,
body:not(.login-bg) .iw-btn-secondary,
body:not(.login-bg) .wgs_cancel_button,
body:not(.login-bg) .wgs_edit_btn,
body:not(.login-bg) .domain-upper-bulk-button .setBulkAction,
body:not(.login-bg) .common-sort-dropdown > a,
body:not(.login-bg) .action-buttons-table li a,
body:not(.login-bg) .iw-panel-card-action,
body:not(.login-bg) .iw-svc-manage,
body:not(.login-bg) .iw-side-panel-close,
body:not(.login-bg) .iw-pw-close,
body:not(.login-bg) .iw-side-panel-cta.secondary,
body:not(.login-bg) .iw-domain-mini-btn.secondary,
body:not(.login-bg) .iw-inv-action-link,
body:not(.login-bg) .iw-pw-btn-cancel,
body:not(.login-bg) .iw-em-passwd-btn {
  border: 1px solid var(--iwf-line) !important;
  color: var(--iwf-heading) !important;
  background: #ffffff !important;
}

body:not(.login-bg) .btn-default:hover,
body:not(.login-bg) .iw-btn-secondary:hover,
body:not(.login-bg) .wgs_cancel_button:hover,
body:not(.login-bg) .wgs_edit_btn:hover,
body:not(.login-bg) .domain-upper-bulk-button .setBulkAction:hover,
body:not(.login-bg) .common-sort-dropdown > a:hover,
body:not(.login-bg) .action-buttons-table li a:hover,
body:not(.login-bg) .iw-panel-card-action:hover,
body:not(.login-bg) .iw-svc-manage:hover,
body:not(.login-bg) .iw-side-panel-close:hover,
body:not(.login-bg) .iw-pw-close:hover,
body:not(.login-bg) .iw-side-panel-cta.secondary:hover,
body:not(.login-bg) .iw-domain-mini-btn.secondary:hover,
body:not(.login-bg) .iw-inv-action-link:hover,
body:not(.login-bg) .iw-pw-btn-cancel:hover,
body:not(.login-bg) .iw-em-passwd-btn:hover {
  border-color: #c8d7ea !important;
  color: var(--iwf-primary-dark) !important;
  background: var(--iwf-primary-soft) !important;
}

body:not(.login-bg) .iw-tile-icon,
body:not(.login-bg) .iw-home-card-icon,
body:not(.login-bg) .iw-panel-card-ico,
body:not(.login-bg) .iw-cpanel-shortcut-icon,
body:not(.login-bg) .iw-feature-card-icon,
body:not(.login-bg) .iw-action-icon,
body:not(.login-bg) .iw-aff-stat-icon,
body:not(.login-bg) .iw-aff-com-icon,
body:not(.login-bg) .iw-side-panel-icon,
body:not(.login-bg) .iw-aff-step-num,
body:not(.login-bg) .iw-aff-step-icon,
body:not(.login-bg) .iw-aff-disabled-icon,
body:not(.login-bg) .iw-service-access-icon,
body:not(.login-bg) .iw-em-header-ico,
body:not(.login-bg) [class*="iw-fc-"],
body:not(.login-bg) [class*="iw-action-icon-"],
body:not(.login-bg) [class*="iw-client-quicklink-"],
body:not(.login-bg) [class*="iw-aff-stat-"],
body:not(.login-bg) [class*="iw-aff-com-"] {
  border-color: #d8e8fb !important;
  color: var(--iwf-primary) !important;
  background: var(--iwf-primary-soft) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-tile-icon *,
body:not(.login-bg) .iw-home-card-icon *,
body:not(.login-bg) .iw-panel-card-ico *,
body:not(.login-bg) .iw-cpanel-shortcut-icon *,
body:not(.login-bg) .iw-feature-card-icon *,
body:not(.login-bg) .iw-action-icon *,
body:not(.login-bg) .iw-aff-stat-icon *,
body:not(.login-bg) .iw-aff-com-icon *,
body:not(.login-bg) .iw-side-panel-icon *,
body:not(.login-bg) .iw-aff-step-icon *,
body:not(.login-bg) .iw-service-access-icon *,
body:not(.login-bg) .iw-em-header-ico *,
body:not(.login-bg) [class*="iw-fc-"] *,
body:not(.login-bg) [class*="iw-action-icon-"] * {
  color: var(--iwf-primary) !important;
}

body:not(.login-bg) .label,
body:not(.login-bg) .badge,
body:not(.login-bg) span.status,
body:not(.login-bg) .label.status,
body:not(.login-bg) .invoice-state,
body:not(.login-bg) .iw-status-badge,
body:not(.login-bg) .iw-inv-badge,
body:not(.login-bg) .products-status-section,
body:not(.login-bg) .product-status-text,
body:not(.login-bg) .button-class-enable,
body:not(.login-bg) .button-class-disable,
body:not(.login-bg) .iw-ticket-status,
body:not(.login-bg) .iw-ts-open,
body:not(.login-bg) .iw-ts-abierto,
body:not(.login-bg) .iw-ts-answered,
body:not(.login-bg) .iw-ts-respondido,
body:not(.login-bg) .iw-side-panel-count,
body:not(.login-bg) .iw-em-header-badge,
body:not(.login-bg) .iw-aff-status,
body:not(.login-bg) .iw-aff-alert-success,
body:not(.login-bg) .iw-inv-flash,
body:not(.login-bg) .iw-pw-msg {
  border: 1px solid #ccebdd !important;
  color: var(--iwf-success) !important;
  background: var(--iwf-success-soft) !important;
}

body:not(.login-bg) .label-warning,
body:not(.login-bg) .badge-warning,
body:not(.login-bg) .status-pending,
body:not(.login-bg) .invoice-state.unpaid,
body:not(.login-bg) .invoice-state.overdue,
body:not(.login-bg) .products-status-section.status-pending,
body:not(.login-bg) .product-status-pending .product-status-text,
body:not(.login-bg) .iw-inv-badge.unpaid {
  border-color: #f4d7a6 !important;
  color: var(--iwf-warning) !important;
  background: var(--iwf-warning-soft) !important;
}

body:not(.login-bg) .label-danger,
body:not(.login-bg) .badge-danger,
body:not(.login-bg) .status-suspended,
body:not(.login-bg) .status-cancelled,
body:not(.login-bg) .status-terminated,
body:not(.login-bg) .status-fraud,
body:not(.login-bg) .products-status-section.status-suspended,
body:not(.login-bg) .products-status-section.status-cancelled,
body:not(.login-bg) .products-status-section.status-fraud,
body:not(.login-bg) .product-status-suspended .product-status-text,
body:not(.login-bg) .product-status-cancelled .product-status-text,
body:not(.login-bg) .iw-status-suspended,
body:not(.login-bg) .iw-status-cancelled {
  border-color: #f5c2bd !important;
  color: var(--iwf-danger) !important;
  background: var(--iwf-danger-soft) !important;
}

body:not(.login-bg) .form-control,
body:not(.login-bg) .custom-select,
body:not(.login-bg) input,
body:not(.login-bg) select,
body:not(.login-bg) textarea,
body:not(.login-bg) .inputBox .input,
body:not(.login-bg) .iw-input,
body:not(.login-bg) .common-serach-input .input-group,
body:not(.login-bg) .iw-domain-mini-input-wrap,
body:not(.login-bg) .iw-aff-link-input,
body:not(.login-bg) .iw-pw-input-wrap,
body:not(.login-bg) .iw-em-field input,
body:not(.login-bg) .iw-em-mail-input {
  border-color: var(--iwf-line) !important;
  color: var(--iwf-ink) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body:not(.login-bg) .form-control:focus,
body:not(.login-bg) .custom-select:focus,
body:not(.login-bg) input:focus,
body:not(.login-bg) select:focus,
body:not(.login-bg) textarea:focus,
body:not(.login-bg) .inputBox .input:focus,
body:not(.login-bg) .iw-input:focus,
body:not(.login-bg) .iw-domain-mini-input-wrap:focus-within,
body:not(.login-bg) .iw-aff-link-input:focus,
body:not(.login-bg) .iw-pw-input:focus,
body:not(.login-bg) .iw-em-field input:focus,
body:not(.login-bg) .iw-em-mail-input:focus-within {
  border-color: #8ebcf2 !important;
  box-shadow: var(--iwf-focus) !important;
}

body:not(.login-bg) .table,
body:not(.login-bg) table.table-list,
body:not(.login-bg) table.dataTable,
body:not(.login-bg) .iw-services-table,
body:not(.login-bg) .iw-inv-table,
body:not(.login-bg) .iw-em-table {
  background: #ffffff !important;
}

body:not(.login-bg) .table thead th,
body:not(.login-bg) table.table-list thead th,
body:not(.login-bg) table.dataTable thead th,
body:not(.login-bg) .iw-inv-table thead tr,
body:not(.login-bg) .iw-em-th {
  border-color: var(--iwf-line-2) !important;
  color: var(--iwf-heading) !important;
  background: #f8fafc !important;
}

body:not(.login-bg) .table tbody td,
body:not(.login-bg) table.table-list tbody td,
body:not(.login-bg) table.dataTable tbody td,
body:not(.login-bg) .iw-inv-table th,
body:not(.login-bg) .iw-inv-table td,
body:not(.login-bg) .iw-em-th,
body:not(.login-bg) .iw-em-td,
body:not(.login-bg) .iw-em-row {
  border-color: var(--iwf-line-2) !important;
  color: #344054 !important;
}

body:not(.login-bg) .table tbody tr:hover,
body:not(.login-bg) table.table-list tbody tr:hover,
body:not(.login-bg) table.dataTable tbody tr:hover,
body:not(.login-bg) .iw-inv-table tbody tr:hover,
body:not(.login-bg) .iw-em-row:hover,
body:not(.login-bg) .iw-notif-item:hover,
body:not(.login-bg) .iw-service-row:hover {
  background: #f5f9ff !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon,
body:not(.login-bg) .sidebar {
  background:
    radial-gradient(circle at 80% 8%, rgba(24, 169, 153, .22), transparent 32%),
    linear-gradient(180deg, var(--iwf-sidebar-a) 0%, var(--iwf-sidebar-b) 100%) !important;
}

body:not(.login-bg) .iw-nav-logo,
body:not(.login-bg) .iw-nav-footer,
body:not(.login-bg) .iw-nav-account-top,
body:not(.login-bg) .iw-user-row,
body:not(.login-bg) .iw-account-sidebar-block,
body:not(.login-bg) .sidebar-search,
body:not(.login-bg) .sidebar-welcome {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .06) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-nav-link,
body:not(.login-bg) .sidebar a,
body:not(.login-bg) .iw-nav-account-top *,
body:not(.login-bg) .iw-nav-footer * {
  color: rgba(255, 255, 255, .78) !important;
}

body:not(.login-bg) .iw-nav-link:hover,
body:not(.login-bg) .sidebar a:hover,
body:not(.login-bg) .iw-action-cart:hover,
body:not(.login-bg) .iw-action-notif:hover,
body:not(.login-bg) .iw-action-logout:hover,
body:not(.login-bg) .iw-store-link:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .10) !important;
}

body:not(.login-bg) .iw-nav-link.active,
body:not(.login-bg) .sidebar .active > a {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--iwf-primary) 0%, var(--iwf-accent) 100%) !important;
}

body:not(.login-bg) .iw-nav-link.active *,
body:not(.login-bg) .sidebar .active > a * {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-action-cart,
body:not(.login-bg) .iw-action-notif,
body:not(.login-bg) .iw-action-logout,
body:not(.login-bg) .iw-nav-account-top .iw-action-btn,
body:not(.login-bg) .iw-nav-footer a,
body:not(.login-bg) .iw-store-link {
  border: 1px solid rgba(255, 255, 255, .12) !important;
  color: rgba(255, 255, 255, .82) !important;
  background: rgba(255, 255, 255, .08) !important;
}

body:not(.login-bg) .iw-tile::before,
body:not(.login-bg) .iw-tile:has(.iw-tile-icon.blue)::before,
body:not(.login-bg) .iw-tile:has(.iw-tile-icon.green)::before,
body:not(.login-bg) .iw-tile:has(.iw-tile-icon.amber)::before,
body:not(.login-bg) .iw-tile:has(.iw-tile-icon.red)::before,
body:not(.login-bg) .iw-tile:has(.iw-tile-icon.purple)::before {
  background: linear-gradient(90deg, var(--iwf-primary) 0%, var(--iwf-accent) 100%) !important;
}

body:not(.login-bg) .iw-tile-value,
body:not(.login-bg) .iw-home-card-title h3,
body:not(.login-bg) .iw-panel-card-head h4,
body:not(.login-bg) .product-with-domain a,
body:not(.login-bg) .nodomain-product-name,
body:not(.login-bg) .ticket-subject-name,
body:not(.login-bg) .domain-name,
body:not(.login-bg) .invoice-number,
body:not(.login-bg) .iw-svc-price,
body:not(.login-bg) .iw-inv-amount,
body:not(.login-bg) .iw-feature-card-val,
body:not(.login-bg) .iw-product-object-copy strong,
body:not(.login-bg) .iw-side-panel-title h4,
body:not(.login-bg) .iw-em-header-title,
body:not(.login-bg) .iw-pw-title,
body:not(.login-bg) .iw-aff-card-header h3,
body:not(.login-bg) .iw-aff-section-title,
body:not(.login-bg) .iw-aff-step h4,
body:not(.login-bg) .iw-aff-stat-value,
body:not(.login-bg) .iw-aff-com-value,
body:not(.login-bg) .iw-inv-pay-label,
body:not(.login-bg) .iw-inv-pay-amount,
body:not(.login-bg) .iw-inv-addr-name,
body:not(.login-bg) .iw-inv-total-row td {
  color: var(--iwf-heading) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-hero-v2,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-hero.estilo-del-producto {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(24, 169, 153, .22), transparent 30%),
    linear-gradient(135deg, var(--iwf-sidebar-a) 0%, var(--iwf-sidebar-b) 58%, var(--iwf-primary-dark) 100%) !important;
  box-shadow: var(--iwf-shadow-lg) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-hero-v2 *,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto *,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-hero.estilo-del-producto * {
  color: rgba(255, 255, 255, .84) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-service-name,
body:not(.login-bg) .theme-client-service-detail-page .iw-service-hero-v2 .iw-service-name,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto .iw-service-name {
  color: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero.estilo-del-producto {
  min-height: 260px !important;
  height: auto !important;
  padding: 28px 30px !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  align-content: center !important;
  gap: 22px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero-v2::after,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto::after,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object::after,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-flyer::after {
  display: none !important;
  content: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-stats,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto__usage {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-billing-table,
body:not(.login-bg) .theme-client-service-detail-page .iw-billing-card,
body:not(.login-bg) .iw-billing-due,
body:not(.login-bg) .iw-billing-warn {
  border-color: var(--iwf-line) !important;
  background: #ffffff !important;
  box-shadow: var(--iwf-shadow) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .iw-billing-row {
  min-height: 62px !important;
  padding: 14px 18px !important;
  border-color: var(--iwf-line-2) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .product-hook-panel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #iwEmailPanel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 #cPanelWordPress {
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-flyer,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object.iw-product-object-hosting {
  min-height: 124px !important;
  border-color: var(--iwf-line) !important;
  background: #ffffff !important;
  box-shadow: var(--iwf-shadow) !important;
}

body:not(.login-bg) .iw-side-panel,
body:not(.login-bg) .menu-notification-clientx.left-open-notification-sec,
body:not(.login-bg) .menu-cart-clientx.left-open-cart-sec,
body:not(.login-bg) .menu-myaccount-clientx,
body:not(.login-bg) .iw-pw-box,
body:not(.login-bg) .iw-em-panel,
body:not(.login-bg) .iw-aff-step,
body:not(.login-bg) .iw-aff-disabled-box,
body:not(.login-bg) .iw-inv-pay-card,
body:not(.login-bg) .iw-inv-credit-card,
body:not(.login-bg) .iw-inv-addr-block {
  border: 1px solid var(--iwf-line) !important;
  background: #ffffff !important;
  box-shadow: var(--iwf-shadow) !important;
}

body:not(.login-bg) .iw-side-panel-head,
body:not(.login-bg) .iw-side-panel-footer,
body:not(.login-bg) .iw-em-header,
body:not(.login-bg) .iw-aff-card-header,
body:not(.login-bg) .iw-pw-head,
body:not(.login-bg) .iw-pw-foot {
  border-color: var(--iwf-line-2) !important;
  background: #f8fafc !important;
}

body:not(.login-bg) .iw-client-quickbar a,
body:not(.login-bg) .iw-service-access-card,
body:not(.login-bg) .cpanel-feature-row a {
  border-color: var(--iwf-line) !important;
  background: #ffffff !important;
  box-shadow: var(--iwf-shadow) !important;
}

body:not(.login-bg) .iw-client-quicklink-orange span,
body:not(.login-bg) .iw-client-quicklink-purple span,
body:not(.login-bg) .iw-client-quicklink-green span,
body:not(.login-bg) .iw-client-quicklink-blue span,
body:not(.login-bg) .iw-dh2-object-top span,
body:not(.login-bg) .iw-login-visual-top span,
body:not(.login-bg) .iw-notif-dot {
  background: var(--iwf-accent) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-aff-stat-blue,
body:not(.login-bg) .iw-aff-stat-green,
body:not(.login-bg) .iw-aff-stat-purple,
body:not(.login-bg) .iw-aff-com-pending,
body:not(.login-bg) .iw-aff-com-available,
body:not(.login-bg) .iw-aff-com-withdrawn,
body:not(.login-bg) .iw-aff-share-wa,
body:not(.login-bg) .iw-aff-share-fb,
body:not(.login-bg) .iw-aff-share-tw {
  border-color: var(--iwf-line) !important;
  color: var(--iwf-heading) !important;
  background: var(--iwf-surface-2) !important;
}

body:not(.login-bg) .iw-aff-stat-blue *,
body:not(.login-bg) .iw-aff-stat-green *,
body:not(.login-bg) .iw-aff-stat-purple *,
body:not(.login-bg) .iw-aff-com-pending *,
body:not(.login-bg) .iw-aff-com-available *,
body:not(.login-bg) .iw-aff-com-withdrawn *,
body:not(.login-bg) .iw-aff-share-wa *,
body:not(.login-bg) .iw-aff-share-fb *,
body:not(.login-bg) .iw-aff-share-tw * {
  color: var(--iwf-heading) !important;
}

body:not(.login-bg) .iw-em-dot,
body:not(.login-bg) .iw-product-object-meta span::before,
body:not(.login-bg) .iw-usage-bar span,
body:not(.login-bg) .iw-inv-progress span,
body:not(.login-bg) .estilo-del-producto__progress span {
  background: linear-gradient(90deg, var(--iwf-primary) 0%, var(--iwf-accent) 100%) !important;
}

body:not(.login-bg) .iw-em-delete-btn,
body:not(.login-bg) .iw-hero-btn--danger,
body:not(.login-bg) .action-buttons-table li.cancel-service a,
body:not(.login-bg) .wgs_remove_button {
  border: 1px solid #f5c2bd !important;
  color: var(--iwf-danger) !important;
  background: var(--iwf-danger-soft) !important;
}

body:not(.login-bg) .iw-em-delete-btn:hover,
body:not(.login-bg) .iw-hero-btn--danger:hover,
body:not(.login-bg) .action-buttons-table li.cancel-service a:hover,
body:not(.login-bg) .wgs_remove_button:hover {
  color: #ffffff !important;
  background: var(--iwf-danger) !important;
}

body:not(.login-bg) .alert,
body:not(.login-bg) .message-box-theme-login-pages,
body:not(.login-bg) .message-box-theme-login-pagesss {
  border-radius: var(--iwf-radius-sm) !important;
  box-shadow: none !important;
}

body:not(.login-bg) footer,
body:not(.login-bg) .footer {
  border-top: 1px solid var(--iwf-line) !important;
  background: rgba(255, 255, 255, .92) !important;
}

@media (max-width: 900px) {
  body:not(.login-bg) .iw-page-header,
  body:not(.login-bg) .iw-dh2,
  body:not(.login-bg) .iw-domain-hero {
    border-radius: 14px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-top,
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .estilo-del-producto .iw-hero-top {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    text-align: center !important;
  }
}

/* Sidebar mobile contrast and footer cleanup */
body:not(.login-bg) nav#sidebar.wgssidebaraddon {
  border-right: 1px solid rgba(255, 255, 255, .10) !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-logo {
  padding: 12px 16px 10px !important;
  background: transparent !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-logo img {
  max-width: 182px !important;
  max-height: 58px !important;
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, .26)) !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-row {
  grid-template-columns: minmax(0, 1fr) 60px !important;
  gap: 8px !important;
  margin: 0 14px 14px !important;
  padding: 10px !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .06) !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-card {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-avatar {
  width: 38px !important;
  height: 38px !important;
  background: #16a3b8 !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .18) !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-info {
  min-width: 0 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-name {
  color: #ffffff !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-role {
  color: rgba(255, 255, 255, .72) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-profile-gear {
  min-height: 48px !important;
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #dcecff !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-profile-gear span,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-profile-gear i {
  color: #dcecff !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-body {
  padding: 12px 14px 16px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-list {
  gap: 10px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link {
  min-height: 58px !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  text-align: left !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box {
  display: inline-grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: rgba(232, 250, 255, .96) !important;
  color: #95a8bd !important;
  flex: 0 0 46px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link.active .iw-icon-box {
  background: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-label {
  min-width: 0 !important;
  color: inherit !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-chevron {
  margin-left: auto !important;
  color: inherit !important;
  opacity: .8 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-store-box {
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-ver-tienda-btn {
  min-height: 48px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #1167d8 0%, #18a999 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-ver-tienda-btn *,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-btn *,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-label {
  color: #ffffff !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-footer {
  padding: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
  background: rgba(8, 22, 42, .28) !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-actions {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  padding: 0 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-btn {
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 8px 4px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 9px !important;
  background: rgba(255, 255, 255, .08) !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-label {
  width: 100% !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  white-space: normal !important;
}

@media (max-width: 768px) {
  body:not(.login-bg) nav#sidebar.wgssidebaraddon,
  body:not(.login-bg) nav#sidebar.wgssidebaraddon.active {
    top: 0 !important;
    height: 100dvh !important;
    min-width: min(290px, 100vw) !important;
    max-width: min(290px, 100vw) !important;
    width: min(290px, 100vw) !important;
  }

  body:not(.login-bg) nav#sidebar.wgssidebaraddon:not(.active) {
    left: -300px !important;
  }

  body:not(.login-bg) nav#sidebar.wgssidebaraddon.active {
    left: 0 !important;
  }
}

/* Service 2086: match compact hosting product layout */
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 {
  margin-top: 22px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-compact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 2.2fr) minmax(320px, .95fr) !important;
  gap: 18px !important;
  align-items: start !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-compact-side {
  display: grid !important;
  gap: 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-panel {
  overflow: hidden !important;
  border: 1px solid var(--iwf-line) !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(16, 24, 40, .07) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-panel-head {
  min-height: 52px !important;
  padding: 17px 18px !important;
  border-bottom: 1px solid var(--iwf-line-2) !important;
  color: #0f172a !important;
  background: #ffffff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-panel {
  align-self: start !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-card {
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) auto !important;
  gap: 18px !important;
  align-items: center !important;
  min-height: 136px !important;
  margin: 14px !important;
  padding: 18px !important;
  border: 1px solid #baeef7 !important;
  border-radius: 8px !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 64px !important;
  height: 64px !important;
  border: 1px solid #baeef7 !important;
  border-radius: 12px !important;
  color: var(--iwf-primary) !important;
  background: #dff8fb !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-icon svg {
  width: 34px !important;
  height: 34px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-copy {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-kicker {
  justify-self: start !important;
  padding: 4px 9px !important;
  border: 1px solid #baeef7 !important;
  border-radius: 999px !important;
  color: var(--iwf-primary-dark) !important;
  background: #e7fbff !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-copy strong {
  color: #0f172a !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-copy small {
  color: #475569 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-tags span {
  max-width: 100% !important;
  padding: 5px 9px !important;
  border: 1px solid #d7e3f5 !important;
  border-radius: 7px !important;
  color: #344054 !important;
  background: #ffffff !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-action {
  align-self: center !important;
  justify-self: end !important;
  min-height: 40px !important;
  padding: 11px 16px !important;
  border: 1px solid var(--iwf-primary) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: var(--iwf-primary) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-detail-list {
  display: grid !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-detail-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  min-height: 68px !important;
  padding: 16px 18px !important;
  border-bottom: 1px solid var(--iwf-line-2) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-detail-row:last-child {
  border-bottom: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-detail-row span {
  color: #64748b !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-detail-row strong {
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-list {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 74px !important;
  padding: 12px !important;
  border: 1px solid var(--iwf-line) !important;
  border-radius: 8px !important;
  color: #0f172a !important;
  background: #ffffff !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card:hover {
  border-color: #8deaf5 !important;
  background: #f3fbfd !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
  color: var(--iwf-primary) !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card span:last-child {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card strong {
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card small {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-danger .iw-service-access-icon {
  color: #b42318 !important;
  background: #fff0ed !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 > .product-hook-panel,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 > .product-hook-panel:empty {
  display: none !important;
}

@media (max-width: 1100px) {
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-compact-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-card {
    grid-template-columns: 1fr !important;
    justify-items: start !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-action {
    justify-self: stretch !important;
    text-align: center !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-detail-row {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-detail-row strong {
    text-align: left !important;
  }
}

/* Service 2086 polish: white package block and richer access cards */
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-panel-head {
  min-height: 60px !important;
  padding: 19px 22px !important;
  color: #102235 !important;
  background: #ffffff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-card {
  border-color: #e4e9f0 !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(16, 24, 40, .06) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-copy strong {
  color: #102235 !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-kicker,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-package-tags span {
  border-color: #baeef7 !important;
  color: #0f4660 !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  background: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card {
  min-height: 92px !important;
  padding: 15px !important;
  border-width: 1px !important;
  box-shadow: 0 10px 24px rgba(16, 24, 40, .06) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-site {
  border-color: #baeef7 !important;
  background: linear-gradient(135deg, #ffffff 0%, #e7fbff 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-site .iw-service-access-icon {
  color: #0f4660 !important;
  background: #8deaf5 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-support {
  border-color: #b8f3dc !important;
  background: linear-gradient(135deg, #ffffff 0%, #e9f7f1 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-support .iw-service-access-icon {
  color: #ffffff !important;
  background: #16835f !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-extra {
  border-color: #ffe0a3 !important;
  background: linear-gradient(135deg, #ffffff 0%, #fff6e5 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-extra .iw-service-access-icon {
  color: #ffffff !important;
  background: #b76e00 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-danger {
  border-color: #ffd2cc !important;
  background: linear-gradient(135deg, #ffffff 0%, #fff0ed 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-danger .iw-service-access-icon {
  color: #ffffff !important;
  background: #b42318 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card strong {
  color: #102235 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card small {
  color: #607789 !important;
  font-size: 12.5px !important;
}

@media (max-width: 700px) {
  body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-list {
    grid-template-columns: 1fr !important;
  }
}

/* Invoice color completion */
body:not(.login-bg) .iw-inv-pay-card {
  overflow: hidden !important;
  border-color: #d9e5f0 !important;
}

body:not(.login-bg) .iw-inv-pay-total {
  background:
    radial-gradient(circle at 88% 0%, rgba(24, 169, 153, .32), transparent 34%),
    linear-gradient(135deg, #066c7b 0%, #0f4660 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-inv-pay-label,
body:not(.login-bg) .iw-inv-pay-amount,
body:not(.login-bg) .iw-inv-pay-amount.paid {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-inv-paid-stamp {
  border: 1px solid rgba(255, 255, 255, .28) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .16) !important;
}

body:not(.login-bg) .iw-inv-badge.paid,
body:not(.login-bg) .iw-inv-flash.success {
  border-color: #ccebdd !important;
  color: #16835f !important;
  background: #e9f7f1 !important;
}

body:not(.login-bg) .iw-inv-badge.unpaid,
body:not(.login-bg) .iw-inv-badge.collections,
body:not(.login-bg) .iw-inv-flash.danger {
  border-color: #ffd2cc !important;
  color: #b42318 !important;
  background: #fff0ed !important;
}

body:not(.login-bg) .iw-inv-badge.draft,
body:not(.login-bg) .iw-inv-badge.payment-pending,
body:not(.login-bg) .iw-inv-flash.info {
  border-color: #f4d7a6 !important;
  color: #b76e00 !important;
  background: #fff6e5 !important;
}

body:not(.login-bg) .iw-inv-badge.refunded {
  border-color: #d8e8fb !important;
  color: #066c7b !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .iw-inv-badge.cancelled {
  border-color: #d8dee8 !important;
  color: #667085 !important;
  background: #f3f6fa !important;
}

body:not(.login-bg) .iw-inv-table thead tr {
  background: linear-gradient(90deg, #e7fbff 0%, #e9f8f5 100%) !important;
}

body:not(.login-bg) .iw-inv-table th {
  color: #0f4660 !important;
}

body:not(.login-bg) .iw-inv-table tbody tr:hover {
  background: #f1fbfb !important;
}

body:not(.login-bg) .iw-inv-total-row td {
  color: #0f4660 !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .iw-inv-sub td {
  color: #667085 !important;
}

body:not(.login-bg) .iw-inv-amount {
  color: #0f4660 !important;
}

body:not(.login-bg) .iw-inv-tax-mark {
  color: #b42318 !important;
}

body:not(.login-bg) .iw-inv-gateway-select,
body:not(.login-bg) .iw-inv-credit-input {
  border-color: #d8e8fb !important;
  color: #172033 !important;
  background: #ffffff !important;
}

body:not(.login-bg) .iw-inv-gateway-select:focus,
body:not(.login-bg) .iw-inv-credit-input:focus {
  border-color: #066c7b !important;
  box-shadow: 0 0 0 4px rgba(6, 108, 123, .16) !important;
}

body:not(.login-bg) .iw-inv-pay-btn-wrap .btn,
body:not(.login-bg) .iw-inv-pay-btn-wrap form .btn,
body:not(.login-bg) .iw-inv-pay-btn-wrap input[type="submit"],
body:not(.login-bg) .iw-inv-pay-btn-wrap button[type="submit"],
body:not(.login-bg) .iw-inv-credit-btn {
  border-color: #066c7b !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #066c7b 0%, #18a999 100%) !important;
}

body:not(.login-bg) .iw-inv-pay-btn-wrap .btn:hover,
body:not(.login-bg) .iw-inv-pay-btn-wrap form .btn:hover,
body:not(.login-bg) .iw-inv-pay-btn-wrap input[type="submit"]:hover,
body:not(.login-bg) .iw-inv-pay-btn-wrap button[type="submit"]:hover,
body:not(.login-bg) .iw-inv-credit-btn:hover {
  border-color: #0f4660 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #0f4660 0%, #066c7b 100%) !important;
}

body:not(.login-bg) .iw-inv-action-link:hover {
  border-color: #bfe9e4 !important;
  color: #066c7b !important;
  background: #e9f8f5 !important;
}

body:not(.login-bg) .iw-inv-action-link:hover svg {
  color: #066c7b !important;
}

/* Invoice top buttons: dark finish */
body:not(.login-bg) .iw-inv-header .iw-page-actions .iw-btn-secondary {
  border-color: #0b2f2a !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #101418 0%, #0b3d35 100%) !important;
}

body:not(.login-bg) .iw-inv-header .iw-page-actions .iw-btn-secondary:hover {
  border-color: #06332d !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #0b3d35 0%, #05231f 100%) !important;
}

/* Palette normalization: keep older ClientX/custom blocks on the current brand colors. */
body:not(.login-bg) {
  --iw-primary: #066c7b;
  --iw-primary-dark: #0f4660;
  --iw-primary-light: #e7fbff;
  --iw-primary-lighter: #e9f8f5;
  --iw-primary-border: #e4e9f0;
  --iw-accent: #18a999;
  --iw-accent-soft: #e9f8f5;
  --iw-gray-bg: #f6f8fb;
  --iw-gray-bg-soft: #e7fbff;
  --iw-surface: #ffffff;
  --iw-gray-border: #e4e9f0;
  --iw-gray-divider: #e4e9f0;
  --iw-gray-dark: #101828;
  --iw-gray-darkest: #172033;
  --iw-gray-base: #667085;
  --iw-sidebar-a: #12213b;
  --iw-sidebar-b: #0d3157;
}

body:not(.login-bg) .iw-topbar,
body:not(.login-bg) .bg-primary,
body:not(.login-bg) .label-primary,
body:not(.login-bg) .badge-primary {
  background: var(--iwf-primary) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .text-success,
body:not(.login-bg) .iw-accent,
body:not(.login-bg) .iw-tile-icon.green {
  color: var(--iwf-accent) !important;
}

body:not(.login-bg) .iw-tnl-btn:hover,
body:not(.login-bg) .iw-tnl-btn.active,
body:not(.login-bg) .iw-tnl-sub-item.active,
body:not(.login-bg) .iw-tnl-sub-icon,
body:not(.login-bg) .sidebar-search,
body:not(.login-bg) .sidebar-welcome {
  border-color: var(--iwf-line) !important;
  background: var(--iwf-primary-soft) !important;
}

body:not(.login-bg) .iw-tnl-btn.active,
body:not(.login-bg) .iw-tnl-btn.active i:first-child,
body:not(.login-bg) .iw-tnl-btn.active .iw-tnl-caret,
body:not(.login-bg) .iw-tnl-btn:hover i:first-child,
body:not(.login-bg) .iw-tnl-sub-icon,
body:not(.login-bg) .sidebar-welcome strong {
  color: var(--iwf-primary) !important;
}

body:not(.login-bg) nav.iw-header,
body:not(.login-bg) nav.navbar.clientx,
body:not(.login-bg) nav.navbar.wgsheaderfromaddon,
body:not(.login-bg) .iw-tnl-dropdown,
body:not(.login-bg) .iw-tnl-sub-item:hover {
  border-color: var(--iwf-line) !important;
  background: var(--iwf-surface) !important;
}

body:not(.login-bg) .iw-tnl-btn,
body:not(.login-bg) .iw-tnl-sub-body strong,
body:not(.login-bg) .iw-tile-value,
body:not(.login-bg) .client-name,
body:not(.login-bg) .sidebar .panel-heading h5 {
  color: var(--iwf-ink) !important;
}

body:not(.login-bg) .iw-tnl-sub-item,
body:not(.login-bg) .iw-tnl-sub-body small,
body:not(.login-bg) .client-role {
  color: var(--iwf-muted) !important;
}

/* Sidebar footer action icons: restore SVG contrast and prevent clipped labels. */
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-actions {
  gap: 7px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-btn {
  min-height: 68px !important;
  padding: 8px 3px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-icon {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 10px !important;
  background: #e7fbff !important;
  color: #066c7b !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-notif .iw-action-icon {
  background: #e9f8f5 !important;
  color: #18a999 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-logout .iw-action-icon {
  background: rgba(255, 240, 237, .96) !important;
  color: #b42318 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-icon svg {
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-label {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 10.5px !important;
}

/* Main menu compact dark icon pass. */
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-body {
  padding: 9px 11px 13px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-list {
  gap: 7px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link {
  min-height: 52px !important;
  gap: 9px !important;
  padding: 7px 9px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 10px !important;
  background: #e7fbff !important;
  color: #172033 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box i,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box .fa,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box .fas,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box .far,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box .fab,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box svg,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-svg {
  color: #172033 !important;
  stroke: #172033 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link:hover .iw-icon-box,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link.active .iw-icon-box {
  background: #ffffff !important;
  color: #101828 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link:hover .iw-icon-box i,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link:hover .iw-icon-box svg,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link:hover .iw-nav-svg,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link.active .iw-icon-box i,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link.active .iw-icon-box svg,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link.active .iw-nav-svg {
  color: #101828 !important;
  stroke: #101828 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-label {
  font-size: 13px !important;
}

/* ClientX floating panels: hidden until opened by the header/sidebar buttons */
body:not(.login-bg) .menu-cart-clientx,
body:not(.login-bg) .menu-notification-clientx,
body:not(.login-bg) .menu-settings-clientx,
body:not(.login-bg) .menu-myaccount-clientx {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: 360px !important;
  max-width: calc(100vw - 18px) !important;
  min-width: 0 !important;
  height: 100vh !important;
  margin-right: 0 !important;
  transform: translateX(112%) !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  overflow: hidden !important;
  z-index: 9999 !important;
  transition: transform .24s ease, opacity .18s ease, visibility .18s ease !important;
}

body:not(.login-bg) .menu-cart-clientx.left-open-cart-sec,
body:not(.login-bg) .menu-notification-clientx.left-open-notification-sec,
body:not(.login-bg) .menu-settings-clientx.left-open-setting-sec,
body:not(.login-bg) .menu-myaccount-clientx.left-open-myaccount-sec {
  transform: translateX(0) !important;
  visibility: visible !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

body:not(.login-bg) .menu-settings-clientx {
  overflow-y: auto !important;
}

@media (max-width: 520px) {
  body:not(.login-bg) .menu-cart-clientx,
  body:not(.login-bg) .menu-notification-clientx,
  body:not(.login-bg) .menu-settings-clientx,
  body:not(.login-bg) .menu-myaccount-clientx {
    width: min(360px, calc(100vw - 12px)) !important;
  }
}

/* Product details 1598 and 2086: requested ImaginaWeb palette */
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 {
  --iwf-primary: #066c7b;
  --iwf-primary-dark: #0f4660;
  --iwf-primary-soft: #e7fbff;
  --iwf-accent: #18a999;
  --iwf-accent-soft: #e9f8f5;
  --iwf-bg: #f6f8fb;
  --iwf-surface: #ffffff;
  --iwf-line: #e4e9f0;
  --iwf-ink: #101828;
  --iwf-heading: #172033;
  --iwf-muted: #667085;
  --iwf-sidebar-a: #12213b;
  --iwf-sidebar-b: #0d3157;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-card,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-card,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-cards,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-feature-cards,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .tab-content,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .tab-content {
  border-color: var(--iwf-line) !important;
  background: var(--iwf-surface) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-hero {
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(24, 169, 153, .28), transparent 30%),
    linear-gradient(135deg, var(--iwf-sidebar-a) 0%, var(--iwf-sidebar-b) 56%, var(--iwf-primary-dark) 100%) !important;
  box-shadow: 0 20px 48px rgba(16, 24, 40, .13) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-hero *,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-hero * {
  color: rgba(255, 255, 255, .86) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-name,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-name,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-hero-stat-val,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-hero-stat-val {
  color: #ffffff !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-card,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-feature-card,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-product-object,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-access-card,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card {
  border-color: var(--iwf-line) !important;
  background: linear-gradient(135deg, #ffffff 0%, var(--iwf-primary-soft) 100%) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-card-val,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-feature-card-val,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-product-object-title,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-product-object-title,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-access-card strong,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card strong {
  color: var(--iwf-heading) !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-feature-card-name,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-feature-card-name,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-1598 .iw-service-access-card small,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-2086 .iw-service-access-card small {
  color: var(--iwf-muted) !important;
}

/* Home services-only view */
body:not(.login-bg) .iw-services-card {
  overflow: hidden !important;
  border-color: #e4e9f0 !important;
  background: #ffffff !important;
  box-shadow: 0 18px 42px rgba(16, 24, 40, .08) !important;
}

body:not(.login-bg) .iw-services-card .iw-home-card-head {
  background:
    radial-gradient(circle at 96% 0%, rgba(24, 169, 153, .22), transparent 32%),
    linear-gradient(135deg, #12213b 0%, #0d3157 58%, #0f4660 100%) !important;
}

body:not(.login-bg) .iw-services-card .iw-home-card-head h3,
body:not(.login-bg) .iw-services-card .iw-home-card-link,
body:not(.login-bg) .iw-services-card .iw-home-card-title {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-services-card .iw-home-card-icon {
  color: #0f4660 !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .iw-services-table thead tr {
  background: linear-gradient(90deg, #e7fbff 0%, #e9f8f5 100%) !important;
}

body:not(.login-bg) .iw-services-table th {
  color: #0f4660 !important;
}

body:not(.login-bg) .iw-services-table tbody tr:hover {
  background: #f1fbfb !important;
}

body:not(.login-bg) .iw-svc-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}

body:not(.login-bg) .iw-svc-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 8px !important;
  border: 1px solid transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(16, 24, 40, .08) !important;
}

body:not(.login-bg) .iw-svc-btn svg {
  width: 15px !important;
  height: 15px !important;
}

body:not(.login-bg) .iw-svc-btn-whm {
  border-color: #b8f3dc !important;
  color: #0f5132 !important;
  background: linear-gradient(135deg, #ecfdf5 0%, #b8f3dc 100%) !important;
}

body:not(.login-bg) .iw-svc-btn-cpanel {
  border-color: #baeef7 !important;
  color: #0f4660 !important;
  background: linear-gradient(135deg, #e7fbff 0%, #8deaf5 100%) !important;
}

body:not(.login-bg) .iw-svc-btn-webmail {
  border-color: #d6c9ff !important;
  color: #4c1d95 !important;
  background: linear-gradient(135deg, #f5f3ff 0%, #ddd6fe 100%) !important;
}

body:not(.login-bg) .iw-svc-btn-admin {
  border-color: #ffe0a3 !important;
  color: #7a4b00 !important;
  background: linear-gradient(135deg, #fff8eb 0%, #ffe0a3 100%) !important;
}

body:not(.login-bg) .iw-svc-btn:hover {
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

body:not(.login-bg) .iw-svc-btn-whm:hover {
  border-color: #16835f !important;
  background: linear-gradient(135deg, #16835f 0%, #0f6b4f 100%) !important;
}

body:not(.login-bg) .iw-svc-btn-cpanel:hover {
  border-color: #066c7b !important;
  background: linear-gradient(135deg, #066c7b 0%, #0f4660 100%) !important;
}

body:not(.login-bg) .iw-svc-btn-webmail:hover {
  border-color: #6d28d9 !important;
  background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%) !important;
}

body:not(.login-bg) .iw-svc-btn-admin:hover {
  border-color: #b76e00 !important;
  background: linear-gradient(135deg, #b76e00 0%, #8a5200 100%) !important;
}

/* Home hero mail illustration */
body:not(.login-bg) #iw-domain-hero.iw-dh2 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  align-items: center !important;
  min-height: 210px !important;
  padding: 22px 34px !important;
  gap: 28px !important;
  border: 1px solid rgba(125, 230, 243, .22) !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(34, 211, 238, .30), transparent 30%),
    radial-gradient(circle at 11% 78%, rgba(15, 70, 96, .50), transparent 34%),
    linear-gradient(135deg, #102842 0%, #0f4660 48%, #106b9f 100%) !important;
  box-shadow: 0 18px 42px rgba(7, 20, 39, .16) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-dots {
  opacity: .38 !important;
  background-image: radial-gradient(rgba(231, 251, 255, .35) 1px, transparent 1px) !important;
}

body:not(.login-bg) #iw-domain-hero *,
body:not(.login-bg) #iw-domain-hero .iw-dh2-trust-item,
body:not(.login-bg) #iw-domain-hero .iw-dh2-sep {
  color: rgba(231, 251, 255, .82) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-title,
body:not(.login-bg) #iw-domain-hero .iw-dh2-sub strong {
  color: #ffffff !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-sub {
  color: rgba(231, 251, 255, .84) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-badge {
  border-color: rgba(255, 255, 255, .24) !important;
  color: rgba(255, 255, 255, .92) !important;
  background: rgba(255, 255, 255, .14) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-badge i {
  color: #8deaf5 !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-chip {
  border-color: rgba(255, 255, 255, .18) !important;
  color: rgba(255, 255, 255, .90) !important;
  background: rgba(255, 255, 255, .13) !important;
  box-shadow: none !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-chip:hover {
  border-color: rgba(141, 234, 245, .48) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .20) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-input {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .96) !important;
  color: #071427 !important;
  box-shadow: 0 14px 34px rgba(7, 20, 39, .16) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-input::placeholder,
body:not(.login-bg) #iw-domain-hero .iw-dh2-lupa {
  color: rgba(15, 70, 96, .55) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-btn,
body:not(.login-bg) #iw-domain-hero .iw-dh2-btn *,
body:not(.login-bg) #iw-domain-hero .iw-dh2-btn svg {
  color: #062033 !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header {
  border: 1px solid #d8eef3 !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(141, 234, 245, .18), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7feff 100%) !important;
  box-shadow: 0 12px 28px rgba(15, 70, 96, .07) !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header *,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-subtitle {
  color: #667085 !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-title {
  color: #172033 !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-primary {
  color: #062033 !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-secondary {
  border-color: #d8eef3 !important;
  color: #066c7b !important;
  background: #ffffff !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-content {
  position: relative !important;
  z-index: 2 !important;
  max-width: 760px !important;
  min-width: 0 !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-right-empty {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  min-height: 210px !important;
  place-items: center !important;
  overflow: visible !important;
}

body:not(.login-bg) #iw-domain-hero .iw-home-mail-svg {
  width: min(356px, 100%) !important;
  max-width: 100% !important;
  margin: 0 !important;
  filter: drop-shadow(0 24px 38px rgba(0, 0, 0, .20)) !important;
  transform: translateX(8px) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-home-mail-svg svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-globe {
  display: none !important;
}

@media (max-width: 900px) {
  body:not(.login-bg) #iw-domain-hero.iw-dh2 {
    grid-template-columns: 1fr !important;
    padding: 20px 18px !important;
    gap: 14px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-right-empty {
    order: -1 !important;
    min-height: 152px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-home-mail-svg {
    width: min(260px, 82vw) !important;
    transform: none !important;
  }
}

/* User profile: ImaginaWeb palette */
body:not(.login-bg) .user-profile-main-page-section {
  min-height: auto !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body:not(.login-bg) .user-profile-main-page-section .message-box-theme {
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body:not(.login-bg) .card.user-profile-page,
body:not(.login-bg) .card.user-profile-page-second-view {
  margin: 0 0 18px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(16, 24, 40, .07) !important;
}

body:not(.login-bg) .card.user-profile-page .card-body,
body:not(.login-bg) .card.user-profile-page-second-view .card-body {
  padding: 24px !important;
}

body:not(.login-bg) .card.user-profile-page .card-body::before,
body:not(.login-bg) .card.user-profile-page-second-view .card-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: -24px -24px 22px !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid #e4e9f0 !important;
  color: #172033 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f6f8fb 100%) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

body:not(.login-bg) .card.user-profile-page .card-body::before {
  content: "Datos personales";
}

body:not(.login-bg) .card.user-profile-page .card-body::after,
body:not(.login-bg) .card.user-profile-page-second-view .card-title::before {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 8px !important;
  color: #066c7b !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .card.user-profile-page .card-body::after {
  content: "\f007";
  position: absolute !important;
  top: 15px !important;
  left: 24px !important;
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .card.user-profile-page .card-body {
  position: relative !important;
}

body:not(.login-bg) .card.user-profile-page .card-body::before {
  padding-left: 70px !important;
}

body:not(.login-bg) .card.user-profile-page-second-view .card-title::before {
  content: "\f0e0";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .user-profile-main-page-section form {
  margin: 0 !important;
}

body:not(.login-bg) .user-profile-main-page-section form .row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
}

body:not(.login-bg) .user-profile-main-page-section form .col-md-3,
body:not(.login-bg) .user-profile-main-page-section form .col-md-12 {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  float: none !important;
}

body:not(.login-bg) .user-profile-page-second-view form .col-md-3 {
  grid-column: 1 / -1 !important;
  max-width: 560px !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputText {
  position: static !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: #172033 !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  transform: none !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox .input {
  width: 100% !important;
  height: 46px !important;
  padding: 0 14px !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 8px !important;
  color: #101828 !important;
  background: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 46px !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox .input:focus {
  border-color: #066c7b !important;
  box-shadow: 0 0 0 4px rgba(6, 108, 123, .16) !important;
  outline: 0 !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox .input:disabled {
  color: #667085 !important;
  background: #f6f8fb !important;
  cursor: not-allowed !important;
}

body:not(.login-bg) .user-profile-main-page-section .bottom-footer-profile {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 8px 0 0 !important;
  padding: 18px 0 0 !important;
  border-top: 1px solid #e4e9f0 !important;
}

body:not(.login-bg) .user-profile-main-page-section .wgs_custom-btn,
body:not(.login-bg) .user-profile-main-page-section input[type="submit"].wgs_custom-btn {
  min-height: 42px !important;
  padding: 10px 18px !important;
  border: 1px solid #066c7b !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #066c7b 0%, #0f4660 100%) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .user-profile-main-page-section .wgs_custom-btn:hover,
body:not(.login-bg) .user-profile-main-page-section input[type="submit"].wgs_custom-btn:hover {
  border-color: #0f4660 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #0f4660 0%, #18a999 100%) !important;
}

body:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button,
body:not(.login-bg) .user-profile-main-page-section input[type="reset"].wgs_cancel_button {
  min-height: 42px !important;
  padding: 10px 18px !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 8px !important;
  color: #0f4660 !important;
  background: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button:hover,
body:not(.login-bg) .user-profile-main-page-section input[type="reset"].wgs_cancel_button:hover,
body:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button:focus {
  border-color: #bfe9e4 !important;
  color: #066c7b !important;
  background: #e9f8f5 !important;
}

body:not(.login-bg) .card.user-profile-page-second-view span.label,
body:not(.login-bg) .card.user-profile-page-second-view span.label.label-success,
body:not(.login-bg) .card.user-profile-page-second-view span.label.label-default {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  margin-left: 4px !important;
  padding: 4px 9px !important;
  border: 1px solid #bfe9e4 !important;
  border-radius: 999px !important;
  color: #066c7b !important;
  background: #e9f8f5 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

body:not(.login-bg) .iw-page-header .iw-btn-secondary,
body:not(.login-bg) .iw-page-header .iw-btn-affiliates {
  border-color: rgba(255, 255, 255, .22) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .12) !important;
}

body:not(.login-bg) .iw-page-header .iw-btn-secondary:hover,
body:not(.login-bg) .iw-page-header .iw-btn-affiliates:hover {
  border-color: rgba(255, 255, 255, .38) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .20) !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .card.user-profile-page .card-body,
  body:not(.login-bg) .card.user-profile-page-second-view .card-body {
    padding: 18px !important;
  }

  body:not(.login-bg) .card.user-profile-page .card-body::before,
  body:not(.login-bg) .card.user-profile-page-second-view .card-title {
    margin: -18px -18px 18px !important;
    padding: 16px 18px !important;
  }

  body:not(.login-bg) .card.user-profile-page .card-body::before {
    padding-left: 62px !important;
  }

  body:not(.login-bg) .card.user-profile-page .card-body::after {
    top: 14px !important;
    left: 18px !important;
  }

  body:not(.login-bg) .user-profile-main-page-section form .row {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .user-profile-main-page-section .bottom-footer-profile {
    flex-direction: column !important;
    align-items: stretch !important;
  }

body:not(.login-bg) .user-profile-main-page-section .bottom-footer-profile .btn {
    width: 100% !important;
  }
}

/* Final palette normalization: keep older ClientX/custom blocks on the current brand colors. */
body:not(.login-bg) {
  --iw-primary: #066c7b;
  --iw-primary-dark: #0f4660;
  --iw-primary-light: #e7fbff;
  --iw-primary-lighter: #e9f8f5;
  --iw-primary-border: #e4e9f0;
  --iw-accent: #18a999;
  --iw-accent-soft: #e9f8f5;
  --iw-gray-bg: #f6f8fb;
  --iw-gray-bg-soft: #e7fbff;
  --iw-surface: #ffffff;
  --iw-gray-border: #e4e9f0;
  --iw-gray-divider: #e4e9f0;
  --iw-gray-dark: #101828;
  --iw-gray-darkest: #172033;
  --iw-gray-base: #667085;
  --iw-sidebar-a: #12213b;
  --iw-sidebar-b: #0d3157;
}

body:not(.login-bg) .iw-topbar,
body:not(.login-bg) .bg-primary,
body:not(.login-bg) .label-primary,
body:not(.login-bg) .badge-primary {
  background: var(--iwf-primary) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .text-success,
body:not(.login-bg) .iw-accent,
body:not(.login-bg) .iw-tile-icon.green {
  color: var(--iwf-accent) !important;
}

body:not(.login-bg) .iw-tnl-btn:hover,
body:not(.login-bg) .iw-tnl-btn.active,
body:not(.login-bg) .iw-tnl-sub-item.active,
body:not(.login-bg) .iw-tnl-sub-icon,
body:not(.login-bg) .sidebar-search,
body:not(.login-bg) .sidebar-welcome {
  border-color: var(--iwf-line) !important;
  background: var(--iwf-primary-soft) !important;
}

body:not(.login-bg) .iw-tnl-btn.active,
body:not(.login-bg) .iw-tnl-btn.active i:first-child,
body:not(.login-bg) .iw-tnl-btn.active .iw-tnl-caret,
body:not(.login-bg) .iw-tnl-btn:hover i:first-child,
body:not(.login-bg) .iw-tnl-sub-icon,
body:not(.login-bg) .sidebar-welcome strong {
  color: var(--iwf-primary) !important;
}

body:not(.login-bg) nav.iw-header,
body:not(.login-bg) nav.navbar.clientx,
body:not(.login-bg) nav.navbar.wgsheaderfromaddon,
body:not(.login-bg) .iw-tnl-dropdown,
body:not(.login-bg) .iw-tnl-sub-item:hover {
  border-color: var(--iwf-line) !important;
  background: var(--iwf-surface) !important;
}

body:not(.login-bg) .iw-tnl-btn,
body:not(.login-bg) .iw-tnl-sub-body strong,
body:not(.login-bg) .iw-tile-value,
body:not(.login-bg) .client-name,
body:not(.login-bg) .sidebar .panel-heading h5 {
  color: var(--iwf-ink) !important;
}

body:not(.login-bg) .iw-tnl-sub-item,
body:not(.login-bg) .iw-tnl-sub-body small,
body:not(.login-bg) .client-role {
  color: var(--iwf-muted) !important;
}

/* Hosting service hero: 330px unified card and requested palette */
body:not(.login-bg) {
  --iwf-primary: #066c7b;
  --iwf-primary-dark: #0f4660;
  --iwf-primary-soft: #e7fbff;
  --iwf-accent: #18a999;
  --iwf-accent-soft: #e9f8f5;
  --iwf-bg: #f6f8fb;
  --iwf-surface: #ffffff;
  --iwf-line: #e4e9f0;
  --iwf-ink: #101828;
  --iwf-heading: #172033;
  --iwf-muted: #667085;
  --iwf-sidebar-a: #12213b;
  --iwf-sidebar-b: #0d3157;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"],
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"],
body:not(.login-bg) .theme-client-service-detail-page .iw-service-hero-v2[data-service-type="hostingaccount"],
body:not(.login-bg) .theme-client-service-detail-page .iw-service-hero-v2[data-service-type="reselleraccount"] {
  height: 330px !important;
  min-height: 330px !important;
  max-height: 330px !important;
  width: 100% !important;
  padding: 24px 26px !important;
  border: 1px solid rgba(228, 233, 240, .24) !important;
  border-radius: 16px !important;
  display: grid !important;
  grid-template-rows: auto auto 1fr !important;
  align-content: stretch !important;
  gap: 14px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(24, 169, 153, .30), transparent 32%),
    linear-gradient(135deg, #12213b 0%, #0d3157 58%, #0f4660 100%) !important;
  box-shadow: 0 18px 42px rgba(16, 24, 40, .14) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"]::before,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"]::after,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"]::before,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"]::after {
  display: none !important;
  content: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] *,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] * {
  color: rgba(255, 255, 255, .84) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-service-name,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-service-name {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-top,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-top {
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: center !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-service-icon-wrap,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-service-icon-wrap {
  width: 62px !important;
  height: 62px !important;
  border-color: rgba(231, 251, 255, .28) !important;
  color: #e7fbff !important;
  background: rgba(231, 251, 255, .12) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-stats,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-stat,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-stat {
  min-height: 66px !important;
  padding: 10px 12px !important;
  border: 1px solid rgba(231, 251, 255, .18) !important;
  border-radius: 10px !important;
  background: rgba(231, 251, 255, .08) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .estilo-del-producto__usage,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .estilo-del-producto__usage {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-actions,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-actions {
  align-self: end !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-btn,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-btn {
  min-height: 38px !important;
  border-radius: 8px !important;
  border-color: rgba(231, 251, 255, .24) !important;
  color: #ffffff !important;
  background: rgba(231, 251, 255, .12) !important;
}

body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-btn--primary,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-btn--primary,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-btn--success,
body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-btn--success {
  border-color: #18a999 !important;
  background: linear-gradient(135deg, #066c7b 0%, #18a999 100%) !important;
}

@media (max-width: 900px) {
  body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"],
  body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] {
    height: 330px !important;
    min-height: 330px !important;
    padding: 20px !important;
  }

  body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="hostingaccount"] .iw-hero-stats,
  body:not(.login-bg) .theme-client-service-detail-page .estilo-del-producto[data-service-type="reselleraccount"] .iw-hero-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Last palette pass. */
body:not(.login-bg) {
  --iw-primary: #066c7b;
  --iw-primary-dark: #0f4660;
  --iw-primary-light: #e7fbff;
  --iw-primary-lighter: #e9f8f5;
  --iw-primary-border: #e4e9f0;
  --iw-accent: #18a999;
  --iw-accent-soft: #e9f8f5;
  --iw-gray-bg: #f6f8fb;
  --iw-gray-bg-soft: #e7fbff;
  --iw-surface: #ffffff;
  --iw-gray-border: #e4e9f0;
  --iw-gray-divider: #e4e9f0;
  --iw-gray-dark: #101828;
  --iw-gray-darkest: #172033;
  --iw-gray-base: #667085;
  --iw-sidebar-a: #12213b;
  --iw-sidebar-b: #0d3157;
}

body:not(.login-bg) .iw-topbar,
body:not(.login-bg) .bg-primary,
body:not(.login-bg) .label-primary,
body:not(.login-bg) .badge-primary {
  background: var(--iwf-primary) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-tnl-btn:hover,
body:not(.login-bg) .iw-tnl-btn.active,
body:not(.login-bg) .iw-tnl-sub-item.active,
body:not(.login-bg) .iw-tnl-sub-icon,
body:not(.login-bg) .sidebar-search,
body:not(.login-bg) .sidebar-welcome {
  border-color: var(--iwf-line) !important;
  background: var(--iwf-primary-soft) !important;
}

body:not(.login-bg) .iw-tnl-btn.active,
body:not(.login-bg) .iw-tnl-btn.active i:first-child,
body:not(.login-bg) .iw-tnl-btn.active .iw-tnl-caret,
body:not(.login-bg) .iw-tnl-btn:hover i:first-child,
body:not(.login-bg) .iw-tnl-sub-icon,
body:not(.login-bg) .sidebar-welcome strong {
  color: var(--iwf-primary) !important;
}

body:not(.login-bg) nav.iw-header,
body:not(.login-bg) nav.navbar.clientx,
body:not(.login-bg) nav.navbar.wgsheaderfromaddon,
body:not(.login-bg) .iw-tnl-dropdown,
body:not(.login-bg) .iw-tnl-sub-item:hover {
  border-color: var(--iwf-line) !important;
  background: var(--iwf-surface) !important;
}

body:not(.login-bg) .iw-tnl-btn,
body:not(.login-bg) .iw-tnl-sub-body strong,
body:not(.login-bg) .iw-tile-value,
body:not(.login-bg) .client-name,
body:not(.login-bg) .sidebar .panel-heading h5 {
  color: var(--iwf-ink) !important;
}

body:not(.login-bg) .iw-tnl-sub-item,
body:not(.login-bg) .iw-tnl-sub-body small,
body:not(.login-bg) .client-role {
  color: var(--iwf-muted) !important;
}

/* Login logo and dashboard mail object refinements */
body.login-bg .iw-login-logo {
  margin-bottom: 32px !important;
}

body.login-bg .iw-login-logo img {
  width: 230px !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 64px !important;
  object-fit: contain !important;
  filter: none !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail {
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  transform: translate(-10px, -12px) !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail-main {
  min-height: 108px !important;
  padding: 15px 12px 13px !important;
}

body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail-grid {
  justify-items: center !important;
}

@media (max-width: 1180px) {
  body:not(.login-bg) #iw-domain-hero.iw-dh2 {
    grid-template-columns: minmax(0, 1.04fr) minmax(250px, .96fr) !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-login-mail {
    display: none !important;
  }
}

@media (max-width: 820px) {
  body:not(.login-bg) #iw-domain-hero.iw-dh2 {
    grid-template-columns: 1fr !important;
    padding: 22px 16px !important;
    gap: 18px !important;
    text-align: center !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-content {
    max-width: 100% !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-object {
    order: -1 !important;
    width: 100% !important;
    max-width: 230px !important;
    height: 138px !important;
    margin: 0 auto 2px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-card {
    width: 154px !important;
    min-height: 116px !important;
    padding: 16px 14px !important;
    border-radius: 22px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-icon {
    width: 48px !important;
    height: 48px !important;
    margin-bottom: 9px !important;
    border-radius: 15px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-left-mail-tag {
    right: 4px !important;
    bottom: 16px !important;
    padding: 8px 10px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-title {
    font-size: 22px !important;
    line-height: 1.18 !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
}

@media (max-width: 560px) {
  body.login-bg .iw-login-logo img {
    width: 204px !important;
    max-height: 58px !important;
  }

  body:not(.login-bg) #iw-domain-hero.iw-dh2 {
    padding: 20px 14px !important;
    border-radius: 14px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-chips {
    justify-content: center !important;
  }
}

/* Final sidebar footer icon fix. */
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-actions {
  gap: 7px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-btn {
  min-height: 64px !important;
  padding: 6px 3px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-icon {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 10px !important;
  background: #e7fbff !important;
  color: #066c7b !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-notif .iw-action-icon {
  background: #e9f8f5 !important;
  color: #18a999 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-logout .iw-action-icon {
  background: rgba(255, 240, 237, .96) !important;
  color: #b42318 !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-icon svg {
  width: 17px !important;
  height: 17px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-label {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: 10.5px !important;
}


/* Footer quick actions: darken only the three action icons. */
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-cart .iw-action-icon,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-notif .iw-action-icon,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-logout .iw-action-icon,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-cart .iw-action-icon *,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-notif .iw-action-icon *,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-action-logout .iw-action-icon * {
  color: #0f2a3d !important;
  stroke: #0f2a3d !important;
}

/* Support ticket submit: Imagina palette */
body:not(.login-bg) .iw-ticket-submit-header {
  background: linear-gradient(135deg, #12213b 0%, #0f4660 52%, #066c7b 100%) !important;
  border: 1px solid rgba(228, 233, 240, .18) !important;
  box-shadow: 0 18px 45px rgba(18, 33, 59, .18) !important;
}

body:not(.login-bg) .iw-ticket-submit-header .iw-page-title,
body:not(.login-bg) .iw-ticket-submit-header h1,
body:not(.login-bg) .iw-ticket-submit-header h2,
body:not(.login-bg) .iw-ticket-submit-header .breadcrumb,
body:not(.login-bg) .iw-ticket-submit-header .breadcrumb a,
body:not(.login-bg) .iw-ticket-submit-header .iw-page-subtitle {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-ticket-submit-header .breadcrumb li,
body:not(.login-bg) .iw-ticket-submit-header .breadcrumb li:before {
  color: rgba(255, 255, 255, .74) !important;
}

body:not(.login-bg) .iw-ticket-submit-header .btn,
body:not(.login-bg) .iw-ticket-submit-header a.btn {
  background: rgba(255, 255, 255, .12) !important;
  border-color: rgba(255, 255, 255, .28) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .theme-open-ticket-page {
  background: #f6f8fb !important;
  color: #101828 !important;
}

body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar {
  background: #ffffff !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 42px rgba(16, 24, 40, .08) !important;
  padding: 22px !important;
  margin-bottom: 24px !important;
}

body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar label,
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .title,
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .field-label,
body:not(.login-bg) .theme-open-ticket-page .form-title,
body:not(.login-bg) .theme-open-ticket-page .control-label,
body:not(.login-bg) .theme-open-ticket-page label {
  color: #172033 !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .theme-open-ticket-page .custom-select-box-drop,
body:not(.login-bg) .theme-open-ticket-page select.form-control,
body:not(.login-bg) .theme-open-ticket-page .form-control,
body:not(.login-bg) .theme-open-ticket-page .inputBox,
body:not(.login-bg) .theme-open-ticket-page input[type="text"],
body:not(.login-bg) .theme-open-ticket-page input[type="email"],
body:not(.login-bg) .theme-open-ticket-page textarea,
body:not(.login-bg) .theme-open-ticket-page textarea.markdown-editor {
  background: #ffffff !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 12px !important;
  color: #101828 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .theme-open-ticket-page .custom-select-box-drop:focus,
body:not(.login-bg) .theme-open-ticket-page select.form-control:focus,
body:not(.login-bg) .theme-open-ticket-page .form-control:focus,
body:not(.login-bg) .theme-open-ticket-page .inputBox:focus,
body:not(.login-bg) .theme-open-ticket-page input:focus,
body:not(.login-bg) .theme-open-ticket-page textarea:focus {
  border-color: #18a999 !important;
  box-shadow: 0 0 0 4px rgba(24, 169, 153, .14) !important;
  outline: none !important;
}

body:not(.login-bg) .theme-open-ticket-page .service-dept-section,
body:not(.login-bg) .theme-open-ticket-page .related-service-section,
body:not(.login-bg) .theme-open-ticket-page .priority-section {
  background: #e7fbff !important;
  border: 1px solid #d7f3f8 !important;
  border-radius: 14px !important;
  padding: 14px !important;
}

body:not(.login-bg) .theme-open-ticket-page .card.submit-ticket-inner-section,
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-inner-section {
  background: #ffffff !important;
  border: 1px solid #e4e9f0 !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 48px rgba(16, 24, 40, .09) !important;
  padding: 28px !important;
}

body:not(.login-bg) .theme-open-ticket-page .submit-ticket-inner-section .form-title {
  color: #0f4660 !important;
  font-size: 20px !important;
  letter-spacing: 0 !important;
  margin-bottom: 18px !important;
}

body:not(.login-bg) .theme-open-ticket-page .input-group-addon,
body:not(.login-bg) .theme-open-ticket-page .input-group-text {
  background: #e9f8f5 !important;
  border-color: #e4e9f0 !important;
  color: #066c7b !important;
}

body:not(.login-bg) .theme-open-ticket-page .markdown-editor-status,
body:not(.login-bg) .theme-open-ticket-page .text-muted,
body:not(.login-bg) .theme-open-ticket-page .help-block,
body:not(.login-bg) .theme-open-ticket-page small {
  color: #667085 !important;
}

body:not(.login-bg) .theme-open-ticket-page .attachments-list,
body:not(.login-bg) .theme-open-ticket-page .ticket-attachments,
body:not(.login-bg) .theme-open-ticket-page .ticket-reply-attachments {
  background: #e9f8f5 !important;
  border: 1px dashed rgba(6, 108, 123, .35) !important;
  border-radius: 14px !important;
}

body:not(.login-bg) .theme-open-ticket-page .btn-primary,
body:not(.login-bg) .theme-open-ticket-page button[type="submit"],
body:not(.login-bg) .theme-open-ticket-page input[type="submit"] {
  background: #066c7b !important;
  border-color: #066c7b !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  font-weight: 800 !important;
  box-shadow: 0 12px 24px rgba(6, 108, 123, .22) !important;
}

body:not(.login-bg) .theme-open-ticket-page .btn-primary:hover,
body:not(.login-bg) .theme-open-ticket-page button[type="submit"]:hover,
body:not(.login-bg) .theme-open-ticket-page input[type="submit"]:hover {
  background: #0f4660 !important;
  border-color: #0f4660 !important;
}

body:not(.login-bg) .theme-open-ticket-page .btn-default,
body:not(.login-bg) .theme-open-ticket-page .btn-secondary,
body:not(.login-bg) .theme-open-ticket-page a.btn:not(.btn-primary) {
  background: #ffffff !important;
  border-color: #e4e9f0 !important;
  color: #0f4660 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
}

body:not(.login-bg) .theme-open-ticket-page .btn-default:hover,
body:not(.login-bg) .theme-open-ticket-page .btn-secondary:hover,
body:not(.login-bg) .theme-open-ticket-page a.btn:not(.btn-primary):hover {
  background: #e7fbff !important;
  border-color: #18a999 !important;
  color: #066c7b !important;
}

@media (max-width: 768px) {
  body:not(.login-bg) .iw-ticket-submit-header {
    border-radius: 0 0 18px 18px !important;
    padding: 20px 16px !important;
  }

  body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar,
  body:not(.login-bg) .theme-open-ticket-page .card.submit-ticket-inner-section,
  body:not(.login-bg) .theme-open-ticket-page .submit-ticket-inner-section {
    border-radius: 14px !important;
    padding: 16px !important;
  }

  body:not(.login-bg) .theme-open-ticket-page .service-dept-section,
  body:not(.login-bg) .theme-open-ticket-page .related-service-section,
  body:not(.login-bg) .theme-open-ticket-page .priority-section {
    margin-bottom: 12px !important;
    width: 100% !important;
  }

  body:not(.login-bg) .theme-open-ticket-page .btn,
  body:not(.login-bg) .theme-open-ticket-page button,
  body:not(.login-bg) .theme-open-ticket-page input[type="submit"] {
    min-height: 44px !important;
    white-space: normal !important;
  }
}

/* Home services panel: cPanel, WHM and Webmail buttons only. */
body:not(.login-bg) .iw-home-panel-actions-cell {
  min-width: 260px !important;
}

body:not(.login-bg) .iw-home-panel-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

body:not(.login-bg) .iw-home-panel-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border-radius: 10px !important;
  border: 1px solid transparent !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

body:not(.login-bg) .iw-home-panel-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 24px rgba(15, 23, 42, .13) !important;
  filter: saturate(1.05) !important;
}

body:not(.login-bg) .iw-home-panel-btn-icon {
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, .86) !important;
  color: currentColor !important;
  flex: 0 0 22px !important;
}

body:not(.login-bg) .iw-home-panel-btn-cpanel {
  background: #0f766e !important;
  border-color: #0d9488 !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-home-panel-btn-whm {
  background: #4338ca !important;
  border-color: #6366f1 !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-home-panel-btn-webmail {
  background: #b45309 !important;
  border-color: #f59e0b !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-home-panel-btn i {
  font-size: 11px !important;
  color: currentColor !important;
}

@media (max-width: 991px) {
  body:not(.login-bg) .iw-home-panel-actions-cell {
    min-width: 0 !important;
  }

  body:not(.login-bg) .iw-home-panel-actions {
    justify-content: flex-start !important;
  }
}

/* IW services dashboard final redesign - 2026-05-16 */
body:not(.login-bg) .iw-services-card {
  border: 1px solid #e4e9f0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 18px 46px rgba(16, 24, 40, .08) !important;
}
body:not(.login-bg) .iw-services-card .iw-home-card-head {
  background: linear-gradient(135deg, #f8fbff 0%, #eef8ff 100%) !important;
  border-bottom: 1px solid #e4e9f0 !important;
}
body:not(.login-bg) .iw-services-card .iw-home-card-title h3 {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}
body:not(.login-bg) .iw-services-body {
  padding: 14px !important;
  overflow-x: auto !important;
}
body:not(.login-bg) .iw-services-table {
  width: 100% !important;
  min-width: 920px !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}
body:not(.login-bg) .iw-services-table thead th {
  padding: 0 14px 6px !important;
  color: #667085 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  border: 0 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-services-table tbody tr {
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(16, 24, 40, .06) !important;
}
body:not(.login-bg) .iw-services-table tbody tr:hover {
  background: #fbfdff !important;
  box-shadow: 0 16px 34px rgba(16, 24, 40, .10) !important;
}
body:not(.login-bg) .iw-services-table tbody td {
  padding: 14px !important;
  border-top: 1px solid #edf1f6 !important;
  border-bottom: 1px solid #edf1f6 !important;
  vertical-align: middle !important;
}
body:not(.login-bg) .iw-services-table tbody td:first-child {
  border-left: 1px solid #edf1f6 !important;
  border-radius: 14px 0 0 14px !important;
}
body:not(.login-bg) .iw-services-table tbody td:last-child {
  border-right: 1px solid #edf1f6 !important;
  border-radius: 0 14px 14px 0 !important;
}
body:not(.login-bg) .iw-svc-name {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 280px !important;
}
body:not(.login-bg) .iw-service-clean-icon {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 42px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #066c7b, #18a999) !important;
}
body:not(.login-bg) .iw-service-clean-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 3px !important;
}
body:not(.login-bg) .iw-service-clean-info strong {
  color: #101828 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}
body:not(.login-bg) .iw-svc-domain {
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-svc-price,
body:not(.login-bg) .iw-svc-due {
  color: #344054 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: #e9f8f5 !important;
  color: #066c7b !important;
  border: 1px solid rgba(24,169,153,.25) !important;
}
body:not(.login-bg) .iw-status-suspended {
  background: #fff4e5 !important;
  color: #b45309 !important;
  border-color: rgba(245, 158, 11, .32) !important;
}
body:not(.login-bg) .iw-svc-actions-cell {
  min-width: 330px !important;
}
body:not(.login-bg) .iw-home-panel-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}
body:not(.login-bg) .iw-home-panel-btn {
  min-height: 32px !important;
  padding: 7px 9px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-services-cta-footer {
  background: #f8fafc !important;
}
@media (max-width: 991px) {
  body:not(.login-bg) .iw-services-table {
    min-width: 760px !important;
  }
  body:not(.login-bg) .iw-svc-actions-cell {
    min-width: 280px !important;
  }
  body:not(.login-bg) .iw-home-panel-btn-label {
    display: none !important;
  }
}

/* IW services active cards match Servicios tile - 2026-05-16 */
body:not(.login-bg) .iw-services-card {
  border: 1px solid #dbeafe !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 18px 46px rgba(29, 78, 216, .10) !important;
}
body:not(.login-bg) .iw-services-card .iw-home-card-head {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  border-bottom: 1px solid #bfdbfe !important;
}
body:not(.login-bg) .iw-services-card .iw-home-card-icon.blue {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}
body:not(.login-bg) .iw-services-card .iw-home-card-title h3 {
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #0f172a !important;
}
body:not(.login-bg) .iw-services-card .iw-home-card-link {
  color: #1d4ed8 !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-services-body {
  padding: 16px !important;
  overflow-x: auto !important;
  background: #f8fbff !important;
}
body:not(.login-bg) .iw-services-table {
  width: 100% !important;
  min-width: 920px !important;
  border-collapse: separate !important;
  border-spacing: 0 12px !important;
}
body:not(.login-bg) .iw-services-table thead { display: none !important; }
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row {
  position: relative !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(29, 78, 216, .08) !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 10px !important;
  bottom: 10px !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: #1d4ed8 !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 18px 38px rgba(29, 78, 216, .14) !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td {
  padding: 15px 14px !important;
  border-top: 1px solid #dbeafe !important;
  border-bottom: 1px solid #dbeafe !important;
  vertical-align: middle !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td:first-child {
  border-left: 1px solid #dbeafe !important;
  border-radius: 16px 0 0 16px !important;
  padding-left: 18px !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td:last-child {
  border-right: 1px solid #dbeafe !important;
  border-radius: 0 16px 16px 0 !important;
}
body:not(.login-bg) .iw-svc-name {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 300px !important;
}
body:not(.login-bg) .iw-service-clean-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 48px !important;
  color: #1d4ed8 !important;
  background: #dbeafe !important;
  box-shadow: inset 0 0 0 1px #bfdbfe !important;
}
body:not(.login-bg) .iw-service-clean-info {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 4px !important;
}
body:not(.login-bg) .iw-service-clean-info strong {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) .iw-svc-domain {
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
}
body:not(.login-bg) .iw-svc-price,
body:not(.login-bg) .iw-svc-due {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: #dcfce7 !important;
  color: #15803d !important;
  border: 1px solid #bbf7d0 !important;
}
body:not(.login-bg) .iw-status-suspended {
  background: #fee2e2 !important;
  color: #dc2626 !important;
  border-color: #fecaca !important;
}
body:not(.login-bg) .iw-svc-actions-cell { min-width: 330px !important; }
body:not(.login-bg) .iw-home-panel-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
}
body:not(.login-bg) .iw-home-panel-btn {
  min-height: 34px !important;
  padding: 7px 10px !important;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-home-panel-btn-admin {
  background: #1d4ed8 !important;
  border-color: #2563eb !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-services-cta-footer {
  background: #eff6ff !important;
  border-top: 1px solid #dbeafe !important;
}
body:not(.login-bg) .iw-services-new-btn {
  background: #1d4ed8 !important;
  color: #ffffff !important;
  border-color: #2563eb !important;
}
@media (max-width: 991px) {
  body:not(.login-bg) .iw-services-table { min-width: 760px !important; }
  body:not(.login-bg) .iw-svc-actions-cell { min-width: 280px !important; }
  body:not(.login-bg) .iw-home-panel-btn-label { display: none !important; }
}

/* IW services active single table - 2026-05-16 */
body:not(.login-bg) .iw-services-card {
  border: 1px solid #dbeafe !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 16px 42px rgba(29, 78, 216, .09) !important;
}
body:not(.login-bg) .iw-services-card .iw-home-card-head {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
  border-bottom: 1px solid #bfdbfe !important;
}
body:not(.login-bg) .iw-services-body {
  padding: 0 !important;
  background: #ffffff !important;
  overflow-x: auto !important;
}
body:not(.login-bg) .iw-services-table {
  width: 100% !important;
  min-width: 960px !important;
  margin: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
}
body:not(.login-bg) .iw-services-table thead {
  display: table-header-group !important;
}
body:not(.login-bg) .iw-services-table thead tr {
  background: #f8fbff !important;
}
body:not(.login-bg) .iw-services-table thead th {
  padding: 13px 16px !important;
  border-bottom: 1px solid #dbeafe !important;
  color: #1e3a8a !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row:hover {
  position: static !important;
  transform: none !important;
  background: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row:nth-child(even) {
  background: #fbfdff !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row::before {
  display: none !important;
  content: none !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row:hover td {
  background: #eff6ff !important;
}
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td:first-child,
body:not(.login-bg) .iw-services-table tbody tr.iw-service-clean-row td:last-child {
  padding: 13px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8f0ff !important;
  border-radius: 0 !important;
  vertical-align: middle !important;
  background: transparent !important;
}
body:not(.login-bg) .iw-services-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
body:not(.login-bg) .iw-svc-name {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 300px !important;
}
body:not(.login-bg) .iw-service-clean-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
  color: #1d4ed8 !important;
  background: #dbeafe !important;
  box-shadow: inset 0 0 0 1px #bfdbfe !important;
}
body:not(.login-bg) .iw-service-clean-info strong {
  color: #0f172a !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
body:not(.login-bg) .iw-svc-domain {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
body:not(.login-bg) .iw-svc-price,
body:not(.login-bg) .iw-svc-due {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-status-badge {
  min-height: 26px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-svc-actions-cell {
  min-width: 315px !important;
}
body:not(.login-bg) .iw-home-panel-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}
body:not(.login-bg) .iw-home-panel-btn {
  min-height: 31px !important;
  padding: 6px 8px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-home-panel-btn-icon {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
}
body:not(.login-bg) .iw-services-cta-footer {
  background: #f8fbff !important;
  border-top: 1px solid #dbeafe !important;
}
@media (max-width: 991px) {
  body:not(.login-bg) .iw-services-table { min-width: 780px !important; }
  body:not(.login-bg) .iw-svc-actions-cell { min-width: 250px !important; }
  body:not(.login-bg) .iw-home-panel-btn-label { display: none !important; }
}

/* IW ticket area presentation - 2026-05-17 */
body:not(.login-bg) .iw-ticket-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
  margin: 0 0 24px !important;
  padding: 32px !important;
  border: 1px solid #bfe8ef !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(34, 211, 238, .24), transparent 28%),
    linear-gradient(135deg, #f8feff 0%, #e7fbff 52%, #eefbfa 100%) !important;
  color: #0f2745 !important;
  box-shadow: 0 18px 42px rgba(15, 70, 96, .10) !important;
  overflow: hidden !important;
}
body:not(.login-bg) .iw-ticket-breadcrumb,
body:not(.login-bg) .iw-ticket-breadcrumb a,
body:not(.login-bg) .iw-ticket-breadcrumb span {
  color: #426275 !important;
}
body:not(.login-bg) .iw-ticket-kicker,
body:not(.login-bg) .iw-ticket-guide-head span,
body:not(.login-bg) .iw-ticket-section-title span {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}
body:not(.login-bg) .iw-ticket-kicker {
  margin-top: 12px !important;
  background: #ffffff !important;
  border: 1px solid #bfe8ef !important;
  color: #066c7b !important;
}
body:not(.login-bg) .iw-ticket-hero h1 {
  max-width: 760px !important;
  margin: 16px 0 12px !important;
  color: #0f2745 !important;
  font-size: 38px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
body:not(.login-bg) .iw-ticket-hero p {
  max-width: 720px !important;
  margin: 0 !important;
  color: #426275 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
body:not(.login-bg) .iw-ticket-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 22px !important;
}
body:not(.login-bg) .iw-ticket-primary,
body:not(.login-bg) .iw-ticket-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
body:not(.login-bg) .iw-ticket-primary {
  background: #066c7b !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-ticket-secondary {
  background: #ffffff !important;
  border: 1px solid #bfe8ef !important;
  color: #066c7b !important;
}
body:not(.login-bg) .iw-ticket-hero-media {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 16px !important;
  min-height: 230px !important;
  padding: 24px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1px solid #d7f1f7 !important;
}
body:not(.login-bg) .iw-ticket-hero-media img {
  width: 94px !important;
  height: 94px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 22px rgba(15,70,96,.14)) !important;
}
body:not(.login-bg) .iw-ticket-hero-media strong {
  display: block !important;
  color: #0f2745 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-ticket-hero-media span {
  display: block !important;
  margin-top: 6px !important;
  color: #426275 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}
body:not(.login-bg) .iw-ticket-guide,
body:not(.login-bg) .iw-ticket-area-wrap {
  margin-bottom: 24px !important;
  padding: 24px !important;
  border: 1px solid #dbeafe !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important;
}
body:not(.login-bg) .iw-ticket-guide-head,
body:not(.login-bg) .iw-ticket-section-title {
  margin-bottom: 18px !important;
}
body:not(.login-bg) .iw-ticket-guide-head span,
body:not(.login-bg) .iw-ticket-section-title span {
  background: #ecfeff !important;
  color: #0f766e !important;
}
body:not(.login-bg) .iw-ticket-guide h2,
body:not(.login-bg) .iw-ticket-area-wrap h2 {
  margin: 10px 0 0 !important;
  color: #0f172a !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
body:not(.login-bg) .iw-ticket-guide-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body:not(.login-bg) .iw-ticket-guide-steps div {
  min-height: 130px !important;
  padding: 18px !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}
body:not(.login-bg) .iw-ticket-guide-steps strong {
  display: block !important;
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-ticket-guide-steps p {
  margin: 8px 0 0 !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
body:not(.login-bg) .iw-ticket-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
body:not(.login-bg) .iw-ticket-area-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 260px !important;
  padding: 20px !important;
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, .07) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
body:not(.login-bg) .iw-ticket-area-card:hover {
  transform: translateY(-3px) !important;
  border-color: #38bdf8 !important;
  box-shadow: 0 18px 38px rgba(15, 23, 42, .13) !important;
}
body:not(.login-bg) .iw-ticket-card-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 15px !important;
  margin-bottom: 16px !important;
  background: #eef2ff !important;
}
body:not(.login-bg) .iw-ticket-card-icon img {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain !important;
}
body:not(.login-bg) .iw-ticket-card-copy {
  display: block !important;
  min-height: 130px !important;
}
body:not(.login-bg) .iw-ticket-card-copy strong {
  display: block !important;
  color: #0f172a !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-ticket-card-copy small {
  display: block !important;
  margin-top: 9px !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}
body:not(.login-bg) .iw-ticket-card-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 40px !important;
  margin-top: auto !important;
  border-radius: 10px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-ticket-card-tech .iw-ticket-card-icon { background: #dbeafe !important; }
body:not(.login-bg) .iw-ticket-card-billing .iw-ticket-card-icon { background: #dcfce7 !important; }
body:not(.login-bg) .iw-ticket-card-sales .iw-ticket-card-icon { background: #fef3c7 !important; }
body:not(.login-bg) .iw-ticket-card-general .iw-ticket-card-icon { background: #ccfbf1 !important; }
body:not(.login-bg) .iw-ticket-empty {
  grid-column: 1 / -1 !important;
  padding: 28px !important;
  text-align: center !important;
  color: #475569 !important;
}
body:not(.login-bg) .iw-ticket-empty img {
  width: 72px !important;
  height: 72px !important;
  margin-bottom: 12px !important;
}
@media (max-width: 1199px) {
  body:not(.login-bg) .iw-ticket-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  body:not(.login-bg) .iw-ticket-hero {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
  }
  body:not(.login-bg) .iw-ticket-hero h1 { font-size: 28px !important; }
  body:not(.login-bg) .iw-ticket-hero-media { min-height: auto !important; }
  body:not(.login-bg) .iw-ticket-guide,
  body:not(.login-bg) .iw-ticket-area-wrap { padding: 18px !important; }
  body:not(.login-bg) .iw-ticket-guide-steps,
  body:not(.login-bg) .iw-ticket-grid { grid-template-columns: 1fr !important; }
  body:not(.login-bg) .iw-ticket-area-card { min-height: 230px !important; }
}

/* Home products width and header color polish - 2026-05-17 */
body:not(.login-bg) .iw-page-header.iw-home-header {
  border: 1px solid rgba(255, 255, 255, .15) !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(24, 169, 153, .24), transparent 27%),
    linear-gradient(135deg, var(--iwf-sidebar-a) 0%, var(--iwf-sidebar-b) 58%, var(--iwf-primary-dark) 100%) !important;
  box-shadow: var(--iwf-shadow-lg) !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header *,
body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-subtitle {
  color: rgba(255, 255, 255, .82) !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-page-title {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-primary {
  border-color: rgba(255, 255, 255, .22) !important;
  background: #8deaf5 !important;
  color: #062033 !important;
}

body:not(.login-bg) .iw-page-header.iw-home-header .iw-btn-secondary {
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .10) !important;
  color: #ffffff !important;
}

@media (min-width: 992px) {
  body:not(.login-bg) .iw-services-card {
    width: calc(100% + 28px) !important;
    max-width: calc(100% + 28px) !important;
    margin-left: -14px !important;
    margin-right: -14px !important;
  }

  body:not(.login-bg) .iw-services-body {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* Dashboard stat card final override - 20260517 domain shadow fix */
body:not(.login-bg) .iw-stat-grid .iw-stat-card,
body:not(.login-bg) .iw-stat-grid .iw-stat-card * {
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  filter: none !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card::before,
body:not(.login-bg) .iw-stat-grid .iw-stat-card::after,
body:not(.login-bg) .iw-stat-grid .iw-stat-number::before,
body:not(.login-bg) .iw-stat-grid .iw-stat-number::after {
  content: none !important;
  display: none !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue {
  background: #ffffff !important;
  border-color: #e4e9f0 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue:hover,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue:focus {
  border-color: #18a999 !important;
  box-shadow: 0 8px 24px rgba(6, 108, 123, .10) !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-topline {
  background: linear-gradient(90deg, #0f4660, #066c7b) !important;
  display: block !important;
  height: 4px !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-icon,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .icon-blue {
  background: #e7f0fa !important;
  color: #0f4660 !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-number,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-number.blue {
  background: transparent !important;
  color: #0f4660 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  -webkit-text-fill-color: #0f4660 !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-badge,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .badge-blue {
  background: #e7f0fa !important;
  color: #0f4660 !important;
}


/* ImaginaWeb: downloads area */
body:not(.login-bg):has(.iw-download-wrap),
body:not(.login-bg):has(.iw-download-hero) {
  background: #f6f8fb !important;
}

body:not(.login-bg) .iw-download-hero,
body:not(.login-bg) .iw-download-section,
body:not(.login-bg) .iw-download-empty {
  border: 1px solid #e4e9f0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(16, 24, 40, .07) !important;
}

body:not(.login-bg) .iw-download-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 520px) !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 0 24px !important;
  padding: 26px !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, #12213b 0%, #0f4660 55%, #066c7b 100%) !important;
}

body:not(.login-bg) .iw-download-kicker,
body:not(.login-bg) .iw-download-section-head span {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  color: #066c7b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .iw-download-hero h2 {
  margin: 14px 0 10px !important;
  color: #ffffff !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.14 !important;
  letter-spacing: 0 !important;
}

body:not(.login-bg) .iw-download-hero p {
  max-width: 680px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .82) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

body:not(.login-bg) .iw-download-search-box {
  display: flex !important;
  min-height: 54px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 8px 9px 8px 16px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .14) !important;
}

body:not(.login-bg) .iw-download-search-box > i {
  color: #066c7b !important;
  font-size: 15px !important;
}

body:not(.login-bg) .iw-download-search-box .form-control {
  min-width: 0 !important;
  height: 38px !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
  border: 0 !important;
  color: #101828 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-download-search-btn {
  display: inline-flex !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  background: #18a999 !important;
}

body:not(.login-bg) .iw-download-wrap {
  display: grid !important;
  gap: 24px !important;
}

body:not(.login-bg) .iw-download-section {
  padding: 24px !important;
}

body:not(.login-bg) .iw-download-section-head {
  margin-bottom: 18px !important;
}

body:not(.login-bg) .iw-download-section-head h2 {
  margin: 12px 0 0 !important;
  color: #101828 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

body:not(.login-bg) .iw-download-category-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body:not(.login-bg) .iw-download-category-card,
body:not(.login-bg) .iw-download-item {
  border: 1px solid #e4e9f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

body:not(.login-bg) .iw-download-category-card:hover,
body:not(.login-bg) .iw-download-item:hover {
  border-color: #18a999 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 28px rgba(16, 24, 40, .08) !important;
  text-decoration: none !important;
}

body:not(.login-bg) .iw-download-category-main,
body:not(.login-bg) .iw-download-item {
  display: flex !important;
  min-height: 100% !important;
  color: inherit !important;
  text-decoration: none !important;
}

body:not(.login-bg) .iw-download-category-main {
  flex-direction: column !important;
  gap: 14px !important;
  padding: 20px !important;
}

body:not(.login-bg) .iw-download-category-icon,
body:not(.login-bg) .iw-download-file-icon {
  display: inline-flex !important;
  width: 54px !important;
  height: 54px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  color: #066c7b !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .iw-download-category-icon i {
  font-size: 21px !important;
}

body:not(.login-bg) .iw-download-category-copy strong,
body:not(.login-bg) .iw-download-file-copy strong {
  display: block !important;
  color: #101828 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

body:not(.login-bg) .iw-download-category-copy small,
body:not(.login-bg) .iw-download-file-copy small {
  display: block !important;
  margin-top: 8px !important;
  color: #667085 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
}

body:not(.login-bg) .iw-download-category-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 12px 20px 16px !important;
  border-top: 1px solid #eef2f7 !important;
  color: #667085 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .iw-download-edit-btn {
  border: 0 !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
  color: #066c7b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  background: #e7fbff !important;
}

body:not(.login-bg) .iw-download-list {
  display: grid !important;
  gap: 12px !important;
}

body:not(.login-bg) .iw-download-item {
  min-height: 84px !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px !important;
}

body:not(.login-bg) .iw-download-file-icon img,
body:not(.login-bg) .iw-download-file-icon i {
  max-width: 24px !important;
  max-height: 24px !important;
}

body:not(.login-bg) .iw-download-file-copy {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body:not(.login-bg) .iw-download-file-copy em {
  display: block !important;
  margin-top: 8px !important;
  color: #066c7b !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body:not(.login-bg) .iw-download-lock {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  color: #991b1b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  background: #fee2e2 !important;
}

body:not(.login-bg) .iw-download-arrow {
  color: #18a999 !important;
}

body:not(.login-bg) .iw-download-empty {
  display: grid !important;
  min-height: 220px !important;
  place-items: center !important;
  padding: 34px !important;
  color: #667085 !important;
  text-align: center !important;
}

body:not(.login-bg) .iw-download-empty img {
  width: 74px !important;
  max-width: 100% !important;
  margin-bottom: 14px !important;
}

body:not(.login-bg) .iw-download-empty p {
  margin: 0 !important;
  color: #667085 !important;
  font-weight: 800 !important;
}

body:not(.login-bg) .iw-download-empty-inline {
  min-height: 180px !important;
  box-shadow: none !important;
}

@media (max-width: 1100px) {
  body:not(.login-bg) .iw-download-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body:not(.login-bg) .iw-download-hero {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }

  body:not(.login-bg) .iw-download-hero h2 {
    font-size: 22px !important;
  }

  body:not(.login-bg) .iw-download-category-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-download-section {
    padding: 18px !important;
  }

  body:not(.login-bg) .iw-download-item {
    align-items: flex-start !important;
  }

  body:not(.login-bg) .iw-download-lock,
  body:not(.login-bg) .iw-download-arrow {
    display: none !important;
  }
}


/* ImaginaWeb: downloads compact polish */
body:not(.login-bg) .iw-download-header {
  margin-bottom: 18px !important;
}

body:not(.login-bg) .iw-download-hero {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px) !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
  padding: 18px 20px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 24px rgba(16, 24, 40, .06) !important;
}

body:not(.login-bg) .iw-download-kicker,
body:not(.login-bg) .iw-download-section-head span {
  padding: 6px 10px !important;
  font-size: 10px !important;
}

body:not(.login-bg) .iw-download-hero h2 {
  margin: 10px 0 6px !important;
  font-size: 21px !important;
  line-height: 1.2 !important;
}

body:not(.login-bg) .iw-download-hero p {
  max-width: 560px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body:not(.login-bg) .iw-download-search-box {
  min-height: 46px !important;
  gap: 9px !important;
  padding: 6px 7px 6px 13px !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .10) !important;
}

body:not(.login-bg) .iw-download-search-box .form-control {
  height: 32px !important;
  font-size: 13px !important;
}

body:not(.login-bg) .iw-download-search-btn {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
  border-radius: 8px !important;
}

body:not(.login-bg) .iw-download-wrap {
  gap: 18px !important;
}

body:not(.login-bg) .iw-download-section,
body:not(.login-bg) .iw-download-empty {
  padding: 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 22px rgba(16, 24, 40, .045) !important;
}

body:not(.login-bg) .iw-download-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-bottom: 14px !important;
}

body:not(.login-bg) .iw-download-section-head h2 {
  margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .iw-download-category-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 10px !important;
}

body:not(.login-bg) .iw-download-category-card,
body:not(.login-bg) .iw-download-item {
  border-radius: 9px !important;
  box-shadow: none !important;
  transform: none !important;
}

body:not(.login-bg) .iw-download-category-card:hover,
body:not(.login-bg) .iw-download-item:hover {
  transform: none !important;
  box-shadow: 0 8px 18px rgba(16, 24, 40, .055) !important;
}

body:not(.login-bg) .iw-download-category-main {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 11px !important;
  padding: 14px !important;
}

body:not(.login-bg) .iw-download-category-icon,
body:not(.login-bg) .iw-download-file-icon {
  width: 38px !important;
  height: 38px !important;
  border-radius: 9px !important;
}

body:not(.login-bg) .iw-download-category-icon i {
  font-size: 16px !important;
}

body:not(.login-bg) .iw-download-category-copy strong,
body:not(.login-bg) .iw-download-file-copy strong {
  font-size: 14px !important;
  line-height: 1.25 !important;
}

body:not(.login-bg) .iw-download-category-copy small,
body:not(.login-bg) .iw-download-file-copy small {
  margin-top: 5px !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

body:not(.login-bg) .iw-download-category-meta {
  padding: 9px 14px 12px !important;
  font-size: 11px !important;
}

body:not(.login-bg) .iw-download-edit-btn {
  padding: 5px 8px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
}

body:not(.login-bg) .iw-download-list {
  gap: 8px !important;
}

body:not(.login-bg) .iw-download-item {
  min-height: 62px !important;
  gap: 12px !important;
  padding: 12px 14px !important;
}

body:not(.login-bg) .iw-download-file-icon img,
body:not(.login-bg) .iw-download-file-icon i {
  max-width: 18px !important;
  max-height: 18px !important;
}

body:not(.login-bg) .iw-download-file-copy em {
  margin-top: 5px !important;
  font-size: 11px !important;
}

body:not(.login-bg) .iw-download-lock {
  padding: 5px 8px !important;
  font-size: 10px !important;
}

body:not(.login-bg) .iw-download-empty {
  min-height: 150px !important;
  padding: 24px !important;
}

body:not(.login-bg) .iw-download-empty img {
  width: 52px !important;
  margin-bottom: 10px !important;
}

@media (max-width: 760px) {
  body:not(.login-bg) .iw-download-hero {
    padding: 16px !important;
  }

  body:not(.login-bg) .iw-download-section-head {
    display: block !important;
  }

  body:not(.login-bg) .iw-download-section-head h2 {
    margin-top: 10px !important;
  }

  body:not(.login-bg) .iw-download-category-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-download-item {
    padding: 12px !important;
  }
}



/* IW 2026-05-18 - submitticket header dark login style */
body:not(.login-bg) .iw-ticket-hero,
body:not(.login-bg) .iw-ticket-submit-header {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(34, 211, 238, .24) !important;
  background:
    radial-gradient(circle at 84% 14%, rgba(34, 211, 238, .38), transparent 30%),
    radial-gradient(circle at 18% 86%, rgba(6, 108, 123, .32), transparent 36%),
    linear-gradient(145deg, #0f4660 0%, #0f2745 54%, #071427 100%) !important;
  box-shadow: 0 18px 44px rgba(7, 20, 39, .16) !important;
  color: #e7fbff !important;
}
body:not(.login-bg) .iw-ticket-hero::before,
body:not(.login-bg) .iw-ticket-submit-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0)) !important;
}
body:not(.login-bg) .iw-ticket-hero > *,
body:not(.login-bg) .iw-ticket-submit-header > * {
  position: relative !important;
  z-index: 1 !important;
}
body:not(.login-bg) .iw-ticket-hero h1,
body:not(.login-bg) .iw-ticket-submit-header .iw-page-title,
body:not(.login-bg) .iw-ticket-submit-header h1 {
  color: #ffffff !important;
}
body:not(.login-bg) .iw-ticket-hero p,
body:not(.login-bg) .iw-ticket-submit-header .iw-page-subtitle,
body:not(.login-bg) .iw-ticket-breadcrumb,
body:not(.login-bg) .iw-ticket-breadcrumb a,
body:not(.login-bg) .iw-ticket-breadcrumb span,
body:not(.login-bg) .iw-ticket-submit-header .iw-breadcrumb,
body:not(.login-bg) .iw-ticket-submit-header .iw-breadcrumb a,
body:not(.login-bg) .iw-ticket-submit-header .iw-breadcrumb span {
  color: rgba(231, 251, 255, .82) !important;
}
body:not(.login-bg) .iw-ticket-kicker {
  border-color: rgba(34, 211, 238, .28) !important;
  background: rgba(255, 255, 255, .10) !important;
  color: rgba(231, 251, 255, .92) !important;
}
body:not(.login-bg) .iw-ticket-primary,
body:not(.login-bg) .iw-ticket-submit-header .iw-btn-primary,
body:not(.login-bg) .iw-ticket-submit-header .btn-primary {
  border: 1px solid rgba(34, 211, 238, .46) !important;
  background: linear-gradient(135deg, #8deaf5 0%, #22d3ee 48%, #08a1b5 100%) !important;
  color: #062033 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .iw-ticket-primary:hover,
body:not(.login-bg) .iw-ticket-submit-header .iw-btn-primary:hover,
body:not(.login-bg) .iw-ticket-submit-header .btn-primary:hover {
  background: linear-gradient(135deg, #089db2 0%, #066c7b 100%) !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-ticket-secondary,
body:not(.login-bg) .iw-ticket-submit-header .iw-btn-secondary,
body:not(.login-bg) .iw-ticket-submit-header a.btn {
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .10) !important;
  color: rgba(231, 251, 255, .90) !important;
}
body:not(.login-bg) .iw-ticket-secondary:hover,
body:not(.login-bg) .iw-ticket-submit-header .iw-btn-secondary:hover,
body:not(.login-bg) .iw-ticket-submit-header a.btn:hover {
  border-color: rgba(34, 211, 238, .46) !important;
  background: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
}
body:not(.login-bg) .iw-ticket-hero-media {
  border: 1px solid rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .10) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 14px 34px rgba(0, 0, 0, .16) !important;
}
body:not(.login-bg) .iw-ticket-hero-media strong {
  color: #ffffff !important;
}
body:not(.login-bg) .iw-ticket-hero-media span {
  color: rgba(231, 251, 255, .78) !important;
}
body:not(.login-bg) .iw-ticket-hero-media img {
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.22)) !important;
}
@media (max-width: 768px) {
  body:not(.login-bg) .iw-ticket-submit-header,
  body:not(.login-bg) .iw-ticket-hero {
    border-radius: 16px !important;
    padding: 22px !important;
  }
}

/* IW 2026-06-30 - compact support ticket hero */
body:not(.login-bg) .iw-ticket-hero {
  grid-template-columns: minmax(0, 1.6fr) minmax(220px, .4fr) !important;
  gap: 20px !important;
  margin-bottom: 18px !important;
  padding: 24px !important;
  border-radius: 16px !important;
}
body:not(.login-bg) .iw-ticket-kicker {
  margin-top: 8px !important;
  padding: 6px 10px !important;
  font-size: 10px !important;
}
body:not(.login-bg) .iw-ticket-hero h1 {
  max-width: 680px !important;
  margin: 10px 0 8px !important;
  font-size: 30px !important;
  line-height: 1.12 !important;
}
body:not(.login-bg) .iw-ticket-hero p {
  max-width: 640px !important;
  font-size: 14px !important;
  line-height: 1.58 !important;
}
body:not(.login-bg) .iw-ticket-hero-actions {
  gap: 8px !important;
  margin-top: 16px !important;
}
body:not(.login-bg) .iw-ticket-primary,
body:not(.login-bg) .iw-ticket-secondary {
  min-height: 38px !important;
  padding: 8px 14px !important;
  font-size: 12px !important;
}
body:not(.login-bg) .iw-ticket-hero-media {
  gap: 12px !important;
  min-height: 180px !important;
  padding: 18px !important;
  border-radius: 14px !important;
}
body:not(.login-bg) .iw-ticket-hero-media img {
  width: 72px !important;
  height: 72px !important;
}
body:not(.login-bg) .iw-ticket-hero-media strong {
  font-size: 17px !important;
}
body:not(.login-bg) .iw-ticket-hero-media span {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
@media (max-width: 767px) {
  body:not(.login-bg) .iw-ticket-hero {
    gap: 16px !important;
    margin-bottom: 16px !important;
    padding: 18px !important;
  }
  body:not(.login-bg) .iw-ticket-hero h1 {
    font-size: 24px !important;
    margin: 8px 0 6px !important;
  }
  body:not(.login-bg) .iw-ticket-hero p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  body:not(.login-bg) .iw-ticket-hero-actions {
    margin-top: 12px !important;
  }
  body:not(.login-bg) .iw-ticket-primary,
  body:not(.login-bg) .iw-ticket-secondary {
    min-height: 36px !important;
    padding: 8px 12px !important;
  }
  body:not(.login-bg) .iw-ticket-hero-media {
    min-height: auto !important;
    padding: 16px !important;
  }
  body:not(.login-bg) .iw-ticket-hero-media img {
    width: 60px !important;
    height: 60px !important;
  }
}

/* IW 2026-05-18 - support ticket form platform polish */
body:not(.login-bg) .theme-open-ticket-page {
  max-width: 1180px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
}
body:not(.login-bg) .theme-open-ticket-page form {
  display: block !important;
}
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar {
  margin: -4px 0 18px !important;
  padding: 14px !important;
  border: 1px solid var(--iw-line, #cdeff6) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 70, 96, .07) !important;
}
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .row {
  display: flex !important;
  align-items: stretch !important;
  gap: 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar [class*="col-"] {
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .col-md-9 {
  flex: 1 1 auto !important;
  width: auto !important;
}
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .col-md-3 {
  flex: 0 0 255px !important;
  width: 255px !important;
}
body:not(.login-bg) .theme-open-ticket-page .service-dept-section,
body:not(.login-bg) .theme-open-ticket-page .priority-section {
  display: flex !important;
  align-items: center !important;
  min-height: 54px !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 8px !important;
  border: 1px solid #dff5f8 !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4fdff 100%) !important;
}
body:not(.login-bg) .theme-open-ticket-page .service-dept-section li {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}
body:not(.login-bg) .theme-open-ticket-page .department-list,
body:not(.login-bg) .theme-open-ticket-page .related-service-list {
  flex: 1 1 220px !important;
  min-width: 180px !important;
}
body:not(.login-bg) .theme-open-ticket-page .arrow-back-dept {
  flex: 0 0 auto !important;
}
body:not(.login-bg) .theme-open-ticket-page .arrow-back-dept a {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #dff5f8 !important;
  border-radius: 10px !important;
  background: #e7fbff !important;
}
body:not(.login-bg) .theme-open-ticket-page .arrow-back-dept a:hover {
  border-color: #22d3ee !important;
  background: #dff8fd !important;
}
body:not(.login-bg) .theme-open-ticket-page .arrow-back-dept img {
  width: 14px !important;
  height: 14px !important;
  opacity: .76 !important;
}
body:not(.login-bg) .theme-open-ticket-page .priority-label {
  flex: 0 0 auto !important;
  color: #0f4660 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .theme-open-ticket-page .custom-select-box-drop {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 40px !important;
  overflow: hidden !important;
  border: 1px solid #cdeff6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-open-ticket-page .custom-select-box-drop:focus-within {
  border-color: #22d3ee !important;
  box-shadow: 0 0 0 4px rgba(34, 211, 238, .12) !important;
}
body:not(.login-bg) .theme-open-ticket-page .custom-select-box-drop .input-group-addon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: #e7fbff !important;
  color: #066c7b !important;
}
body:not(.login-bg) .theme-open-ticket-page .custom-select-box-drop select,
body:not(.login-bg) .theme-open-ticket-page .custom-select-box-drop .form-control {
  height: 40px !important;
  min-height: 40px !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #102235 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-open-ticket-page .card.submit-ticket-inner-section,
body:not(.login-bg) .theme-open-ticket-page .submit-ticket-inner-section {
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--iw-line, #cdeff6) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 70, 96, .08) !important;
  overflow: hidden !important;
}
body:not(.login-bg) .theme-open-ticket-page .card-body {
  padding: 24px !important;
}
body:not(.login-bg) .theme-open-ticket-page .formBox {
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body:not(.login-bg) .theme-open-ticket-page .form-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 16px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid #e1f6fb !important;
  color: #0f2745 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .theme-open-ticket-page .form-title::before {
  content: "" !important;
  width: 8px !important;
  height: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #22d3ee 0%, #066c7b 100%) !important;
}
body:not(.login-bg) .theme-open-ticket-page .form-inner-section.row,
body:not(.login-bg) .theme-open-ticket-page .support-ticket-custom-field.row {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
}
body:not(.login-bg) .theme-open-ticket-page .form-inner-section.row > [class*="col-"],
body:not(.login-bg) .theme-open-ticket-page .support-ticket-custom-field.row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
}
body:not(.login-bg) .theme-open-ticket-page .ticket-contact-message,
body:not(.login-bg) .theme-open-ticket-page .ticket-attachment-section,
body:not(.login-bg) .theme-open-ticket-page .ticket-extension-allowed,
body:not(.login-bg) .theme-open-ticket-page .textAreaCustomField {
  grid-column: 1 / -1 !important;
}
body:not(.login-bg) .theme-open-ticket-page .inputBox {
  position: relative !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body:not(.login-bg) .theme-open-ticket-page .inputText,
body:not(.login-bg) .theme-open-ticket-page .inputBox label:not(.checkbox-universal-box) {
  display: block !important;
  position: static !important;
  margin: 0 0 7px !important;
  color: #426275 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-transform: none !important;
  transform: none !important;
}
body:not(.login-bg) .theme-open-ticket-page .input,
body:not(.login-bg) .theme-open-ticket-page input[type="text"],
body:not(.login-bg) .theme-open-ticket-page input[type="email"],
body:not(.login-bg) .theme-open-ticket-page select.input,
body:not(.login-bg) .theme-open-ticket-page textarea.input,
body:not(.login-bg) .theme-open-ticket-page textarea.markdown-editor {
  display: block !important;
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 13px !important;
  border: 1px solid #cdeff6 !important;
  border-radius: 11px !important;
  background: #f8feff !important;
  color: #102235 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
  box-shadow: none !important;
  outline: none !important;
}
body:not(.login-bg) .theme-open-ticket-page .input:focus,
body:not(.login-bg) .theme-open-ticket-page input:focus,
body:not(.login-bg) .theme-open-ticket-page select:focus,
body:not(.login-bg) .theme-open-ticket-page textarea:focus {
  border-color: #22d3ee !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(34, 211, 238, .12) !important;
}
body:not(.login-bg) .theme-open-ticket-page .input.disabled,
body:not(.login-bg) .theme-open-ticket-page input:disabled {
  background: #eef8fb !important;
  color: #64798a !important;
  cursor: not-allowed !important;
}
body:not(.login-bg) .theme-open-ticket-page textarea.markdown-editor,
body:not(.login-bg) .theme-open-ticket-page #inputMessage {
  min-height: 220px !important;
  resize: vertical !important;
}
body:not(.login-bg) .theme-open-ticket-page .ticket-attachment-section .upload-file-sec {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 72px !important;
  padding: 14px !important;
  border: 1px dashed rgba(6, 108, 123, .34) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #f8feff 0%, #effbfe 100%) !important;
}
body:not(.login-bg) .theme-open-ticket-page .attachments-label {
  color: #0f4660 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .theme-open-ticket-page .label-attachment-sec {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  justify-content: flex-end !important;
}
body:not(.login-bg) .theme-open-ticket-page .browse-image-label,
body:not(.login-bg) .theme-open-ticket-page .label-attachment-sec .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 9px 13px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(34, 211, 238, .42) !important;
  background: linear-gradient(135deg, #8deaf5 0%, #22d3ee 48%, #08a1b5 100%) !important;
  color: #062033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-open-ticket-page .file-name-attachment {
  grid-column: 1 / -1 !important;
  min-height: 16px !important;
  margin: 0 !important;
  color: #64798a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body:not(.login-bg) .theme-open-ticket-page #fileUploadsContainer {
  margin-top: 10px !important;
}
body:not(.login-bg) .theme-open-ticket-page .extension-message {
  margin-top: -3px !important;
  padding: 0 2px !important;
}
body:not(.login-bg) .theme-open-ticket-page .extension-message small,
body:not(.login-bg) .theme-open-ticket-page .field-help-text-custom-fields {
  color: #64798a !important;
  font-size: 11.5px !important;
  line-height: 1.45 !important;
  font-weight: 650 !important;
}
body:not(.login-bg) .theme-open-ticket-page .checkBoxCustomField {
  grid-column: 1 / -1 !important;
}
body:not(.login-bg) .theme-open-ticket-page .checkbox-universal-box {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 44px !important;
  padding: 11px 13px !important;
  border: 1px solid #cdeff6 !important;
  border-radius: 11px !important;
  background: #f8feff !important;
  color: #102235 !important;
}
body:not(.login-bg) .theme-open-ticket-page .ticket-captcha-form {
  margin: 14px 0 0 !important;
}
body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 22px -24px -24px !important;
  padding: 16px 24px !important;
  border-top: 1px solid #e1f6fb !important;
  background: #f8feff !important;
}
body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket .wgs_custom-btn,
body:not(.login-bg) .theme-open-ticket-page #openTicketSubmit {
  min-width: 170px !important;
  min-height: 42px !important;
  border: 1px solid rgba(34, 211, 238, .42) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, #8deaf5 0%, #22d3ee 48%, #08a1b5 100%) !important;
  color: #062033 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket .wgs_custom-btn:hover,
body:not(.login-bg) .theme-open-ticket-page #openTicketSubmit:hover {
  background: linear-gradient(135deg, #089db2 0%, #066c7b 100%) !important;
  color: #ffffff !important;
}
body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket .wgs_cancel_button {
  min-width: 116px !important;
  min-height: 42px !important;
  border: 1px solid #cdeff6 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f4660 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}
@media (max-width: 991px) {
  body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .row,
  body:not(.login-bg) .theme-open-ticket-page .service-dept-section,
  body:not(.login-bg) .theme-open-ticket-page .priority-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .col-md-3,
  body:not(.login-bg) .theme-open-ticket-page .submit-ticket-upper-bar .col-md-9 {
    width: 100% !important;
    flex-basis: auto !important;
  }
  body:not(.login-bg) .theme-open-ticket-page .arrow-back-dept {
    display: none !important;
  }
  body:not(.login-bg) .theme-open-ticket-page .form-inner-section.row,
  body:not(.login-bg) .theme-open-ticket-page .support-ticket-custom-field.row {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 620px) {
  body:not(.login-bg) .theme-open-ticket-page .card-body {
    padding: 18px !important;
  }
  body:not(.login-bg) .theme-open-ticket-page .ticket-attachment-section .upload-file-sec,
  body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket {
    grid-template-columns: 1fr !important;
    justify-content: stretch !important;
  }
  body:not(.login-bg) .theme-open-ticket-page .label-attachment-sec,
  body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket {
    margin: 20px -18px -18px !important;
    padding: 14px 18px !important;
  }
  body:not(.login-bg) .theme-open-ticket-page .btn-footer-submit-ticket .btn {
    width: 100% !important;
  }
}


/* User profile: requested ImaginaWeb palette 2026-05-18 */
body:not(.login-bg) {
  --iw-profile-primary: #066c7b;
  --iw-profile-primary-dark: #0f4660;
  --iw-profile-primary-soft: #e7fbff;
  --iw-profile-accent: #18a999;
  --iw-profile-accent-soft: #e9f8f5;
  --iw-profile-bg: #f6f8fb;
  --iw-profile-surface: #ffffff;
  --iw-profile-border: #e4e9f0;
  --iw-profile-text: #101828;
  --iw-profile-heading: #172033;
  --iw-profile-muted: #667085;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) {
  border: 1px solid var(--iw-profile-border) !important;
  background: linear-gradient(135deg, var(--iw-profile-surface) 0%, var(--iw-profile-primary-soft) 100%) !important;
  box-shadow: 0 18px 40px rgba(16, 24, 40, .08) !important;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-page-title {
  color: var(--iw-profile-heading) !important;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-breadcrumb-link,
body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-breadcrumb-current,
body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-breadcrumb-sep {
  color: var(--iw-profile-muted) !important;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-breadcrumb-link:hover {
  color: var(--iw-profile-primary) !important;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-btn-primary,
body:not(.login-bg) .user-profile-main-page-section .wgs_custom-btn,
body:not(.login-bg) .user-profile-main-page-section input[type="submit"].wgs_custom-btn {
  border-color: var(--iw-profile-primary) !important;
  background: linear-gradient(135deg, var(--iw-profile-primary) 0%, var(--iw-profile-accent) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(6, 108, 123, .22) !important;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-btn-primary:hover,
body:not(.login-bg) .user-profile-main-page-section .wgs_custom-btn:hover,
body:not(.login-bg) .user-profile-main-page-section input[type="submit"].wgs_custom-btn:hover {
  border-color: var(--iw-profile-primary-dark) !important;
  background: linear-gradient(135deg, var(--iw-profile-primary-dark) 0%, var(--iw-profile-primary) 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-btn-secondary,
body:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button,
body:not(.login-bg) .user-profile-main-page-section input[type="reset"].wgs_cancel_button {
  border: 1px solid var(--iw-profile-border) !important;
  background: var(--iw-profile-surface) !important;
  color: var(--iw-profile-primary-dark) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) .iw-btn-secondary:hover,
body:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button:hover,
body:not(.login-bg) .user-profile-main-page-section input[type="reset"].wgs_cancel_button:hover,
body:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button:focus {
  border-color: rgba(24, 169, 153, .34) !important;
  background: var(--iw-profile-accent-soft) !important;
  color: var(--iw-profile-primary) !important;
}

body:not(.login-bg) .user-profile-main-page-section,
body:not(.login-bg) .theme-main-inner-page-section .user-profile-main-page-section {
  border: 1px solid var(--iw-profile-border) !important;
  background: var(--iw-profile-bg) !important;
  color: var(--iw-profile-text) !important;
  box-shadow: none !important;
}

body:not(.login-bg) .user-profile-main-page-section .message-box-theme {
  background: transparent !important;
}

body:not(.login-bg) .card.user-profile-page,
body:not(.login-bg) .card.user-profile-page-second-view {
  border: 1px solid var(--iw-profile-border) !important;
  background: var(--iw-profile-surface) !important;
  box-shadow: 0 16px 38px rgba(16, 24, 40, .06) !important;
}

body:not(.login-bg) .card.user-profile-page .card-body,
body:not(.login-bg) .card.user-profile-page-second-view .card-body {
  background: var(--iw-profile-surface) !important;
}

body:not(.login-bg) .card.user-profile-page .card-body::before,
body:not(.login-bg) .card.user-profile-page-second-view .card-title {
  color: var(--iw-profile-heading) !important;
}

body:not(.login-bg) .card.user-profile-page .card-body::after,
body:not(.login-bg) .card.user-profile-page-second-view .card-title::before {
  background: var(--iw-profile-primary-soft) !important;
  color: var(--iw-profile-primary) !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputText {
  color: var(--iw-profile-muted) !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox.focus .inputText,
body:not(.login-bg) .user-profile-main-page-section .inputBox:focus-within .inputText {
  color: var(--iw-profile-primary) !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox .input {
  border: 1px solid var(--iw-profile-border) !important;
  background: var(--iw-profile-surface) !important;
  color: var(--iw-profile-text) !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox .input:focus {
  border-color: var(--iw-profile-accent) !important;
  box-shadow: 0 0 0 4px rgba(24, 169, 153, .14) !important;
}

body:not(.login-bg) .user-profile-main-page-section .inputBox .input:disabled {
  border-color: var(--iw-profile-border) !important;
  background: var(--iw-profile-primary-soft) !important;
  color: var(--iw-profile-muted) !important;
}

body:not(.login-bg) .user-profile-main-page-section .bottom-footer-profile {
  border-top: 1px solid var(--iw-profile-border) !important;
  background: linear-gradient(180deg, var(--iw-profile-surface) 0%, var(--iw-profile-bg) 100%) !important;
}

body:not(.login-bg) .card.user-profile-page-second-view span.label,
body:not(.login-bg) .card.user-profile-page-second-view span.label.label-success,
body:not(.login-bg) .card.user-profile-page-second-view span.label.label-default {
  border: 1px solid rgba(24, 169, 153, .28) !important;
  background: var(--iw-profile-accent-soft) !important;
  color: var(--iw-profile-primary) !important;
}

@media (max-width: 767px) {
  body:not(.login-bg) .iw-page-header:has(+ .user-profile-main-page-section) {
    background: var(--iw-profile-surface) !important;
  }

  body:not(.login-bg) .user-profile-main-page-section,
  body:not(.login-bg) .theme-main-inner-page-section .user-profile-main-page-section {
    background: var(--iw-profile-bg) !important;
  }
}


/* User profile: light correction after screenshot feedback 2026-05-18 */
body:not(.login-bg) .iw-page-header.iw-user-profile-header {
  border: 1px solid #e4e9f0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #ffffff 0%, #e7fbff 100%) !important;
  box-shadow: 0 14px 32px rgba(16, 24, 40, .07) !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header *,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-page-title,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb-current,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb-link,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb-sep {
  color: #172033 !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb-current,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb-link,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb-sep {
  color: #667085 !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-breadcrumb-link:hover {
  color: #066c7b !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-primary,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-affiliates {
  border: 1px solid #066c7b !important;
  background: linear-gradient(135deg, #066c7b 0%, #18a999 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(6, 108, 123, .18) !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-primary *,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-affiliates * {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-primary:hover,
body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-affiliates:hover {
  border-color: #0f4660 !important;
  background: linear-gradient(135deg, #0f4660 0%, #066c7b 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-secondary {
  border: 1px solid #e4e9f0 !important;
  background: #ffffff !important;
  color: #0f4660 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-page-header.iw-user-profile-header .iw-btn-secondary:hover {
  border-color: rgba(24, 169, 153, .34) !important;
  background: #e9f8f5 !important;
  color: #066c7b !important;
}

body:not(.login-bg) .theme-main-inner-page-section:has(.user-profile-main-page-section) {
  background: #f6f8fb !important;
}

body:not(.login-bg) .user-profile-main-page-section,
body:not(.login-bg) .theme-main-inner-page-section .user-profile-main-page-section {
  border: 0 !important;
  background: transparent !important;
}

body:not(.login-bg) .card.user-profile-page,
body:not(.login-bg) .card.user-profile-page-second-view {
  border-color: #e4e9f0 !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(16, 24, 40, .05) !important;
}


/* User profile: exact requested palette, body-scoped 2026-05-18 */
body.tpl-user-profile:not(.login-bg) {
  --iwp-primary: #066c7b;
  --iwp-primary-dark: #0f4660;
  --iwp-primary-soft: #e7fbff;
  --iwp-accent: #18a999;
  --iwp-accent-soft: #e9f8f5;
  --iwp-bg: #f6f8fb;
  --iwp-surface: #ffffff;
  --iwp-border: #e4e9f0;
  --iwp-text: #101828;
  --iwp-heading: #172033;
  --iwp-muted: #667085;
  --iwp-sidebar-a: #12213b;
  --iwp-sidebar-b: #0d3157;
  background: var(--iwp-bg) !important;
  color: var(--iwp-text) !important;
}

body.tpl-user-profile:not(.login-bg) #main-body,
body.tpl-user-profile:not(.login-bg) .wrapper,
body.tpl-user-profile:not(.login-bg) #content,
body.tpl-user-profile:not(.login-bg) .theme-main-inner-page-section,
body.tpl-user-profile:not(.login-bg) .iw-account-page-layout,
body.tpl-user-profile:not(.login-bg) .iw-account-page-main {
  background: var(--iwp-bg) !important;
  color: var(--iwp-text) !important;
}

body.tpl-user-profile:not(.login-bg) nav#sidebar.wgssidebaraddon,
body.tpl-user-profile:not(.login-bg) .sidebar {
  background: linear-gradient(180deg, var(--iwp-sidebar-a) 0%, var(--iwp-sidebar-b) 100%) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header,
body.tpl-user-profile:not(.login-bg) .iw-page-header.iw-user-profile-header {
  border: 1px solid var(--iwp-border) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, var(--iwp-surface) 0%, var(--iwp-primary-soft) 100%) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 40, .06) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header::before,
body.tpl-user-profile:not(.login-bg) .iw-page-header::after {
  display: none !important;
  content: none !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header *,
body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-page-title {
  color: var(--iwp-heading) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-breadcrumb,
body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-breadcrumb-link,
body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-breadcrumb-current,
body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-breadcrumb-sep {
  color: var(--iwp-muted) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-breadcrumb-link:hover {
  color: var(--iwp-primary) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-primary,
body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-affiliates,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .wgs_custom-btn,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section input[type="submit"].wgs_custom-btn {
  border: 1px solid var(--iwp-primary) !important;
  background: linear-gradient(135deg, var(--iwp-primary) 0%, var(--iwp-accent) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 20px rgba(6, 108, 123, .18) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-primary *,
body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-affiliates * {
  color: #ffffff !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-primary:hover,
body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-affiliates:hover,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .wgs_custom-btn:hover,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section input[type="submit"].wgs_custom-btn:hover {
  border-color: var(--iwp-primary-dark) !important;
  background: linear-gradient(135deg, var(--iwp-primary-dark) 0%, var(--iwp-primary) 100%) !important;
  color: #ffffff !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-secondary,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section input[type="reset"].wgs_cancel_button {
  border: 1px solid var(--iwp-border) !important;
  background: var(--iwp-surface) !important;
  color: var(--iwp-primary-dark) !important;
  box-shadow: none !important;
}

body.tpl-user-profile:not(.login-bg) .iw-page-header .iw-btn-secondary:hover,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .wgs_cancel_button:hover,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section input[type="reset"].wgs_cancel_button:hover {
  border-color: rgba(24, 169, 153, .34) !important;
  background: var(--iwp-accent-soft) !important;
  color: var(--iwp-primary) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-block,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page-second-view {
  border: 1px solid var(--iwp-border) !important;
  background: var(--iwp-surface) !important;
  color: var(--iwp-text) !important;
  box-shadow: 0 10px 26px rgba(16, 24, 40, .05) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-user {
  border-color: var(--iwp-border) !important;
  background: var(--iwp-surface) !important;
  color: var(--iwp-text) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-user strong,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page .card-body::before,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page-second-view .card-title {
  color: var(--iwp-heading) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-user span,
body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .inputText {
  color: var(--iwp-muted) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-panel-kicker {
  color: var(--iwp-primary-dark) !important;
  background: var(--iwp-primary-soft) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-panel-kicker i {
  color: var(--iwp-primary) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-nav a,
body.tpl-user-profile:not(.login-bg) .iw-account-panel-link {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--iwp-text) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-nav a:hover,
body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-nav a.active,
body.tpl-user-profile:not(.login-bg) .iw-account-panel-link:hover,
body.tpl-user-profile:not(.login-bg) .iw-account-panel-link.active {
  border-color: rgba(24, 169, 153, .28) !important;
  background: var(--iwp-accent-soft) !important;
  color: var(--iwp-primary) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-panel-icon,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page .card-body::after,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page-second-view .card-title::before {
  background: var(--iwp-primary-soft) !important;
  color: var(--iwp-primary) !important;
}

body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-nav a:hover .iw-account-panel-icon,
body.tpl-user-profile:not(.login-bg) .iw-account-sidebar-nav a.active .iw-account-panel-icon {
  background: var(--iwp-primary) !important;
  color: #ffffff !important;
}

body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section,
body.tpl-user-profile:not(.login-bg) .theme-main-inner-page-section .user-profile-main-page-section {
  border: 0 !important;
  background: transparent !important;
  color: var(--iwp-text) !important;
}

body.tpl-user-profile:not(.login-bg) .card.user-profile-page .card-body,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page-second-view .card-body {
  background: var(--iwp-surface) !important;
}

body.tpl-user-profile:not(.login-bg) .card.user-profile-page .card-body::before,
body.tpl-user-profile:not(.login-bg) .card.user-profile-page-second-view .card-title {
  border-bottom: 1px solid var(--iwp-border) !important;
  background: linear-gradient(180deg, var(--iwp-surface) 0%, var(--iwp-bg) 100%) !important;
}

body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .inputBox .input {
  border: 1px solid var(--iwp-border) !important;
  background: var(--iwp-surface) !important;
  color: var(--iwp-text) !important;
}

body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .inputBox .input:focus {
  border-color: var(--iwp-accent) !important;
  box-shadow: 0 0 0 4px rgba(24, 169, 153, .14) !important;
}

body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .inputBox .input:disabled {
  border-color: var(--iwp-border) !important;
  background: var(--iwp-primary-soft) !important;
  color: var(--iwp-muted) !important;
}

body.tpl-user-profile:not(.login-bg) .user-profile-main-page-section .bottom-footer-profile {
  border-top: 1px solid var(--iwp-border) !important;
  background: linear-gradient(180deg, var(--iwp-surface) 0%, var(--iwp-bg) 100%) !important;
}

/* IW 2026-05-18 - lighter client header */
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header),
body:not(.login-bg) .iw-dh2,
body:not(.login-bg) .iw-kb-header,
body:not(.login-bg) .iw-kb-cat-header,
body:not(.login-bg) .iw-domain-hero {
  border-color: rgba(255, 255, 255, .34) !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(255, 255, 255, .28), transparent 28%),
    linear-gradient(135deg, #12899a 0%, #0f7490 54%, #22b8a8 100%) !important;
  box-shadow: 0 18px 42px rgba(15, 116, 144, .18) !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) *,
body:not(.login-bg) .iw-dh2 *,
body:not(.login-bg) .iw-kb-header *,
body:not(.login-bg) .iw-kb-cat-header *,
body:not(.login-bg) .iw-domain-hero * {
  color: rgba(255, 255, 255, .88) !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header) .iw-page-title,
body:not(.login-bg) .iw-dh2-title,
body:not(.login-bg) .iw-kb-header h1,
body:not(.login-bg) .iw-kb-cat-header-title,
body:not(.login-bg) .iw-domain-hero-title {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header)::before,
body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header)::after,
body:not(.login-bg) .iw-dh2::before,
body:not(.login-bg) .iw-dh2::after,
body:not(.login-bg) .iw-domain-hero::after {
  opacity: .35 !important;
}

/* IW 2026-05-29 - Support ticket step2 color + width alignment */
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page {
  --iw-ticket-accent: #0f7490;
  --iw-ticket-accent-dark: #0d5e79;
  --iw-ticket-border: #bfd8e0;
  --iw-ticket-soft-border: #d7e7ed;
  --iw-ticket-soft-bg: #f2f8fb;
  --iw-ticket-soft-bg-2: #f7fbfd;
  --iw-ticket-placeholder: #6f8798;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 34px !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .submit-ticket-upper-bar {
  border: 1px solid var(--iw-ticket-soft-border) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fcff 100%) !important;
  box-shadow: 0 10px 28px rgba(15, 70, 96, .06) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .service-dept-section,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .priority-section {
  border: 1px solid #cfe4ea !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iw-ticket-soft-bg) 100%) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .arrow-back-dept a {
  border-color: #cfe4ea !important;
  background: var(--iw-ticket-soft-bg) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .arrow-back-dept a:hover {
  border-color: var(--iw-ticket-accent) !important;
  background: #eaf6f9 !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .custom-select-box-drop,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .input,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="text"],
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="email"],
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea.input,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea.markdown-editor {
  border-color: var(--iw-ticket-border) !important;
  background: #ffffff !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .custom-select-box-drop:focus-within,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .input:focus,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input:focus,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page select:focus,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea:focus {
  border-color: var(--iw-ticket-accent) !important;
  box-shadow: 0 0 0 4px rgba(15, 116, 144, .13) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .custom-select-box-drop .input-group-addon {
  background: #eef8fb !important;
  color: var(--iw-ticket-accent) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .card.submit-ticket-inner-section,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .submit-ticket-inner-section {
  border-color: var(--iw-ticket-soft-border) !important;
  box-shadow: 0 12px 30px rgba(15, 70, 96, .07) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .form-title {
  border-bottom-color: #dbe9ef !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .form-title::before {
  background: linear-gradient(180deg, #22b8a8 0%, var(--iw-ticket-accent) 100%) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .input::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="text"]::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="email"]::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .bootstrap-select .bs-searchbox input::placeholder {
  color: var(--iw-ticket-placeholder) !important;
  opacity: 1 !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .ticket-attachment-section .upload-file-sec {
  border: 1px dashed rgba(15, 116, 144, .34) !important;
  background: linear-gradient(180deg, #f8fcff 0%, #f1f8fb 100%) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .browse-image-label,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .label-attachment-sec .btn,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_custom-btn,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page #openTicketSubmit {
  border: 1px solid rgba(15, 116, 144, .28) !important;
  background: linear-gradient(135deg, #1ca8ba 0%, var(--iw-ticket-accent) 55%, var(--iw-ticket-accent-dark) 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_custom-btn:hover,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page #openTicketSubmit:hover {
  background: linear-gradient(135deg, #0d6d86 0%, #0c4e66 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket {
  border-top: 1px solid #dbe9ef !important;
  background: var(--iw-ticket-soft-bg-2) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_cancel_button {
  border: 1px solid var(--iw-ticket-border) !important;
  background: #ffffff !important;
  color: #0f4660 !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_cancel_button:hover {
  border-color: var(--iw-ticket-accent) !important;
  background: #eef8fb !important;
  color: var(--iw-ticket-accent-dark) !important;
}

/* IW 2026-05-29 - Support ticket step2 corporate variant */
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page {
  --iw-ticket-accent: #0b5f79;
  --iw-ticket-accent-dark: #084a5f;
  --iw-ticket-border: #c7d8e2;
  --iw-ticket-soft-border: #dbe6ee;
  --iw-ticket-soft-bg: #f4f8fb;
  --iw-ticket-soft-bg-2: #f7fafc;
  --iw-ticket-placeholder: #74889a;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .submit-ticket-upper-bar {
  border: 1px solid var(--iw-ticket-soft-border) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f9fcfe 100%) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .service-dept-section,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .priority-section {
  border: 1px solid #d4e2eb !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iw-ticket-soft-bg) 100%) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .input,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="text"],
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="email"],
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea.input,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea.markdown-editor,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .custom-select-box-drop {
  border-color: var(--iw-ticket-border) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .input::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="text"]::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input[type="email"]::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea::placeholder,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .bootstrap-select .bs-searchbox input::placeholder {
  color: var(--iw-ticket-placeholder) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .custom-select-box-drop:focus-within,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .input:focus,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page input:focus,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page select:focus,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page textarea:focus {
  border-color: var(--iw-ticket-accent) !important;
  box-shadow: 0 0 0 4px rgba(11, 95, 121, .14) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .browse-image-label,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .label-attachment-sec .btn,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_custom-btn,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page #openTicketSubmit {
  border: 1px solid rgba(11, 95, 121, .32) !important;
  background: linear-gradient(135deg, #10708e 0%, var(--iw-ticket-accent) 55%, var(--iw-ticket-accent-dark) 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_custom-btn:hover,
body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page #openTicketSubmit:hover {
  background: linear-gradient(135deg, #0a5870 0%, #083f54 100%) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_cancel_button {
  border-color: var(--iw-ticket-border) !important;
}

body:not(.login-bg) .iw-ticket-submit-header + .theme-open-ticket-page .btn-footer-submit-ticket .wgs_cancel_button:hover {
  border-color: var(--iw-ticket-accent) !important;
  background: #edf5fa !important;
  color: var(--iw-ticket-accent-dark) !important;
}

/* IW 2026-06-01 - account sidebar readability fix */
body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-block {
  border: 1px solid #e7edf5 !important;
  background: #ffffff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-user {
  border-color: #f1f5f9 !important;
  background: transparent !important;
  color: #0f172a !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-user strong {
  color: #0f172a !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-user span {
  color: #94a3b8 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-kicker {
  color: #64748b !important;
  background: transparent !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-kicker i {
  color: #1d4ed8 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link {
  border: 1px solid transparent !important;
  background: transparent !important;
  color: #0f172a !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link .iw-account-panel-icon {
  background: #f1f5f9 !important;
  color: #64748b !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link:hover,
body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link.active {
  border-color: #dbe7ff !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link:hover .iw-account-panel-icon,
body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link.active .iw-account-panel-icon {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link.iw-account-panel-link-danger {
  color: #dc2626 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-panel-link.iw-account-panel-link-danger .iw-account-panel-icon {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}

/* IW 2026-06-01 - account area full SaaS cleanup */
body:not(.login-bg) .iw-account-page-layout {
  --iw-account-primary: #007d8c;
  --iw-account-primary-dark: #07899a;
  --iw-account-accent: #13b9b3;
  --iw-account-bg: #f4f7fb;
  --iw-account-border: #dbe5ef;
  --iw-account-text: #172033;
  --iw-account-muted: #64748b;
  --iw-account-shadow: 0 12px 30px rgba(15, 23, 42, .08);
  display: grid !important;
  grid-template-columns: 280px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-page-main {
  min-width: 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 90px !important;
  margin: 0 0 16px !important;
  padding: 18px 24px !important;
  border: 1px solid rgba(255, 255, 255, .22) !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--iw-account-primary) 0%, var(--iw-account-primary-dark) 55%, var(--iw-account-accent) 100%) !important;
  box-shadow: 0 12px 30px rgba(7, 137, 154, .25) !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header::before,
body:not(.login-bg) .iw-account-page-layout .iw-page-header::after {
  display: none !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header,
body:not(.login-bg) .iw-account-page-layout .iw-page-header * {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-breadcrumb,
body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-breadcrumb-link,
body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-breadcrumb-current,
body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-breadcrumb-sep {
  color: rgba(255, 255, 255, .88) !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-breadcrumb-link:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-page-title {
  margin: 4px 0 0 !important;
  color: #ffffff !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-page-subtitle {
  margin-top: 4px !important;
  color: rgba(255, 255, 255, .86) !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-page-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin: 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-btn-secondary {
  min-height: 40px !important;
  padding: 8px 14px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, .35) !important;
  background: rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-btn-secondary:hover {
  background: rgba(255, 255, 255, .22) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-account-page-layout .m-30,
body:not(.login-bg) .iw-account-page-layout .bg-white.m-30 {
  margin: 0 !important;
  background: transparent !important;
}

body:not(.login-bg) .iw-account-page-layout .user-profile-main-page-section,
body:not(.login-bg) .iw-account-page-layout .theme-clientdetail-page,
body:not(.login-bg) .iw-account-page-layout .theme-contact-add-page,
body:not(.login-bg) .iw-account-page-layout .theme-contact-list-page,
body:not(.login-bg) .iw-account-page-layout .theme-user-management,
body:not(.login-bg) .iw-account-page-layout .user-security-page-main-sec,
body:not(.login-bg) .iw-account-page-layout .theme-change-password-page {
  border: 1px solid #e1e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: var(--iw-account-shadow) !important;
  padding: 24px !important;
}

body:not(.login-bg) .iw-account-page-layout .message-box-theme {
  margin: 0 0 14px !important;
}

body:not(.login-bg) .iw-account-page-layout .alert {
  border-radius: 10px !important;
  border-width: 1px !important;
  padding: 12px 14px !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-account-page-layout .alert-warning {
  border-color: #f7d68a !important;
  background: #fff9e9 !important;
  color: #7a4c00 !important;
}

body:not(.login-bg) .iw-account-page-layout .alert-info {
  border-color: #cfe8f0 !important;
  background: #f3fbff !important;
  color: #0f4b60 !important;
}

body:not(.login-bg) .iw-account-page-layout .card {
  border: 1px solid #e8eef5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .04) !important;
  margin-bottom: 16px !important;
}

body:not(.login-bg) .iw-account-page-layout .card:last-child {
  margin-bottom: 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .card-body {
  padding: 20px !important;
}

body:not(.login-bg) .iw-account-page-layout .user-profile-page,
body:not(.login-bg) .iw-account-page-layout .user-profile-page-second-view,
body:not(.login-bg) .iw-account-page-layout .iw-account-password-card {
  max-width: 860px !important;
}

body:not(.login-bg) .iw-account-page-layout .formBox {
  border: 1px solid #edf3f8 !important;
  border-radius: 10px !important;
  background: #fbfdff !important;
  padding: 16px !important;
  margin-bottom: 14px !important;
}

body:not(.login-bg) .iw-account-page-layout .formBox:last-child {
  margin-bottom: 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .form-title,
body:not(.login-bg) .iw-account-page-layout .card-title,
body:not(.login-bg) .iw-account-page-layout .info-titel {
  position: relative !important;
  margin: 0 0 14px !important;
  padding-left: 12px !important;
  border: 0 !important;
  color: var(--iw-account-text) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .iw-account-page-layout .form-title::before,
body:not(.login-bg) .iw-account-page-layout .card-title::before,
body:not(.login-bg) .iw-account-page-layout .info-titel::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 4px !important;
  height: calc(100% - 4px) !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, var(--iw-account-accent) 0%, var(--iw-account-primary) 100%) !important;
}

body:not(.login-bg) .iw-account-page-layout .form-description {
  margin: -4px 0 12px !important;
  color: var(--iw-account-muted) !important;
}

body:not(.login-bg) .iw-account-page-layout .form-inner-section.row,
body:not(.login-bg) .iw-account-page-layout form .row {
  margin-left: -8px !important;
  margin-right: -8px !important;
  row-gap: 16px !important;
}

body:not(.login-bg) .iw-account-page-layout .form-inner-section.row > [class*="col-"],
body:not(.login-bg) .iw-account-page-layout form .row > [class*="col-"] {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

body:not(.login-bg) .iw-account-page-layout .inputBox {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .inputText,
body:not(.login-bg) .iw-account-page-layout .inputBox > label.inputText,
body:not(.login-bg) .iw-account-page-layout .inputBox > div.inputText {
  position: static !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: #52637a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  line-height: 1.25 !important;
  pointer-events: auto !important;
}

body:not(.login-bg) .iw-account-page-layout .inputBox.focus .inputText,
body:not(.login-bg) .iw-account-page-layout .inputBox:focus-within .inputText {
  color: #52637a !important;
  transform: none !important;
}

body:not(.login-bg) .iw-account-page-layout .inputBox .input,
body:not(.login-bg) .iw-account-page-layout .inputBox input.input,
body:not(.login-bg) .iw-account-page-layout .inputBox select.input,
body:not(.login-bg) .iw-account-page-layout .inputBox textarea.input,
body:not(.login-bg) .iw-account-page-layout .inputBox .custom-select,
body:not(.login-bg) .iw-account-page-layout .inputBox select,
body:not(.login-bg) .iw-account-page-layout .custom-select-box-drop,
body:not(.login-bg) .iw-account-page-layout input[type="email"],
body:not(.login-bg) .iw-account-page-layout input[type="text"],
body:not(.login-bg) .iw-account-page-layout input[type="tel"],
body:not(.login-bg) .iw-account-page-layout input[type="password"],
body:not(.login-bg) .iw-account-page-layout textarea {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  border: 1px solid #d8e2ec !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: var(--iw-account-text) !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-account-page-layout textarea,
body:not(.login-bg) .iw-account-page-layout .inputBox textarea.input {
  min-height: 96px !important;
  height: auto !important;
  resize: vertical !important;
}

body:not(.login-bg) .iw-account-page-layout .input:focus,
body:not(.login-bg) .iw-account-page-layout input:focus,
body:not(.login-bg) .iw-account-page-layout select:focus,
body:not(.login-bg) .iw-account-page-layout textarea:focus,
body:not(.login-bg) .iw-account-page-layout .custom-select-box-drop:focus-within {
  border-color: #07899a !important;
  box-shadow: 0 0 0 3px rgba(7, 137, 154, .12) !important;
}

body:not(.login-bg) .iw-account-page-layout .checkbox-universal-box {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #263548 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .checkbox-universal-box.inputText {
  margin: 0 !important;
  padding: 10px 12px !important;
}

body:not(.login-bg) .iw-account-page-layout .check-icon-span {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  border-radius: 5px !important;
  border: 1px solid #c8d5e4 !important;
  background: #f8fbff !important;
}

body:not(.login-bg) .iw-account-page-layout .form-check-input:checked + .check-icon-span,
body:not(.login-bg) .iw-account-page-layout .checkbox-universal-box input:checked + .check-icon-span {
  border-color: #0c97a6 !important;
  background: linear-gradient(135deg, #0d98a8 0%, #13b9b3 100%) !important;
}

body:not(.login-bg) .iw-account-page-layout .wgs_custom-btn,
body:not(.login-bg) .iw-account-page-layout .btn-primary,
body:not(.login-bg) .iw-account-page-layout .btn-success {
  min-height: 46px !important;
  border: 1px solid rgba(7, 125, 140, .36) !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  background: linear-gradient(135deg, #07899a 0%, #13b9b3 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-account-page-layout .wgs_custom-btn:hover,
body:not(.login-bg) .iw-account-page-layout .btn-primary:hover {
  background: linear-gradient(135deg, #066978 0%, #0f9b98 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-account-page-layout .btn-success,
body:not(.login-bg) .iw-account-page-layout .btn-success:hover {
  border-color: #17915a !important;
  background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-account-page-layout .wgs_cancel_button,
body:not(.login-bg) .iw-account-page-layout .btn-default,
body:not(.login-bg) .iw-account-page-layout .iw-btn-secondary {
  min-height: 46px !important;
  border: 1px solid #d3dee9 !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  background: #ffffff !important;
  color: #2f3f53 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

body:not(.login-bg) .iw-account-page-layout .wgs_cancel_button:hover,
body:not(.login-bg) .iw-account-page-layout .btn-default:hover {
  border-color: #adc7d9 !important;
  background: #f7fbff !important;
  color: #1f3348 !important;
}

body:not(.login-bg) .iw-account-page-layout .btn-danger,
body:not(.login-bg) .iw-account-page-layout .wgs_remove_button {
  min-height: 46px !important;
  border: 1px solid #ef4444 !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
  background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

body:not(.login-bg) .iw-account-page-layout .btn-danger:hover,
body:not(.login-bg) .iw-account-page-layout .wgs_remove_button:hover {
  background: linear-gradient(135deg, #b91c1c 0%, #dc2626 100%) !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-account-page-layout .btn-danger *,
body:not(.login-bg) .iw-account-page-layout .btn-success *,
body:not(.login-bg) .iw-account-page-layout .wgs_custom-btn * {
  color: #ffffff !important;
}

body:not(.login-bg) .iw-account-page-layout .bottom-footer-profile,
body:not(.login-bg) .iw-account-page-layout .button-footer-detail-page,
body:not(.login-bg) .iw-account-page-layout .button-footer-contact-page,
body:not(.login-bg) .iw-account-page-layout .button-bottom-change-psw,
body:not(.login-bg) .iw-account-page-layout .security-question-section .btn-footer,
body:not(.login-bg) .iw-account-page-layout .iw-account-form-actions {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 420px !important;
  margin: 18px 0 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .bottom-footer-profile .btn,
body:not(.login-bg) .iw-account-page-layout .button-footer-detail-page .btn,
body:not(.login-bg) .iw-account-page-layout .button-footer-contact-page .btn,
body:not(.login-bg) .iw-account-page-layout .button-bottom-change-psw .btn,
body:not(.login-bg) .iw-account-page-layout .security-question-section .btn-footer .btn,
body:not(.login-bg) .iw-account-page-layout .iw-account-form-actions .btn,
body:not(.login-bg) .iw-account-page-layout .button-bottom-change-psw input,
body:not(.login-bg) .iw-account-page-layout .button-footer-contact-page input,
body:not(.login-bg) .iw-account-page-layout .button-footer-detail-page input,
body:not(.login-bg) .iw-account-page-layout .bottom-footer-profile input,
body:not(.login-bg) .iw-account-page-layout .iw-account-form-actions input {
  width: 100% !important;
}

body:not(.login-bg) .iw-account-page-layout .contact-list-new-contact-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px 12px !important;
  align-items: end !important;
  margin-bottom: 14px !important;
}

body:not(.login-bg) .iw-account-page-layout .contact-list-new-contact-head .contact-form-label {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  color: #52637a !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .iw-account-page-layout .contact-list-new-contact-head .button-contacts .btn {
  width: 44px !important;
  min-width: 44px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-management-table {
  margin: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-management-table thead th {
  border: 0 !important;
  color: #52637a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-management-table tbody tr {
  background: #f9fcff !important;
  box-shadow: inset 0 0 0 1px #dfeaf3 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-management-table td {
  border-top: 0 !important;
  vertical-align: middle !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-management-table td:last-child {
  text-align: right !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-management-table td:last-child .btn {
  min-height: 38px !important;
  padding: 8px 12px !important;
  margin-left: 8px !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-invite-card .form-inner-section .col-sm-6 {
  max-width: 520px !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-invite-card .checkbox-email-prefrence .form-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px 18px !important;
  margin: 4px 0 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-user-invite-card .form-check-inline {
  margin: 0 !important;
  color: #2e3f53 !important;
}

body:not(.login-bg) .iw-account-page-layout .two-factor-available-section .card-body {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

body:not(.login-bg) .iw-account-page-layout .two-factor-available-section .card-title,
body:not(.login-bg) .iw-account-page-layout .two-factor-available-section .alert {
  width: 100% !important;
}

body:not(.login-bg) .iw-account-page-layout .two-factor-available-section .twofa-config-link.enable,
body:not(.login-bg) .iw-account-page-layout .two-factor-available-section .twofa-config-link.disable {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 7px 12px !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 999px !important;
  background: #f7fbff !important;
  color: #3a4b60 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body:not(.login-bg) .iw-account-page-layout .two-factor-available-section .btn {
  min-width: 240px !important;
}

body:not(.login-bg) .iw-account-page-layout .security-question-section form {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: -8px !important;
  margin-right: -8px !important;
}

body:not(.login-bg) .iw-account-page-layout .security-question-section form > .col-md-6 {
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin-bottom: 16px !important;
}

body:not(.login-bg) .iw-account-page-layout .security-question-section form > .row {
  width: 100% !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-password-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-password-current,
body:not(.login-bg) .iw-account-page-layout .iw-password-strength,
body:not(.login-bg) .iw-account-page-layout .iw-password-form .button-bottom-change-psw {
  grid-column: 1 / -1 !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-password-generate .generate-password {
  min-height: 42px !important;
  height: 42px !important;
}

body:not(.login-bg) .iw-account-page-layout #passwordStrengthBar {
  margin: 6px 0 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: #e8f0f6 !important;
}

body:not(.login-bg) .iw-account-page-layout #passwordStrengthBar .progress-bar {
  border-radius: 999px !important;
}

body:not(.login-bg) .iw-account-page-layout .password-strength-section .alert {
  margin: 8px 0 0 !important;
}

body:not(.login-bg) .iw-account-page-layout .password-strength-section .alert::before {
  content: "Consejos utiles";
  display: block;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-nav .iw-account-panel-link {
  align-items: center !important;
}

body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-nav .iw-account-panel-link > span:last-child {
  white-space: normal !important;
  line-height: 1.25 !important;
}

@media (max-width: 1199px) {
  body:not(.login-bg) .iw-account-page-layout {
    grid-template-columns: 250px minmax(0, 1fr) !important;
  }
}

@media (max-width: 991px) {
  body:not(.login-bg) .iw-account-page-layout {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-block {
    position: relative !important;
    top: auto !important;
  }

  body:not(.login-bg) .iw-account-page-layout .iw-page-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 16px !important;
  }

  body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-page-title {
    font-size: 24px !important;
  }

  body:not(.login-bg) .iw-account-page-layout .iw-page-header .iw-page-actions {
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body:not(.login-bg) .iw-account-page-layout .iw-account-sidebar-nav {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table,
  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table thead,
  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table tbody,
  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table tr,
  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table td {
    display: block !important;
    width: 100% !important;
  }

  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table thead {
    display: none !important;
  }

  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table td:last-child {
    text-align: left !important;
    margin-top: 8px !important;
  }

  body:not(.login-bg) .iw-account-page-layout .theme-user-management .iw-user-management-table td:last-child .btn {
    margin: 0 8px 8px 0 !important;
  }

  body:not(.login-bg) .iw-account-page-layout .iw-password-grid {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-account-page-layout .contact-list-new-contact-head {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-account-page-layout .contact-list-new-contact-head .button-contacts .btn {
    width: 100% !important;
  }

  body:not(.login-bg) .iw-account-page-layout [class*="col-md-"],
  body:not(.login-bg) .iw-account-page-layout [class*="col-sm-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* Header navigation: no vertical desktop menu padding - 2026-06-18 */
@media (min-width: 992px) {
  body:not(.login-bg) .iw-header .iw-tnl-btn,
  body:not(.login-bg) .iw-header .iw-whmcs-nav > li > a {
    padding: 0 10px !important;
  }
}
/* Compact desktop header actions and borderless profile - 20260619 */
@media (min-width: 992px) {
  body:not(.login-bg) .iw-header-inner { gap: 12px !important; }
  body:not(.login-bg) .iw-header-actions { gap: 3px !important; }
  body:not(.login-bg) .iw-header-actions > .iw-hdr-btn,
  body:not(.login-bg) .iw-header-actions > .iw-hdr-user {
    align-self: center !important;
    box-sizing: border-box !important;
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
  }
  body:not(.login-bg) .iw-hdr-btn { width: 34px !important; min-width: 34px !important; border-radius: 8px !important; font-size: 14px !important; }
  body:not(.login-bg) .iw-hdr-user { gap: 6px !important; padding: 3px 7px 3px 3px !important; border: 0 !important; box-shadow: none !important; transition: background .15s, color .15s !important; }
  body:not(.login-bg) .iw-hdr-user:hover { border: 0 !important; background: #f3f4f6 !important; box-shadow: none !important; }
  body:not(.login-bg) .iw-hdr-avatar { width: 26px !important; height: 26px !important; font-size: 10.5px !important; }
  body:not(.login-bg) .iw-hdr-username { font-size: 12.5px !important; }
  body:not(.login-bg) .iw-hdr-user > .fa-chevron-down { margin-left: -1px !important; font-size: 9px !important; }
}

/* Compact authenticated sidebar vertical rhythm - 2026-06-19 */
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-logo {
  padding-top: 8px !important;
  padding-bottom: 6px !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-row {
  grid-template-columns: minmax(0, 1fr) 48px !important;
  gap: 6px !important;
  margin: 0 11px 8px !important;
  padding: 7px !important;
  border-radius: 12px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-card {
  grid-template-columns: 32px minmax(0, 1fr) !important;
  gap: 8px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-user-avatar {
  width: 32px !important;
  height: 32px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-profile-gear {
  min-height: 38px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-body {
  padding: 6px 10px 10px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-list {
  gap: 4px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-item,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-has-sub {
  margin-bottom: 3px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link {
  min-height: 48px !important;
  gap: 8px !important;
  padding: 7px 8px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-icon-box {
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  border-radius: 9px !important;
}

body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-label {
  font-size: 12.5px !important;
}

/* IW 2026-06-29 - slightly narrower sidebar menu buttons */
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-nav-link,
body:not(.login-bg) nav#sidebar.wgssidebaraddon .iw-sub-link {
  width: 95% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Compact client-area content rhythm - 2026-06-19 */
@media (min-width: 992px) {
  body:not(.login-bg) {
    --iw-content-padding-y: 18px;
    --iw-content-padding-x: 22px;
    --iw-section-gap: 14px;
    --iw-section-padding-y: 16px;
    --iw-section-padding-x: 18px;
  }

  body:not(.login-bg) #content,
  body:not(.login-bg) #content.no-navbar,
  body:not(.login-bg) #content.active,
  body:not(.login-bg) #content.leftSideBarOpened,
  body:not(.login-bg) #content.rightSideBarOpened,
  body:not(.login-bg) #content.bothSideBarOpened {
    padding: var(--iw-content-padding-y) var(--iw-content-padding-x) !important;
  }

  body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header),
  body:not(.login-bg) .iw-home-header,
  body:not(.login-bg) .iw-domains-header,
  body:not(.login-bg) .iw-invoices-header {
    min-height: 0 !important;
    margin-bottom: var(--iw-section-gap) !important;
    padding: 16px 20px !important;
  }

  body:not(.login-bg) .panel,
  body:not(.login-bg) .panel-default,
  body:not(.login-bg) .iw-home-card,
  body:not(.login-bg) .iw-panel-card,
  body:not(.login-bg) .form-box,
  body:not(.login-bg) .formBox,
  body:not(.login-bg) .table-container,
  body:not(.login-bg) .data-table-main-container {
    margin-bottom: var(--iw-section-gap) !important;
  }

  body:not(.login-bg) .panel > .panel-heading,
  body:not(.login-bg) .card > .card-header,
  body:not(.login-bg) .iw-home-card > .iw-home-card-head,
  body:not(.login-bg) .iw-panel-card > .iw-panel-card-head {
    padding: 12px var(--iw-section-padding-x) !important;
  }

  body:not(.login-bg) .panel > .panel-body,
  body:not(.login-bg) .panel-default > .panel-body,
  body:not(.login-bg) .card > .card-body,
  body:not(.login-bg) .iw-home-card > .iw-home-card-body,
  body:not(.login-bg) .iw-panel-card > .iw-panel-card-body {
    padding: var(--iw-section-padding-y) var(--iw-section-padding-x) !important;
  }

  body:not(.login-bg) .panel > .panel-footer,
  body:not(.login-bg) .card > .card-footer {
    padding: 10px var(--iw-section-padding-x) !important;
  }

  body:not(.login-bg) .iw-tiles,
  body:not(.login-bg) .iw-home-grid,
  body:not(.login-bg) .iw-dashboard-grid,
  body:not(.login-bg) .iw-page-grid,
  body:not(.login-bg) .iw-two-col,
  body:not(.login-bg) .iw-stats-grid,
  body:not(.login-bg) .iw-invoices-summary {
    gap: var(--iw-section-gap) !important;
  }

  body:not(.login-bg) .iw-tiles,
  body:not(.login-bg) .iw-panels-section,
  body:not(.login-bg) .iw-quick-section,
  body:not(.login-bg) .iw-kb-section {
    margin-bottom: 18px !important;
  }

  body:not(.login-bg) .form-group,
  body:not(.login-bg) .form-group-row {
    margin-bottom: 12px !important;
  }

  body:not(.login-bg) .common-table-upper-header,
  body:not(.login-bg) .iw-invoices-toolbar {
    padding: 12px 14px !important;
  }
}

/* Stable first paint for cart.php - 2026-06-20 */
html.iw-cart-page {
  overflow-x: hidden;
  scrollbar-gutter: stable;
}

html.iw-cart-page body:not(.login-bg) {
  overflow-x: hidden !important;
}

html.iw-cart-page body:not(.login-bg) #content,
html.iw-cart-page body:not(.login-bg) .theme-main-inner-page-section,
html.iw-cart-page body:not(.login-bg) #iw-cart-app {
  animation: none !important;
  transition: none !important;
}
/* IW 2026-06-19 - compact colorful dashboard statistics */
body:not(.login-bg) .iw-stat-grid {
  gap: 12px !important;
  margin-bottom: 16px !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-teal {
  --iw-stat-accent: #078f83;
  --iw-stat-accent-2: #18b9a7;
  --iw-stat-soft: #ecfbf8;
  --iw-stat-badge-bg: #d8f7f0;
  --iw-stat-border: #a9e7dc;
  --iw-stat-shadow: rgba(7, 143, 131, .14);
}
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue {
  --iw-stat-accent: #2563c7;
  --iw-stat-accent-2: #3b82f6;
  --iw-stat-soft: #eef6ff;
  --iw-stat-badge-bg: #dceaff;
  --iw-stat-border: #b9d6ff;
  --iw-stat-shadow: rgba(37, 99, 199, .14);
}
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-amber {
  --iw-stat-accent: #b85d05;
  --iw-stat-accent-2: #f59e0b;
  --iw-stat-soft: #fff8e9;
  --iw-stat-badge-bg: #ffedbf;
  --iw-stat-border: #f2d28c;
  --iw-stat-shadow: rgba(184, 93, 5, .14);
}
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-violet {
  --iw-stat-accent: #7041c9;
  --iw-stat-accent-2: #9b6cf1;
  --iw-stat-soft: #f7f2ff;
  --iw-stat-badge-bg: #eadfff;
  --iw-stat-border: #d6c2fa;
  --iw-stat-shadow: rgba(112, 65, 201, .14);
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-teal,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-amber,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-violet {
  min-height: 132px !important;
  padding: 15px 16px 13px !important;
  border: 1px solid var(--iw-stat-border) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, #ffffff 20%, var(--iw-stat-soft) 100%) !important;
  box-shadow: 0 6px 18px var(--iw-stat-shadow) !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-teal:hover,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-teal:focus,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue:hover,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue:focus,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-amber:hover,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-amber:focus,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-violet:hover,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-violet:focus {
  border-color: var(--iw-stat-accent) !important;
  box-shadow: 0 10px 24px var(--iw-stat-shadow) !important;
  transform: translateY(-2px) !important;
}

body:not(.login-bg) .iw-stat-grid .iw-stat-row {
  gap: 11px !important;
  margin-bottom: 0 !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, var(--iw-stat-accent), var(--iw-stat-accent-2)) !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px var(--iw-stat-shadow) !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-icon i {
  color: #ffffff !important;
  font-size: 19px !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-meta { gap: 2px !important; }
body:not(.login-bg) .iw-stat-grid .iw-stat-label {
  color: #506176 !important;
  font-size: 10px !important;
  letter-spacing: .045em !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-teal .iw-stat-number,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-number,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-amber .iw-stat-number,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-violet .iw-stat-number {
  color: var(--iw-stat-accent) !important;
  -webkit-text-fill-color: var(--iw-stat-accent) !important;
  font-size: 26px !important;
  font-weight: 900 !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-desc {
  min-height: 0 !important;
  margin: 7px 0 8px !important;
  overflow: hidden !important;
  color: #617286 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-footer {
  min-height: 23px !important;
  margin-top: 0 !important;
  padding-top: 7px !important;
  border-top: 1px solid rgba(15, 70, 96, .10) !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-badge {
  padding: 3px 7px !important;
  border-radius: 6px !important;
  background: var(--iw-stat-badge-bg) !important;
  color: var(--iw-stat-accent) !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-link {
  color: var(--iw-stat-accent) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-link i { font-size: 10px !important; }
body:not(.login-bg) .iw-stat-grid .iw-stat-topline {
  height: 3px !important;
  border-radius: 11px 11px 0 0 !important;
  background: linear-gradient(90deg, var(--iw-stat-accent), var(--iw-stat-accent-2)) !important;
}

@media (max-width: 1199px) {
  body:not(.login-bg) .iw-stat-grid { gap: 10px !important; }
}
@media (max-width: 575px) {
  body:not(.login-bg) .iw-stat-grid .iw-stat-card {
    min-height: 122px !important;
    padding: 13px 14px 11px !important;
  }
  body:not(.login-bg) .iw-stat-grid .iw-stat-footer {
    align-items: center !important;
    flex-direction: row !important;
  }
}


/* Keep the blue variant aligned with the shared compact treatment. */
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-icon,
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .icon-blue {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  border-radius: 11px !important;
  background: linear-gradient(135deg, var(--iw-stat-accent), var(--iw-stat-accent-2)) !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px var(--iw-stat-shadow) !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-number.blue {
  color: var(--iw-stat-accent) !important;
  -webkit-text-fill-color: var(--iw-stat-accent) !important;
  font-size: 26px !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-badge.badge-blue {
  background: var(--iw-stat-badge-bg) !important;
  color: var(--iw-stat-accent) !important;
}
body:not(.login-bg) .iw-stat-grid .iw-stat-card.card-blue .iw-stat-topline {
  height: 3px !important;
  background: linear-gradient(90deg, var(--iw-stat-accent), var(--iw-stat-accent-2)) !important;
}


/* IW 2026-06-20 - unified client-area content shell */
html:not(.iw-cart-page) body:not(.login-bg) {
  --iw-shell-max: 1520px;
  --iw-shell-pad-x: clamp(28px, 2.6vw, 42px);
  --iw-shell-pad-top: 28px;
  --iw-shell-pad-bottom: 46px;
  --iw-shell-gap: 20px;
  background:
    radial-gradient(circle at 96% 2%, rgba(24, 169, 153, .10), transparent 31rem),
    radial-gradient(circle at 4% 92%, rgba(37, 99, 199, .06), transparent 28rem),
    linear-gradient(180deg, #edf4f6 0%, #f4f7f9 280px, #f6f8fa 100%) fixed !important;
}

html:not(.iw-cart-page) body:not(.login-bg) #main-body,
html:not(.iw-cart-page) body:not(.login-bg) #main-body > .wrapper,
html:not(.iw-cart-page) body:not(.login-bg) .wrapper {
  background: transparent !important;
}

@media (min-width: 992px) {
  html:not(.iw-cart-page) body:not(.login-bg) #content,
  html:not(.iw-cart-page) body:not(.login-bg) #content.no-navbar,
  html:not(.iw-cart-page) body:not(.login-bg) #content.active,
  html:not(.iw-cart-page) body:not(.login-bg) #content.leftSideBarOpened,
  html:not(.iw-cart-page) body:not(.login-bg) #content.rightSideBarOpened,
  html:not(.iw-cart-page) body:not(.login-bg) #content.bothSideBarOpened {
    min-height: calc(100vh - 60px) !important;
    padding: var(--iw-shell-pad-top) var(--iw-shell-pad-x) var(--iw-shell-pad-bottom) !important;
    background: transparent !important;
  }

  html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section {
    width: 100% !important;
    max-width: var(--iw-shell-max) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section > .container,
  html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section > .container-fluid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section *,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section *::before,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section *::after {
  box-sizing: border-box;
}

html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section > *,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section [class*="col-"],
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section .panel,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section .card,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section .table-container,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section .data-table-main-container {
  min-width: 0 !important;
  max-width: 100% !important;
}

html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section img,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section svg,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section video,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section canvas {
  max-width: 100%;
}

html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section .table-responsive,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section .dataTables_wrapper,
html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section pre {
  max-width: 100% !important;
  overflow-x: auto !important;
}

html:not(.iw-cart-page) body:not(.login-bg) .iw-page-header:not(.iw-product-detail-header),
html:not(.iw-cart-page) body:not(.login-bg) .iw-home-header,
html:not(.iw-cart-page) body:not(.login-bg) .iw-domains-header,
html:not(.iw-cart-page) body:not(.login-bg) .iw-invoices-header {
  width: 100% !important;
  margin-bottom: var(--iw-shell-gap) !important;
}

html:not(.iw-cart-page) body:not(.login-bg) .panel,
html:not(.iw-cart-page) body:not(.login-bg) .panel-default,
html:not(.iw-cart-page) body:not(.login-bg) .iw-home-card,
html:not(.iw-cart-page) body:not(.login-bg) .iw-panel-card,
html:not(.iw-cart-page) body:not(.login-bg) .table-container,
html:not(.iw-cart-page) body:not(.login-bg) .data-table-main-container {
  border-color: #d9e5ea !important;
}


/* IW 2026-06-20 - light dashboard welcome header */
body:not(.login-bg) #iw-tour-welcome-bar.iw-page-header.iw-home-header {
  border: 1px solid #cfe3e8 !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(24, 169, 153, .13), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f4fbfc 62%, #edf9f8 100%) !important;
  color: #17384a !important;
  box-shadow: inset 4px 0 0 #18a999, 0 12px 30px rgba(15, 70, 96, .08) !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-page-title {
  color: #123247 !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-page-subtitle {
  display: block !important;
  color: #647789 !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-page-actions {
  align-items: center !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-btn-secondary {
  border: 1px solid #c9dce2 !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #0f5f69 !important;
  box-shadow: 0 3px 10px rgba(15, 70, 96, .05) !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-btn-secondary i {
  color: #078f83 !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-btn-secondary:hover,
body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-btn-secondary:focus {
  border-color: #8fc9c5 !important;
  background: #edf9f8 !important;
  color: #075d67 !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-btn-primary {
  border: 1px solid #087f8c !important;
  background: linear-gradient(135deg, #087f8c 0%, #18a999 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(8, 127, 140, .20) !important;
}

body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-btn-primary:hover,
body:not(.login-bg) #iw-tour-welcome-bar.iw-home-header .iw-btn-primary:focus {
  border-color: #066c7b !important;
  background: linear-gradient(135deg, #066c7b 0%, #0f9488 100%) !important;
  color: #ffffff !important;
}


/* IW 2026-06-20 - mobile domain chips in one row */
@media (max-width: 575px) {
  body:not(.login-bg) #iw-domain-hero .iw-dh2-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 6px !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-chips > .iw-dh2-chip {
    flex: 1 1 calc(25% - 5px) !important;
    min-width: 0 !important;
    width: calc(25% - 5px) !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-chips > .iw-dh2-sep,
  body:not(.login-bg) #iw-domain-hero .iw-dh2-chips > .iw-dh2-trust-item {
    flex: 0 0 100% !important;
    width: 100% !important;
    text-align: center !important;
  }

  body:not(.login-bg) #iw-domain-hero .iw-dh2-chips > .iw-dh2-sep {
    display: none !important;
  }
}

/* IW 2026-06-29 - white top actions restored across ClientX layouts */
body:not(.login-bg) nav.iw-header,
body:not(.login-bg) nav#iw-main-header.iw-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 11800 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #d8e6ea !important;
  background: rgba(255,255,255,.98) !important;
  box-shadow: 0 8px 22px rgba(15,70,96,.08) !important;
}
body:not(.login-bg) nav.iw-header .iw-header-inner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  gap: 14px !important;
  padding: 0 18px 0 276px !important;
}
body:not(.login-bg) nav#sidebar.wgssidebaraddon { z-index: 11950 !important; }
body:not(.login-bg) .iw-header-logo {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:not(.login-bg) .iw-header-logo img {
  display: block !important;
  width: auto !important;
  max-width: 170px !important;
  height: 36px !important;
  object-fit: contain !important;
}
body:not(.login-bg) .iw-header-nav {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
body:not(.login-bg) .iw-header-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  margin-left: auto !important;
  min-width: 0 !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-btn,
body:not(.login-bg) .iw-header-actions .iw-hdr-login,
body:not(.login-bg) .iw-header-actions .iw-hdr-user {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  border: 1px solid #d8e6ea !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f5f69 !important;
  box-shadow: 0 2px 8px rgba(15,70,96,.05) !important;
  line-height: 1 !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-btn {
  position: relative !important;
  width: 40px !important;
  min-width: 40px !important;
  padding: 0 !important;
  font-size: 15px !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-btn:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-btn:focus,
body:not(.login-bg) .iw-header-actions .iw-hdr-login:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-login:focus,
body:not(.login-bg) .iw-header-actions .iw-hdr-user:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-user:focus {
  border-color: #9fcbd1 !important;
  background: #f4fbfc !important;
  color: #066c7b !important;
  text-decoration: none !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-badge {
  position: absolute !important;
  top: -5px !important;
  right: -5px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 5px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: #dc2626 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 18px !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-user {
  gap: 8px !important;
  min-width: 132px !important;
  max-width: 176px !important;
  padding: 4px 10px 4px 4px !important;
  cursor: pointer !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg,#066c7b,#18a999) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-avatar-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: inherit !important;
  background-position: center !important;
  background-size: cover !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-username {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  color: #17384a !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-user > .fa-chevron-down {
  display: inline-block !important;
  flex: 0 0 auto !important;
  color: #7c8b9b !important;
  font-size: 10px !important;
}
body:not(.login-bg) .iw-header-actions .iw-hdr-login {
  gap: 7px !important;
  min-width: 104px !important;
  padding: 0 13px !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}
@media (max-width: 991px) {
  body:not(.login-bg) nav.iw-header .iw-header-inner {
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 62px 0 14px !important;
    gap: 8px !important;
  }
  body:not(.login-bg) nav.iw-header .iw-header-nav { display: none !important; }
  body:not(.login-bg) .iw-header-logo img { max-width: 128px !important; height: 32px !important; }
  body:not(.login-bg) .iw-header-actions { gap: 5px !important; }
  body:not(.login-bg) .iw-header-actions .iw-hdr-btn,
  body:not(.login-bg) .iw-header-actions .iw-hdr-user {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
  }
  body:not(.login-bg) .iw-header-actions .iw-hdr-user { max-width: 38px !important; padding: 3px !important; }
  body:not(.login-bg) .iw-header-actions .iw-hdr-avatar { width: 30px !important; height: 30px !important; min-width: 30px !important; }
  body:not(.login-bg) .iw-header-actions .iw-hdr-username,
  body:not(.login-bg) .iw-header-actions .iw-hdr-user > .fa-chevron-down { display: none !important; }
}
@media (max-width: 390px) {
  body:not(.login-bg) nav.iw-header .iw-header-inner { padding-left: 10px !important; padding-right: 56px !important; }
  body:not(.login-bg) .iw-header-logo img { max-width: 104px !important; height: 29px !important; }
  body:not(.login-bg) .iw-header-actions .iw-hdr-btn,
  body:not(.login-bg) .iw-header-actions .iw-hdr-user {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
  }
}

/* IW 2026-06-30 - sidebar desktop 5 percent narrower */
@media (min-width: 992px) {
  body:not(.login-bg) nav#sidebar.wgssidebaraddon,
  body:not(.login-bg) #sidebar.wgssidebaraddon {
    min-width: 280px !important;
    max-width: 280px !important;
    width: 280px !important;
  }

  body:not(.login-bg) #content,
  body:not(.login-bg) #content.no-navbar,
  body:not(.login-bg) #content.leftSideBarOpened,
  body:not(.login-bg) #content.rightSideBarOpened,
  body:not(.login-bg) #content.bothSideBarOpened {
    width: calc(100% - 280px) !important;
    left: 280px !important;
  }

  body:not(.login-bg) #sidebar.active {
    margin-left: -185px !important;
  }
}

@media (min-width: 992px) {
  body:not(.login-bg) #content.active {
    width: calc(100% - 95px) !important;
    left: 95px !important;
  }
}

/* IW 2026-06-29 - reduce authenticated body top spacing by half */
html:not(.iw-cart-page) body:not(.login-bg) {
  --iw-shell-pad-top: 14px !important;
}

html:not(.iw-cart-page) body:not(.login-bg) #content,
html:not(.iw-cart-page) body:not(.login-bg) #content.no-navbar,
html:not(.iw-cart-page) body:not(.login-bg) #content.active,
html:not(.iw-cart-page) body:not(.login-bg) #content.leftSideBarOpened,
html:not(.iw-cart-page) body:not(.login-bg) #content.rightSideBarOpened,
html:not(.iw-cart-page) body:not(.login-bg) #content.bothSideBarOpened {
  padding-top: 14px !important;
}

html:not(.iw-cart-page) body:not(.login-bg) .theme-main-inner-page-section {
  padding-top: 9px !important;
}


/* IW 2026-06-30 - service 223 final-layer overrides */
body:not(.login-bg) .iw-product-detail-header.iw-product-detail-header-url-223 {
  margin-bottom: 8px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .primary-content,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 #tabOverview,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-box-product,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-box-main,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-service-card,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-box-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-service-card {
  background: #ffffff !important;
  box-shadow: none !important;
  color: #172033 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-product-service-card::before,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .glow-orb,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .glow-orb2,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-left::after {
  display: none !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-card {
  min-height: 0 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-left {
  background: #f8fbfd !important;
  flex-basis: 178px !important;
  width: 178px !important;
  padding: 14px 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .hex-icon-d,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-left-label,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-title,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-sub,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-date-label,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-date-val {
  color: #172033 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .iw-d-body {
  gap: 8px !important;
  padding: 14px 16px !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-badge,
body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-tag {
  color: #34506a !important;
  background: #f8fbfd !important;
  border-color: #d9edf3 !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-tag.done {
  color: #0f8a55 !important;
  background: #eaf9f1 !important;
  border-color: #bfe9cf !important;
}

body:not(.login-bg) .theme-client-service-detail-page.iw-service-detail-url-223 .d-btn-outline {
  color: #0f2745 !important;
  background: #f8fbfd !important;
  border: 1px solid #d9edf3 !important;
}

/* IW clean contacts UI - 2026-06-30 */
body:not(.login-bg) .iw-contact-page {
  border: 1px solid #e1e8f0 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .08) !important;
  padding: 22px !important;
}

body:not(.login-bg) .iw-contact-page .alert {
  margin-bottom: 16px !important;
}

body:not(.login-bg) .iw-contact-picker {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 9px 12px !important;
  align-items: end !important;
  margin: 0 0 20px !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid #edf2f7 !important;
}

body:not(.login-bg) .iw-contact-picker-label,
body:not(.login-bg) .iw-field-label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #52637a !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .iw-contact-picker-label {
  grid-column: 1 / -1 !important;
}

body:not(.login-bg) .iw-contact-page select,
body:not(.login-bg) .iw-contact-page .form-control,
body:not(.login-bg) .iw-contact-page input[type="email"],
body:not(.login-bg) .iw-contact-page input[type="text"],
body:not(.login-bg) .iw-contact-page input[type="tel"] {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  border: 1px solid #d8e2ec !important;
  border-radius: 8px !important;
  background-color: #ffffff !important;
  color: #172033 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  box-shadow: none !important;
}

body:not(.login-bg) .iw-contact-page .form-control:focus,
body:not(.login-bg) .iw-contact-page select:focus,
body:not(.login-bg) .iw-contact-page input:focus {
  border-color: #13b9b3 !important;
  box-shadow: 0 0 0 3px rgba(19, 185, 179, .16) !important;
  outline: none !important;
}

body:not(.login-bg) .iw-contact-section {
  margin: 0 0 18px !important;
  padding: 16px !important;
  border: 1px solid #edf3f8 !important;
  border-radius: 10px !important;
  background: #fbfdff !important;
}

body:not(.login-bg) .iw-contact-section:last-of-type {
  margin-bottom: 0 !important;
}

body:not(.login-bg) .iw-contact-section-title {
  position: relative !important;
  margin: 0 0 14px !important;
  padding-left: 12px !important;
  color: #172033 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

body:not(.login-bg) .iw-contact-section-title::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 2px !important;
  width: 4px !important;
  height: calc(100% - 4px) !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #13b9b3 0%, #007d8c 100%) !important;
}

body:not(.login-bg) .iw-contact-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body:not(.login-bg) .iw-field {
  min-width: 0 !important;
}

body:not(.login-bg) .iw-email-prefs {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body:not(.login-bg) .iw-email-pref {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 11px 12px !important;
  border: 1px solid #e2ebf3 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #2e3f53 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  cursor: pointer !important;
}

body:not(.login-bg) .iw-email-pref-input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body:not(.login-bg) .iw-email-pref-box {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 20px !important;
  height: 20px !important;
  margin-top: 1px !important;
  border: 1px solid #cbd6e2 !important;
  border-radius: 5px !important;
  background: #f8fafc !important;
  color: transparent !important;
  font-size: 10px !important;
}

body:not(.login-bg) .iw-email-pref-input:checked + .iw-email-pref-box {
  border-color: #007d8c !important;
  background: #007d8c !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-email-pref-copy {
  min-width: 0 !important;
}

body:not(.login-bg) .iw-contact-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

body:not(.login-bg) .iw-contact-actions .btn,
body:not(.login-bg) .iw-contact-picker .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 9px 16px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

body:not(.login-bg) .iw-contact-primary-btn,
body:not(.login-bg) .iw-contact-secondary-btn {
  border: 1px solid #007d8c !important;
  background: #007d8c !important;
  color: #ffffff !important;
}

body:not(.login-bg) .iw-contact-light-btn {
  border: 1px solid #d8e2ec !important;
  background: #ffffff !important;
  color: #334155 !important;
}

body:not(.login-bg) .iw-contact-danger-btn {
  border: 1px solid #fecaca !important;
  background: #fff1f2 !important;
  color: #b91c1c !important;
}

body:not(.login-bg) .iw-contact-page .intl-tel-input,
body:not(.login-bg) .iw-contact-page .iti {
  width: 100% !important;
}

@media (max-width: 991px) {
  body:not(.login-bg) .iw-contact-page {
    padding: 16px !important;
  }

  body:not(.login-bg) .iw-contact-grid,
  body:not(.login-bg) .iw-email-prefs,
  body:not(.login-bg) .iw-contact-picker {
    grid-template-columns: 1fr !important;
  }

  body:not(.login-bg) .iw-contact-actions .btn,
  body:not(.login-bg) .iw-contact-picker .btn {
    width: 100% !important;
  }
}

/* IW 2026-07-01: clientarea white top actions - carrito, tienda, notificaciones, mi cuenta */
body:not(.login-bg){
  --iw-action-bg:#ffffff;
  --iw-action-border:#D7F1EF;
  --iw-action-icon:#0E5F73;
  --iw-action-icon-soft:#20C7C9;
  --iw-action-hover:#EEFDFC;
  --iw-action-text:#163C63;
}

body:not(.login-bg) nav.iw-header,
body:not(.login-bg) nav#iw-main-header.iw-header,
body:not(.login-bg) nav.navbar.clientx,
body:not(.login-bg) nav.navbar.wgsheaderfromaddon,
body:not(.login-bg) .iw-account-header{
  background:#ffffff !important;
  border:0 !important;
  border-bottom:1px solid rgba(14,95,115,.12) !important;
  box-shadow:0 8px 22px rgba(22,60,99,.055) !important;
  backdrop-filter:none !important;
}

body:not(.login-bg) .iw-header-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  min-width:0 !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-btn,
body:not(.login-bg) .iw-header-actions .iw-hdr-store,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications,
body:not(.login-bg) .iw-header-actions .iw-hdr-user{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:40px !important;
  min-width:40px !important;
  max-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  max-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  border:1px solid var(--iw-action-border) !important;
  border-radius:10px !important;
  background:var(--iw-action-bg) !important;
  background-image:none !important;
  color:var(--iw-action-icon) !important;
  box-shadow:0 1px 2px rgba(22,60,99,.035) !important;
  filter:none !important;
  text-shadow:none !important;
  transform:none !important;
  line-height:1 !important;
  text-decoration:none !important;
  overflow:visible !important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-btn i,
body:not(.login-bg) .iw-header-actions .iw-hdr-store i,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart i,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications i,
body:not(.login-bg) .iw-header-actions .iw-hdr-user i{
  width:18px !important;
  height:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--iw-action-icon) !important;
  font-size:16px !important;
  line-height:1 !important;
  text-shadow:none !important;
  transform:none !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-store i,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart i,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications i,
body:not(.login-bg) .iw-header-actions .iw-hdr-user i{
  color:var(--iw-action-icon) !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-store-label,
body:not(.login-bg) .iw-header-actions .iw-hdr-username,
body:not(.login-bg) .iw-header-actions .iw-hdr-avatar,
body:not(.login-bg) .iw-header-actions .iw-hdr-user > .fa-chevron-down{
  display:none !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-badge{
  position:absolute !important;
  top:-5px !important;
  right:-5px !important;
  min-width:17px !important;
  width:auto !important;
  height:17px !important;
  min-height:17px !important;
  padding:0 5px !important;
  border:2px solid #ffffff !important;
  border-radius:999px !important;
  background:#20C7C9 !important;
  color:#ffffff !important;
  box-shadow:0 4px 10px rgba(32,199,201,.22) !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:13px !important;
  text-align:center !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-btn:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-btn:focus,
body:not(.login-bg) .iw-header-actions .iw-hdr-store:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-store:focus,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart:focus,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications:focus,
body:not(.login-bg) .iw-header-actions .iw-hdr-user:hover,
body:not(.login-bg) .iw-header-actions .iw-hdr-user:focus{
  background:var(--iw-action-hover) !important;
  background-image:none !important;
  border-color:rgba(32,199,201,.42) !important;
  color:var(--iw-action-text) !important;
  box-shadow:0 6px 16px rgba(22,60,99,.07) !important;
  filter:none !important;
  transform:none !important;
  outline:none !important;
  text-decoration:none !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-btn:hover i,
body:not(.login-bg) .iw-header-actions .iw-hdr-btn:focus i,
body:not(.login-bg) .iw-header-actions .iw-hdr-store:hover i,
body:not(.login-bg) .iw-header-actions .iw-hdr-store:focus i,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart:hover i,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart:focus i,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications:hover i,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications:focus i,
body:not(.login-bg) .iw-header-actions .iw-hdr-user:hover i,
body:not(.login-bg) .iw-header-actions .iw-hdr-user:focus i{
  color:var(--iw-action-text) !important;
}

body:not(.login-bg) .iw-header-actions .iw-hdr-btn:focus-visible,
body:not(.login-bg) .iw-header-actions .iw-hdr-store:focus-visible,
body:not(.login-bg) .iw-header-actions .iw-hdr-cart:focus-visible,
body:not(.login-bg) .iw-header-actions .iw-hdr-notifications:focus-visible,
body:not(.login-bg) .iw-header-actions .iw-hdr-user:focus-visible{
  outline:3px solid rgba(32,199,201,.28) !important;
  outline-offset:2px !important;
}

@media (max-width:767px){
  body:not(.login-bg) .iw-header-actions{
    gap:6px !important;
  }
  body:not(.login-bg) .iw-header-actions .iw-hdr-btn,
  body:not(.login-bg) .iw-header-actions .iw-hdr-store,
  body:not(.login-bg) .iw-header-actions .iw-hdr-cart,
  body:not(.login-bg) .iw-header-actions .iw-hdr-notifications,
  body:not(.login-bg) .iw-header-actions .iw-hdr-user{
    width:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    max-height:38px !important;
    border-radius:9px !important;
  }
}