/* Yourcloudweb Portal v1.3.4 RC25
 * Appearance is resolved in the head BEFORE CSS paints.
 * This stylesheet intentionally scopes the dark palette to YCW and native
 * client-area components, leaving registrar/payment iframes and native actions intact.
 */

/* Three-state appearance control, visible on desktop and mobile. */
body.ycw-portal .ycw-modern-header .ycw-appearance-control {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
body.ycw-portal .ycw-appearance-options[hidden] { display: none !important; }
body.ycw-portal .ycw-appearance-options {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 1600;
  width: min(310px, calc(100vw - 20px));
  padding: 9px;
  background: var(--ycw-card, #fff);
  border: 1px solid var(--ycw-line, #e3e9f2);
  border-radius: 15px;
  box-shadow: 0 20px 55px rgba(7, 19, 40, .19);
  color: var(--ycw-ink, #142440);
}
body.ycw-portal .ycw-appearance-heading {
  display: block;
  padding: 7px 11px 9px;
  color: var(--ycw-muted, #76869c);
  font: 700 10px/1.4 'Poppins', sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body.ycw-portal .ycw-modern-header .ycw-appearance-option {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  width: 100% !important;
  min-height: 56px;
  margin: 0 !important;
  padding: 10px !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: var(--ycw-ink, #142440) !important;
  text-align: left !important;
  cursor: pointer;
}
body.ycw-portal .ycw-appearance-option > i:first-child {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: var(--ycw-info-soft, #eaf2ff);
  color: var(--ycw-info, #3973e6);
}
body.ycw-portal .ycw-appearance-option > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}
body.ycw-portal .ycw-appearance-option strong {
  color: var(--ycw-ink, #142440);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}
body.ycw-portal .ycw-appearance-option small {
  color: var(--ycw-muted, #708097);
  font-size: 10px;
  line-height: 1.4;
}
body.ycw-portal .ycw-appearance-check { visibility: hidden; color: #ff5900; }
body.ycw-portal .ycw-appearance-option[aria-pressed='true'] .ycw-appearance-check { visibility: visible; }
body.ycw-portal .ycw-modern-header .ycw-appearance-option:hover,
body.ycw-portal .ycw-modern-header .ycw-appearance-option[aria-pressed='true'] {
  background: var(--ycw-primary-soft, #fff3ec) !important;
  border-color: var(--ycw-line, #e3e9f2) !important;
}
body.ycw-portal .ycw-appearance-option:focus-visible,
body.ycw-portal #ycw-appearance-toggle:focus-visible {
  outline: 3px solid #ff750d !important;
  outline-offset: 2px;
}
@media (max-width: 470px) {
  body.ycw-portal .ycw-appearance-options { right: -52px; }
}

/* Palette and browser-native UI, applied at first paint. */
html[data-ycw-theme='dark'] {
  color-scheme: dark;
  --ycw-primary: #ff761a;
  --ycw-primary-dark: #ff944f;
  --ycw-primary-soft: #352419;
  --ycw-primary-softer: #241d1b;
  --ycw-ink: #eef4ff;
  --ycw-ink-2: #d7e1f0;
  --ycw-muted: #a5b5cd;
  --ycw-muted-2: #90a1b9;
  --ycw-line: #34445c;
  --ycw-line-2: #2b3a50;
  --ycw-bg: #101a2a;
  --ycw-card: #1a2739;
  --ycw-success: #56d6a0;
  --ycw-success-soft: #18382f;
  --ycw-warning: #ffc16a;
  --ycw-warning-soft: #3c3025;
  --ycw-danger: #ff8691;
  --ycw-danger-soft: #3a242c;
  --ycw-info: #86b4ff;
  --ycw-info-soft: #23344e;
  --ycw-shadow: 0 9px 24px rgba(0, 0, 0, .2);
  --ycw-shadow-hover: 0 14px 32px rgba(0, 0, 0, .31);
  --ycw-dark-surface: #1a2739;
  --ycw-dark-raised: #223248;
  --ycw-dark-input: #152235;
  --ycw-dark-border: #364861;
  --ycw-dark-accent: #ff761a;
  --ycw-dark-text: #eaf1fb;
  --ycw-dark-subtle: #afbed1;
}
html[data-ycw-theme='dark'],
html[data-ycw-theme='dark'] body.body,
html[data-ycw-theme='dark'] body.ycw-portal,
html[data-ycw-theme='dark'] body.ycw-portal .wdes-wrapper,
html[data-ycw-theme='dark'] body.ycw-portal .wdes-content,
html[data-ycw-theme='dark'] body.ycw-portal #main-body,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-content-layout {
  background: #101a2a !important;
  color: #d7e1f0 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal {
  color-scheme: dark;
  scrollbar-color: #455671 #101a2a;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(h1,h2,h3,h4,h5,h6) {
  color: #eef4ff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(p,li,dt,dd,th,td, label,small) {
  border-color: var(--ycw-dark-border);
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.text-muted,.text-secondary,.text-gray,.help-block,.muted,.small,.form-text,.ycw-hint) {
  color: #adbed3 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal a:not(.btn):not(.ycw-quicklink) { color: #ff9657; }
html[data-ycw-theme='dark'] body.ycw-portal a:not(.btn):not(.ycw-quicklink):hover { color: #ffc49b; }

/* Application chrome: sticky header, sidebar and right rail. */
html[data-ycw-theme='dark'] body.ycw-portal :is(.wdes-sidebar,.wdes-sidebar #main-menu,.wdes-sidebar .sidebar, .wdes-sidebar .wdes-main-menu) {
  background: #172235 !important;
  border-color: #314158 !important;
  color: #dae5f3 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal section#header.ycw-modern-header,
html[data-ycw-theme='dark'] body.ycw-portal section#header.ycw-modern-header > .ycw-topbar-shell {
  background: #172235 !important;
  border-color: #314158 !important;
  color: #eaf1fb !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header .ycw-topbar-title,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header .ycw-topbar-brand-text,
html[data-ycw-theme='dark'] body.ycw-portal .wdes-sidebar :is(a,span,strong,p),
html[data-ycw-theme='dark'] body.ycw-portal .whm-sidebar :is(a,span,strong,p) {
  color: #dce6f4 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .wdes-sidebar :is(a:hover,a.active,.active > a,.current > a),
html[data-ycw-theme='dark'] body.ycw-portal .whm-sidebar :is(a:hover,.active > a) {
  color: #ff995c !important;
  background: #2b2c34 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header :is(.ycw-header-icon-button,.ycw-header-lang-button,.ycw-mobile-nav-toggle,.ycw-header-avatar),
html[data-ycw-theme='dark'] body.ycw-portal .ycw-context-close,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-appearance-options,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-layout-choices {
  color: #e5eefc !important;
  background: #243348 !important;
  border-color: #40516a !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-appearance-option strong,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-layout-option strong,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-layout-option {
  color: #eff4fd !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header .ycw-layout-option,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header .ycw-appearance-option {
  color: #eff4fd !important;
  background: transparent !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-layout-option span > small,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-appearance-option small,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-appearance-heading { color: #b2c2d7 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header :is(.ycw-appearance-option[aria-pressed='true'],.ycw-layout-option[aria-pressed='true'],.ycw-appearance-option:hover,.ycw-layout-option:hover) {
  background: #393026 !important;
  border-color: #634632 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-header-search :is(.home-kb-search, input.form-control),
html[data-ycw-theme='dark'] body.ycw-portal .ycw-header-kbd {
  color: #e9f0fc !important;
  background: #202d41 !important;
  border-color: #374962 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header .ycw-header-search i,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-modern-header .ycw-header-kbd { color: #acbad0 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .ycw-content-layout > aside.whm-sidebar { background: #101a2a !important; }
html[data-ycw-theme='dark'] body.ycw-portal .whm-sidebar :is(.panel,.list-group,.list-group-item,.sidebar-card,.ycw-context-card,.ycw-context-close),
html[data-ycw-theme='dark'] body.ycw-portal .wdes-sidebar :is(.ycw-help-card,.ycw-admin-card,.panel,.card,.sidebar-card) {
  background: #1a2739 !important;
  color: #d9e5f5 !important;
  border-color: #34445e !important;
}
html[data-ycw-theme='dark'][data-ycw-layout='boxed'] body.ycw-portal > .wdes-wrapper {
  background: #101a2a !important;
  border-color: #34445c !important;
  box-shadow: 0 20px 65px rgba(0,0,0,.3) !important;
}

/* Cards, panel boundaries, tables and pagination. This is purposefully not
   a universal '*' recolor, which would damage status colors and module embeds. */
html[data-ycw-theme='dark'] body.ycw-portal :is(
  .card,.panel,.panel-default,.panel-body,.panel-heading,.panel-footer,
  .well,.list-group-item,.list-group,.tab-content,.nav-tabs,.dropdown-menu,
  .modal-content,.modal-header,.modal-body,.modal-footer,.invoice,.invoice-container,
  .ycw-card,.ycw-service-card,.ycw-domain-card,.ycw-stat-card,.ycw-quick-card,
  .ycw-portal-card,.ycw-summary-card,.ycw-metric,.ycw-overview-card
) {
  background-color: #1a2739 !important;
  color: #e0e9f5 !important;
  border-color: #34445c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.panel-heading,.card-header,.table > thead > tr > th,.table thead th,.dataTables_wrapper thead th) {
  background-color: #213047 !important;
  color: #dbe7f7 !important;
  border-color: #354660 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.table,.table-responsive,table,.dataTable,.dataTables_wrapper,.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate) {
  background-color: transparent !important;
  color: #dce6f4 !important;
  border-color: #36465e !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.table > tbody > tr > td,.table > tbody > tr > th,.table > tfoot > tr > td,.table > tfoot > tr > th,.table-bordered > tbody > tr > td,table td,table th) {
  border-color: #35465c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.table-striped > tbody > tr:nth-of-type(odd),.table-hover > tbody > tr:hover,.dataTable tbody tr:hover,.table tbody tr:hover) {
  background: #223247 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.pagination > li > a,.pagination > li > span,.page-link,.dataTables_paginate a,.dropdown-menu li a,.nav-tabs > li > a) {
  color: #d9e5f5 !important;
  background: #213047 !important;
  border-color: #35465c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.pagination .active a,.page-item.active .page-link,.nav-tabs > li.active > a,.nav-tabs > li > a:hover) {
  color: #ff9a60 !important;
  background: #352b29 !important;
  border-color: #805039 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(hr,.separator,.divider) { border-color: #374860 !important; }

/* Input controls: native date/calendar widgets inherit dark via color-scheme. */
html[data-ycw-theme='dark'] body.ycw-portal :is(
  input.form-control,select.form-control,textarea.form-control,.form-control,
  .input-group-addon,.input-group-text,.select2-selection,.select2-dropdown,
  .chosen-container-single .chosen-single, input[type='text'],input[type='email'],
  input[type='password'],input[type='search'],input[type='number'],input[type='tel'],
  input[type='date'],textarea,select
) {
  color: #edf3fd !important;
  background-color: #152235 !important;
  border-color: #40516a !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(input,textarea)::placeholder { color: #94a9c4 !important; opacity: 1; }
html[data-ycw-theme='dark'] body.ycw-portal :is(input,select,textarea,.form-control):focus {
  border-color: #ff8540 !important;
  box-shadow: 0 0 0 3px rgba(255, 117, 25, .16) !important;
  outline-color: #ff9b60;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(input:disabled,select:disabled,textarea:disabled,.form-control[readonly]) {
  background: #1b2535 !important;
  color: #a0aec3 !important;
  opacity: 1;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.btn-default,.btn-secondary,.btn-outline-secondary,.btn-light) {
  color: #e1eaf7 !important;
  background: #29394f !important;
  border-color: #435470 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.btn-default,.btn-secondary,.btn-outline-secondary,.btn-light):hover {
  background: #344861 !important;
  color: #fff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.btn-primary,.btn-warning,.btn-success,.btn-danger) { border-color: transparent; }
html[data-ycw-theme='dark'] body.ycw-portal .btn-primary,
html[data-ycw-theme='dark'] body.ycw-portal input[type='submit'].btn-primary { color: #fff !important; background: #ce4900 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .btn-primary:hover { background: #b83d00 !important; }
html[data-ycw-theme='dark'] body.ycw-portal :is(button,a,input[type='submit']):focus-visible {
  outline: 3px solid #ff9c62 !important;
  outline-offset: 2px;
}

/* Status and validation must be distinguishable without relying on hue alone. */
html[data-ycw-theme='dark'] body.ycw-portal :is(.alert-info,.bg-info,.well-info) {
  color: #c4ddff !important;
  background: #1b3049 !important;
  border-color: #35567c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.alert-success,.bg-success) {
  color: #b2efd4 !important;
  background: #17352d !important;
  border-color: #3b6b55 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.alert-warning,.bg-warning) {
  color: #ffddab !important;
  background: #403021 !important;
  border-color: #87603c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.alert-danger,.bg-danger,.has-error .help-block) {
  color: #ffb9be !important;
  background: #3c252b !important;
  border-color: #89505a !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .text-success { color: #71e3ae !important; }
html[data-ycw-theme='dark'] body.ycw-portal .text-danger { color: #ff9da8 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .text-warning { color: #ffca82 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .text-info { color: #93bcff !important; }

/* YCW home, domain, service, invoice and checkout design surfaces. */
html[data-ycw-theme='dark'] body.ycw-portal :is(
  .ycw-service-detail-intro,.ycw-domain-detail-intro,.ycw-service-detail-view,
  .ycw-domain-detail-view,.ycw-service-detail-view .ycw-service-facts,
  .ycw-service-detail-view .wdes-inner-block,.ycw-service-detail-view .product-details-tab-container,
  .ycw-service-detail-view .ycw-service-summary-grid .product-icon,
  .ycw-module-overview,.ycw-quicklinks,.ycw-quicklink-wrap,
  .ycw-domain-overview,.ycw-service-overview,.ycw-domain-list,
  .ycw-home-hero,.ycw-page-hero,.ycw-page-intro,.ycw-dashboard-card,
  .ycw-invoice-card,.ycw-invoice-summary,.ycw-payment-card,
  .ycw-domain-modal,.ycw-service-modal,.ycw-action-modal
) {
  background-color: #1a2739 !important;
  color: #e1eaf6 !important;
  border-color: #36475f !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(
  .ycw-service-detail-view .ycw-service-summary-grid .wdes-inner-block,
  .ycw-service-detail-view .ycw-service-facts > *,
  .ycw-service-detail-view .ycw-service-facts .ycw-service-fact,
  .ycw-service-detail-view .ycw-service-facts .ycw-service-fact-card,
  .ycw-service-detail-view .ycw-service-facts-heading
) { background: #223147 !important; border-color: #374b66 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .ycw-service-detail-view .ycw-service-detail-intro {
  background: linear-gradient(115deg, #19283c, #342820) !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-service-detail-view .product-status-text,
html[data-ycw-theme='dark'] body.ycw-portal .ycw-service-detail-view .status-active { color: #83eab7 !important; }
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-service-facts-heading strong,.ycw-service-detail-view strong,.ycw-domain-detail-view strong) { color: #eff5ff !important; }
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-service-invoice-alert,.ycw-service-detail-view .ycw-service-invoice-alert) {
  color: #ffbec6 !important;
  background: #3d252d !important;
  border-color: #87515a !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-service-detail-view .ycw-service-invoice-alert-action {
  color: #fff !important;
  background: #f25a06 !important;
  border-color: #f25a06 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-service-detail-view #alertUnpaidInvoice { background: #403021 !important; border-color: #88603a !important; }

/* Module-provided Plesk shortcuts from RC24; links and icons untouched. */
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview .ycw-shortcuts-heading { color: #edf4ff !important; }
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview a.ycw-quicklink {
  color: #e1ebf8 !important;
  background: #213149 !important;
  border-color: #3a4d67 !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview a.ycw-quicklink:hover {
  color: #fff !important;
  background: #302e32 !important;
  border-color: #99603c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview .ycw-quicklink-icon { background: #3b2d25 !important; color: #ff995e !important; }
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview :is(.ycw-quicklink-title,.ycw-quicklink-name,.ycw-quicklink-label) { color: #f0f5ff !important; }
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview :is(.ycw-quicklink-desc,.ycw-quicklink-subtitle) { color: #b3c3d9 !important; }

/* Modals, popovers and third-party selects: popup background must be themed. */
html[data-ycw-theme='dark'] body.ycw-portal :is(.popover,.tooltip-inner,.datepicker,.ui-datepicker,.select2-dropdown,.select2-results,.tt-menu,.typeahead,.bootstrap-select .dropdown-menu,.sweet-alert,.swal2-popup) {
  color: #e5eefb !important;
  background: #223248 !important;
  border-color: #415470 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.popover-title,.select2-results__option--highlighted,.select2-results__option:hover) {
  color: #fff !important;
  background: #35455c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .modal-backdrop { background: #030815 !important; }
html[data-ycw-theme='dark'] body.ycw-portal :is(.modal-header .close,.modal-content .close) { color: #eff5ff !important; opacity: .9; }
html[data-ycw-theme='dark'] body.ycw-portal :is(#fullpage-overlay,.overlay) { color: #e4effc !important; }

/* Respect user motion settings; theme switching does not animate every surface. */
@media (prefers-reduced-motion: reduce) {
  body.ycw-portal .ycw-appearance-control *,
  body.ycw-portal .ycw-appearance-options * { transition: none !important; }
}

/* Override older high-specificity white table-cell backgrounds. */
html[data-ycw-theme='dark'] body.ycw-portal .table > tbody > tr > td,
html[data-ycw-theme='dark'] body.ycw-portal .table > tbody > tr > th,
html[data-ycw-theme='dark'] body.ycw-portal .table > tfoot > tr > td,
html[data-ycw-theme='dark'] body.ycw-portal .table > tfoot > tr > th,
html[data-ycw-theme='dark'] body.ycw-portal table.table-list > tbody > tr > td,
html[data-ycw-theme='dark'] body.ycw-portal table.listtable > tbody > tr > td {
  color: #dce7f5 !important;
  background-color: #1a2739 !important;
  border-color: #37485f !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .table-hover > tbody > tr:hover > td,
html[data-ycw-theme='dark'] body.ycw-portal table.table-list > tbody > tr:hover > td {
  background-color: #26374f !important;
}
/* Module shortcuts use animated backgrounds; dark values are also set on
   color-specific variants so the links remain legible throughout hover. */
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview .ycw-quicklink[data-ycw-kind='mail'] .ycw-quicklink-icon,
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview .ycw-quicklink[data-ycw-kind='users'] .ycw-quicklink-icon {
  background: #253b60 !important;
  color: #94bdff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview .ycw-quicklink[data-ycw-kind='database'] .ycw-quicklink-icon,
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview .ycw-quicklink[data-ycw-kind='statistics'] .ycw-quicklink-icon {
  background: #1b4138 !important;
  color: #82e4b4 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-module-overview .ycw-quicklink-description {
  color: #adbed2 !important;
}

/* Printed account pages remain legible regardless of saved appearance. */
@media print {
  html[data-ycw-theme='dark'],
  html[data-ycw-theme='dark'] body.ycw-portal,
  html[data-ycw-theme='dark'] body.ycw-portal :is(.wdes-wrapper,.wdes-content,#main-body,.panel,.card,.table,.table td,.table th) {
    color-scheme: light !important;
    background: #fff !important;
    color: #172b4b !important;
    box-shadow: none !important;
  }
  html[data-ycw-theme='dark'] body.ycw-portal :is(h1,h2,h3,h4,h5,h6,.table td,.table th) {
    color: #172b4b !important;
  }
  .ycw-appearance-control { display: none !important; }
}


/* RC27: targeted dark-mode repairs for domain/service dialogs, domain details,
   DataTables list pages, home illustrations and overdue invoice alerts. */
html[data-ycw-theme='dark'] body.ycw-portal :is(.table-container,.dataTables_wrapper) {
  background: transparent !important;
  color: #dce6f4 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_info {
  background: #1b283b !important;
  border-bottom-color: #36475f !important;
  color: #dbe6f5 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_length {
  background: #1a2739 !important;
  color: #dce6f4 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_length label .form-control {
  background: #203046 !important;
  border-color: #40526b !important;
  color: #edf3fd !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label .form-control {
  background: #203046 url('../../../assets/img/search.png') no-repeat 8px 5px !important;
  border-color: #40526b !important;
  color: #edf3fd !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_paginate {
  color: #dce6f4 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal table.table-list thead th,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper table.table-list thead th,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper table.table-list thead th.sorting_asc,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper table.table-list thead th.sorting_desc {
  background: #213047 !important;
  color: #e8f0fc !important;
  border-bottom-color: #3c526e !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .table-list > tbody > tr > td,
html[data-ycw-theme='dark'] body.ycw-portal .table-list > tbody > tr:nth-child(even) > td {
  background: #1a2739 !important;
  color: #dce7f5 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .table-list > tbody > tr:hover > td {
  background: #26374f !important;
}

html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-page,
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-page * {
  border-color: #36475f;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails :is(.ycw-domain-detail-hero,.ycw-domain-detail-information,.ycw-domain-detail-quicklinks) {
  background: #1a2739 !important;
  border-color: #36475f !important;
  color: #e2ebf7 !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.20) !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-hero {
  background: linear-gradient(120deg,#1a2739 0%,#232a36 100%) !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-hero-icon,
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-quicklinks-title i {
  background: #30271f !important;
  color: #ff975f !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails :is(.ycw-domain-detail-hero h2,.ycw-domain-detail-information h3,.ycw-domain-detail-quicklinks-title h4,.ycw-domain-detail-stat > strong) {
  color: #eef4ff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails :is(.ycw-domain-detail-subtitle,.ycw-domain-detail-hero-status > span,.ycw-domain-detail-stat > span) {
  color: #adbed3 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-hero-status {
  background: #202f43 !important;
  border-color: #3f516c !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-hero-status strong { color: #83eab7 !important; }
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-stat {
  background: #223248 !important;
  border-color: #3a4d67 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-quicklinks li a {
  background: #223248 !important;
  border-color: #3a4d67 !important;
  color: #e5eefb !important;
}
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-quicklinks li a:hover {
  background: #332c2b !important;
  border-color: #87553d !important;
  color: #fff !important;
}

html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-surface,.ycw-service-dialog-surface) {
  background: #1a2739 !important;
  color: #e6effc !important;
  border-color: #37495f !important;
  box-shadow: 0 36px 110px rgba(0,0,0,.55) !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-head,.ycw-service-dialog-head) {
  border-bottom-color: #35465f !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-head h2,.ycw-service-dialog-heading h2,.ycw-domain-dialog-section-title,.ycw-service-dialog-content h3) {
  color: #eef4ff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-domain,.ycw-service-dialog-subtitle,.ycw-domain-dialog-stat > span,.ycw-service-dialog-stats span) {
  color: #adbed3 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-close,.ycw-service-dialog-close,.ycw-domain-dialog-done,.ycw-service-dialog-done) {
  background: #223248 !important;
  color: #e6eefb !important;
  border-color: #40526b !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-stat,.ycw-service-dialog-stats > div) {
  background: #223248 !important;
  border-color: #3a4d67 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-stat > strong,.ycw-service-dialog-stats strong) {
  color: #eef4ff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-actions a,.ycw-service-dialog-actions a) {
  background: #223248 !important;
  border-color: #3a4d67 !important;
  color: #edf4ff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-actions a:hover,.ycw-domain-dialog-actions a:focus-visible,.ycw-service-dialog-actions a:hover,.ycw-service-dialog-actions a:focus-visible) {
  background: #342d2b !important;
  border-color: #8c593f !important;
  color: #fff !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-domain-dialog-actions a::after,.ycw-service-dialog-actions a::after) {
  color: #b3c3d9 !important;
}

html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-discover-hero,.ycw-discover-help,.ycw-discover-quick-card) {
  border-color: #36475f !important;
  color: #eaf1fc !important;
  box-shadow: 0 22px 48px rgba(0,0,0,.24) !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-discover-hero {
  background: radial-gradient(circle at 87% 23%,rgba(255,118,26,.14) 0,transparent 37%), linear-gradient(120deg,#1a2739 0%,#222c3f 70%,#2b2d35 100%) !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-discover-help {
  background: linear-gradient(108deg,#1f2b3d,#1a2739 78%) !important;
  border-color: #49586d !important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-discover-hero-copy > p,.ycw-help-content p) { color: #b1c0d4 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .ycw-discover-quick-card {
  background: #1a2739 !important;
}
html[data-ycw-theme='dark'] body.ycw-portal .ycw-quick-art { background: #223248 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .ycw-quick-hosting .ycw-quick-art { background: #233045 !important; }
html[data-ycw-theme='dark'] body.ycw-portal .ycw-quick-manage .ycw-quick-art { background: #20323a !important; }
html[data-ycw-theme='dark'] body.ycw-portal :is(.ycw-discover-hero-art img,.ycw-quick-art img,.ycw-help-illustration img) {
  filter: brightness(.88) contrast(1.08) saturate(.92) drop-shadow(0 12px 26px rgba(0,0,0,.28));
}

html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view #alertOverdueInvoice,
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view #alertUnpaidInvoice,
html[data-ycw-theme='dark'] body.ycw-portal.template-clientareadomaindetails :is(#alertOverdueInvoice,#alertUnpaidInvoice) {
  background: #3b252c !important;
  border-color: #88505a !important;
  color: #ffc0c6 !important;
}



/* =========================================================
   YCW RC28: dark-mode design-system completion
   These rules explicitly match YCW components instead of recoloring
   every element or altering gateway iframes. No CSS inversion filters.
   ========================================================= */
:root { --ycw-rc28-focus:#ff8e4d; }
html[data-ycw-theme="dark"] {
  --ycw-bg:#101a2a;
  --ycw-card:#1b293c;
  --ycw-surface-2:#223248;
  --ycw-ink:#edf4ff;
  --ycw-ink-2:#d7e3f3;
  --ycw-muted:#b4c3d7;
  --ycw-line:#394d68;
  --ycw-orange:#ff8538;
}
html[data-ycw-theme="dark"] body.ycw-portal,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-wrapper,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-content,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-content-layout,
html[data-ycw-theme="dark"] body.ycw-portal #main-body {
  color:#dce7f5!important;
  background-color:#101a2a!important;
}
/* Primary sidebar: styling the outer aside alone does not cover inner navbar. */
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar #main-menu,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar #nav,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-nav-side,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .navbar,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .navbar-default,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar #primary-nav,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .navbar-collapse,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-brand {
  background:#172438!important;
  color:#e6effb!important;
  border-color:#354960!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-brand-main img {
  filter:brightness(0) invert(1);
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-welcome-card,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-help-card,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav .dropdown-menu,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-sidebar-shortcuts,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar ul.shortcuts > li > a {
  color:#e8f1fd!important;
  background:#223249!important;
  border-color:#415572!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.ycw-welcome-eyebrow,.ycw-sidebar-label,.ycw-help-card p,.ycw-welcome-name,.ycw-profile-fallback) {
  color:#b5c6dc!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.wdes-custom-nav,.panel-group,.panel,.panel-body,.panel-heading,.list-group,.list-group-item) {
  background-color:transparent!important;
  border-color:#344761!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.wdes-custom-nav a,.wdes-custom-nav button,.navbar-nav > li > a,.shortcuts i) {
  color:#dce8f8!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.wdes-custom-nav a:hover,.wdes-custom-nav a:focus,.wdes-custom-nav .active > a,.wdes-custom-nav .active > a:hover) {
  background:#2e3545!important;
  color:#ffa26d!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-help-card .btn,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-welcome-card .btn {
  background:#293b54!important;
  border-color:#485d7b!important;
  color:#e8f2ff!important;
}
/* Header, context panel, user dropdown and alerts */
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-context-card,.ycw-context-section,.ycw-context-section-header,.ycw-context-heading,.ycw-context-panel,.ycw-context-drawer,.ycw-context-panel-inner) {
  background:#1b293d!important;
  color:#e8f1fd!important;
  border-color:#374b67!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .whm-sidebar :is(.panel,.panel-body,.panel-heading,.list-group-item,.sidebar-card,.ycw-context-card) {
  background:#1e2d42!important;
  border-color:#384c66!important;
  color:#e6effb!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-context-section a,.ycw-context-card a,.ycw-context-panel a,.whm-sidebar .list-group-item a) {
  color:#dfebf9!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-context-section a:hover,.ycw-context-card a:hover,.whm-sidebar .active > a) {
  color:#ffa06a!important;
  background:#332f34!important;
}
/* Tables & data controls across invoices, domains, quotes, tickets and services. */
html[data-ycw-theme="dark"] body.ycw-portal .table-container,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .row,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_length,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_filter,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_info,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_paginate {
  color:#d7e4f4!important;
  background-color:#1b293c!important;
  border-color:#374a63!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.dataTables_wrapper input,.dataTables_wrapper select) {
  background-color:#18263b!important;
  color:#eaf3ff!important;
  border-color:#475d79!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_filter input {
  background-image:none!important;
  padding-left:14px!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper table.table-list,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper table.table-list > tbody,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper table.table-list > tbody > tr {
  background:#1b293c!important;
  color:#dce8f7!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.table.table-list,.dataTable) thead th,
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.table.table-list,.dataTable) thead th.sorting_asc,
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.table.table-list,.dataTable) thead th.sorting_desc {
  background:#22344d!important;
  color:#e9f1fc!important;
  border-color:#405572!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.table.table-list,.dataTable) tbody td {
  background-color:#1b293c!important;
  color:#e3edf9!important;
  border-color:#364961!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.table.table-list,.dataTable) tbody tr:hover td {
  background-color:#263952!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper :is(.pagination a,.pagination span,.paginate_button) {
  color:#dce8f9!important;
  background:#24364e!important;
  border-color:#435874!important;
}
/* Fully dark domain & service dialogs without discolored header typography. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-surface,.ycw-service-dialog-surface),
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-head,.ycw-service-dialog-head,.ycw-domain-dialog-content,.ycw-service-dialog-content,.ycw-domain-dialog-bottom,.ycw-service-dialog-bottom) {
  color:#e7effc!important;
  background:#1b293c!important;
  border-color:#3a4e68!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-head h2,.ycw-service-dialog-heading h2,.ycw-domain-dialog-section-title,.ycw-service-dialog-content h3) {
  color:#f1f6ff!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-domain,.ycw-service-dialog-subtitle,.ycw-domain-dialog-stat > span,.ycw-service-dialog-stats span) {
  color:#b4c5dc!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-stat,.ycw-service-dialog-stats > div) {
  background:#25364e!important;
  border-color:#405573!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-stat > strong,.ycw-service-dialog-stats strong) {
  color:#f4f7ff!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-actions a,.ycw-service-dialog-actions a) {
  color:#eaf2ff!important;
  background:#263850!important;
  border-color:#415672!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-actions a:hover,.ycw-service-dialog-actions a:hover) {
  background:#3e3331!important;
  color:#fff!important;
  border-color:#b0714b!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-close,.ycw-service-dialog-close,.ycw-domain-dialog-done,.ycw-service-dialog-done) {
  background:#2a3c54!important;
  color:#f0f5ff!important;
  border-color:#465b79!important;
}
/* Domain overview screens and their individual information tiles. */
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails :is(.ycw-domain-detail-hero,.ycw-domain-detail-information,.ycw-domain-detail-quicklinks) {
  background:#1b293c!important;
  border-color:#3a4d65!important;
  color:#e6effb!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-hero {
  background:linear-gradient(120deg,#1d2b40,#2c303a)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails :is(.ycw-domain-detail-hero h2,.ycw-domain-detail-information h3,.ycw-domain-detail-quicklinks-title h4,.ycw-domain-detail-stat > strong) {
  color:#edf4ff!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails :is(.ycw-domain-detail-subtitle,.ycw-domain-detail-stat > span,.ycw-domain-detail-hero-status > span) {
  color:#b5c4d8!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails :is(.ycw-domain-detail-hero-status,.ycw-domain-detail-stat) {
  background:#25364d!important;
  border-color:#3f5470!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-hero-status strong { color:#87e8b7!important; }
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails .ycw-domain-detail-quicklinks li a {
  color:#eaf2ff!important;
  background:#26384d!important;
  border-color:#405471!important;
}
/* Actual service page: override the old inline component stylesheet. */
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view :is(.product-details,.product-status,.wdes-inner-block,.product-details-tab-container) {
  color:#e6f0ff!important;
  background:#1b293c!important;
  border-color:#3a506c!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-intro {
  background:linear-gradient(112deg,#1b293c,#302b31)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view div.product-details div.product-icon {
  background:linear-gradient(145deg,#253a53,#1e2e42)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view :is(.product-icon .fa-stack,.wdes-inner-block,.ycw-service-facts-heading) {
  background:#24374f!important;
  border-color:#435876!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view :is(.product-status h3,.wdes-inner-block,.wdes-inner-block strong,.product-details-tab-container strong,.ycw-service-detail-intro h2) {
  color:#eff5ff!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view :is(.product-status h4,.wdes-inner-block h4,.ycw-service-detail-intro p) {
  color:#b8c8dc!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .wdes-nav-tabs > li > a {
  background:#24364d!important;
  color:#dce7f6!important;
  border-color:#3c516c!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .wdes-nav-tabs > li.active > a {
  background:#3d302d!important;
  color:#ffb184!important;
  border-color:#885a44!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .product-status-text {
  color:#8de8b6!important;
  background:#1c3b33!important;
}
/* Unified YCW invoice warning CTA, no floats or Bootstrap pseudo-floats. */
body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert,
body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .ycw-service-invoice-alert {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  box-sizing:border-box;
  min-width:0;
}
body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert::before,
body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert::after,
body.ycw-portal.template-clientareaproductdetails .ycw-service-invoice-alert::before,
body.ycw-portal.template-clientareaproductdetails .ycw-service-invoice-alert::after { display:none!important; content:none!important; }
body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert .ycw-domain-invoice-alert-action { float:none!important; flex:0 0 auto; margin:0!important; }
body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert .ycw-domain-invoice-alert-message { flex:1 1 0; min-width:0; }
body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert .ycw-domain-invoice-alert-action .btn,
body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .ycw-service-invoice-alert-action {
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #ff650a!important;
  border-radius:12px!important;
  background:#ff650a!important;
  color:#fff!important;
  font-weight:750!important;
  text-decoration:none!important;
  box-shadow:none!important;
  white-space:nowrap;
}
body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert .ycw-domain-invoice-alert-action .btn:hover,
body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .ycw-service-invoice-alert-action:hover { background:#e45200!important; border-color:#e45200!important; }
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails :is(#alertOverdueInvoice,#alertUnpaidInvoice),
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails :is(#alertOverdueInvoice,#alertUnpaidInvoice) {
  color:#ffd5d9!important;
  background:#38262f!important;
  border-color:#7d4c59!important;
}
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareadomaindetails #alertUnpaidInvoice,
html[data-ycw-theme="dark"] body.ycw-portal.template-clientareaproductdetails #alertUnpaidInvoice {
  color:#ffe1bb!important;
  background:#3c3027!important;
  border-color:#846244!important;
}
@media(max-width:767px) {
  body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert,
  body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .ycw-service-invoice-alert {
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert .ycw-domain-invoice-alert-action,
  body.ycw-portal.template-clientareadomaindetails .ycw-domain-invoice-alert .ycw-domain-invoice-alert-action .btn,
  body.ycw-portal.template-clientareaproductdetails .ycw-service-detail-view .ycw-service-invoice-alert-action { width:100%!important; }
}
/* Full dark-themed illustration collection, rather than filtering light SVGs. */
body.ycw-portal img.ycw-illustration-dark { display:none!important; }
html[data-ycw-theme="dark"] body.ycw-portal img.ycw-illustration-light { display:none!important; }
html[data-ycw-theme="dark"] body.ycw-portal img.ycw-illustration-dark { display:block!important; filter:none!important; }
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-discover-hero,.ycw-discover-quick-card,.ycw-discover-help) {
  color:#e9f2ff!important;
  background:#1b293c!important;
  border-color:#3d506a!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-discover-hero { background:radial-gradient(circle at 88% 22%,#312c34 0,transparent 38%),linear-gradient(120deg,#1c2b3f,#222d40)!important; }
html[data-ycw-theme="dark"] body.ycw-portal .ycw-discover-help { background:linear-gradient(105deg,#253347,#1b293c)!important; }
html[data-ycw-theme="dark"] body.ycw-portal .ycw-quick-art,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-quick-hosting .ycw-quick-art,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-quick-manage .ycw-quick-art {
  background:#23374e!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-discover-hero h1,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-discover-help h2,
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-discover-quick-card h3,.ycw-discover-quick-card h2,.ycw-discover-product h3) {
  color:#edf4ff!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-discover-hero-copy > p,.ycw-help-content > p,.ycw-discover-quick-card p,.ycw-discover-product p) { color:#b8c7dc!important; }
/* Apply theme to extra home/dashboard blocks defined by legacy stylesheet. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-dashboard-hero,.ycw-dashboard-section,.ycw-dashboard-card,.ycw-dashboard-tile,.ycw-dash-widget,.ycw-discover-product,.ycw-discover-category,.ycw-feature-card,.ycw-news-card,.ycw-quick-card) {
  background-color:#1b293c!important;
  border-color:#394c66!important;
  color:#e5effc!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-dashboard-hero h1,.ycw-dashboard-section h2,.ycw-dashboard-card h2,.ycw-dash-widget h3) { color:#f1f6ff!important; }
/* Subtle select dropdowns, tooltips, tabs, API output; excludes third-party iframes. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.nav-tabs > li > a,.dropdown-menu,.popover,.popover-content,.tooltip-inner,.list-group-item,.panel-footer,.well) {
  background:#22334a!important;
  border-color:#405471!important;
  color:#e9f2fc!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.select2-selection,.select2-dropdown,.select2-results__option,.bootstrap-select .dropdown-menu) {
  background:#1c2c40!important;
  border-color:#455a76!important;
  color:#edf4ff!important;
}
@media print {
  html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-detail-hero,.ycw-domain-detail-information,.ycw-domain-detail-stat,.ycw-service-detail-view .product-status,.ycw-service-detail-view .wdes-inner-block) { color:#172b4b!important; background:#fff!important; border-color:#d7e1ec!important; }
  html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-detail-hero h2,.ycw-domain-detail-stat strong,.ycw-service-detail-view .product-status h3) { color:#172b4b!important; }
  html[data-ycw-theme="dark"] body.ycw-portal img.ycw-illustration-dark { display:none!important; }
  html[data-ycw-theme="dark"] body.ycw-portal img.ycw-illustration-light { display:block!important; }
}

/* Print is always a light, legible document even with Dark selected. */
@media print {
  html[data-ycw-theme="dark"] body.ycw-portal :is(
    .ycw-discover-hero,.ycw-discover-quick-card,.ycw-discover-help,
    .ycw-domain-detail-hero,.ycw-domain-detail-information,.ycw-domain-detail-stat,
    .ycw-service-detail-view .product-status,.ycw-service-detail-view .wdes-inner-block,
    .table-container,.dataTables_wrapper,.dataTables_wrapper table.table-list tbody td,
    .dataTables_wrapper table.table-list thead th
  ) {
    color:#172b4b!important;
    background:#fff!important;
    border-color:#d7e1eb!important;
    box-shadow:none!important;
  }
  html[data-ycw-theme="dark"] body.ycw-portal :is(
    .ycw-discover-hero h1,.ycw-domain-detail-hero h2,
    .ycw-domain-detail-stat strong,.ycw-service-detail-view .product-status h3
  ) { color:#172b4b!important; }
}


/* ===================================================================
   RC29: final dark-mode UI polishing for native customer data tables,
   Bootstrap controls and selected navigation. Limited to Dark mode.
   All amount/status/checkout business behavior stays untouched.
   =================================================================== */
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a:hover,
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a:focus,
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a[aria-expanded='true'],
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel.active > a {
  color:#ffad79!important;
  background:#372e30!important;
  border-color:#80513f!important;
  box-shadow:inset 3px 0 0 #ff7930;
}
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a:hover :is(.ycw-nav-label,.fa-angle-down),
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a[aria-expanded='true'] :is(.ycw-nav-label,.fa-angle-down),
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel.active > a :is(.ycw-nav-label,.fa-angle-down) {
  color:#ffb68a!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a .ycw-nav-icon,
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a > i:first-child {
  color:#b6c8e0!important;
  background:#263950!important;
  border-color:#405675!important;
}
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a:hover .ycw-nav-icon,
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a[aria-expanded='true'] .ycw-nav-icon,
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel.active > a .ycw-nav-icon,
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel > a:hover > i:first-child,
html[data-ycw-theme='dark'] body.ycw-portal #main-menu .wdes-custom-nav > .panel.active > a > i:first-child {
  color:#ff9b64!important;
  background:#453129!important;
  border-color:#76523f!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .wdes-sidebar .ycw-welcome-card :is(.btn,.dropdown-toggle,.wdes-user-area-nav a[role='button']) {
  color:#e6effe!important;
  background:#2a3b54!important;
  border-color:#485f7e!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .wdes-sidebar .ycw-welcome-card :is(.btn,.dropdown-toggle):hover {
  color:#fff!important;
  background:#334963!important;
}
/* No legacy image-based search icon: pure CSS drawing, consistent across retina displays. */
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label {
  display:block!important;
  position:relative!important;
  margin:0!important;
  padding:9px 12px!important;
  color:#b6c7dc!important;
  background:#1d2c40!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label::before {
  content:'';
  position:absolute;
  z-index:2;
  left:29px;
  top:calc(50% - 9px);
  width:12px;
  height:12px;
  border:2px solid #a2b5d0;
  border-radius:50%;
  pointer-events:none;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label::after {
  content:'';
  position:absolute;
  z-index:2;
  left:41px;
  top:calc(50% + 3px);
  width:9px;
  height:2px;
  transform:rotate(45deg);
  transform-origin:left center;
  border-radius:2px;
  background:#a2b5d0;
  pointer-events:none;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label input,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label input.form-control {
  display:inline-block!important;
  box-sizing:border-box!important;
  width:min(290px,100%)!important;
  min-height:44px!important;
  padding:10px 14px 10px 43px!important;
  margin:0!important;
  border:1px solid #425875!important;
  border-radius:12px!important;
  color:#edf4ff!important;
  background-color:#22334a!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label input:focus-visible {
  outline:2px solid #ff924f!important;
  outline-offset:2px;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label input::placeholder {color:#a5b8d0!important;}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper > .row,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .row,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .row > [class*='col-'] {
  background-color:#1b293c!important;
  border-color:#374b65!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_info,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_length,
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_paginate {
  background:#1b293c!important;
  color:#dce8f7!important;
  border-color:#3e516b!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_length :is(select,.form-control) {
  color:#e9f2ff!important;
  background:#22334a!important;
  border:1px solid #455b78!important;
  border-radius:9px!important;
  min-height:40px!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_paginate :is(.pagination > li > a,.pagination > li > span,.page-link,.paginate_button) {
  background:#22334b!important;
  color:#dce8f7!important;
  border:1px solid #455a78!important;
  min-height:36px;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_paginate :is(.pagination > .active > a,.pagination > .active > span,.page-item.active .page-link,.paginate_button.current) {
  background:#433128!important;
  color:#ffc299!important;
  border-color:#a46a47!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_paginate :is(.pagination > li > a,.page-link,.paginate_button):hover {
  background:#2d4159!important;
  color:#fff!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper :is(table.table-list,table.table-list > tbody > tr,table.table-list > tbody > tr > td) {
  background:#1b293c!important;
  color:#e2edf9!important;
}
html[data-ycw-theme='dark'] body.ycw-portal :is(.table-container,.dataTables_wrapper) .table-list > thead > tr > th {
  color:#edf5ff!important;
  background:#253650!important;
  border-color:#415572!important;
}
html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .table-list > tbody > tr:hover > td {background:#263a52!important;}
/* Preserve meaningful invoice and quote status badges instead of globally recoloring. */
html[data-ycw-theme='dark'] body.ycw-portal .table-list .status {
  font-weight:700!important;
  text-align:center;
}
@media(max-width:767px) {
  html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter {width:100%!important;}
  html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label {width:100%!important;}
  html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_filter label input {width:100%!important;}
}
@media print {
  html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper,
  html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .row,
  html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .row > [class*='col-'],
  html[data-ycw-theme='dark'] body.ycw-portal .dataTables_wrapper .dataTables_info {
    background:#fff!important;
    color:#172b4b!important;
    border-color:#d7e1eb!important;
  }
}


/* YCW Portal RC30 | Full client-area appearance and interaction audit.
   Dark-only corrections. Do not alter visibility states, form behavior,
   external gateway iframes, status semantics or native responsive geometry. */
html[data-ycw-theme="dark"] {
  --ycw30-canvas:#101a2a;
  --ycw30-sidebar:#172438;
  --ycw30-surface:#1b293d;
  --ycw30-raised:#24344b;
  --ycw30-recessed:#142237;
  --ycw30-text:#ecf3ff;
  --ycw30-muted:#b3c3d8;
  --ycw30-border:#3c506c;
  --ycw30-active:#342b2c;
  --ycw30-focus:#ff9c68;
  --ycw30-accent:#ff9558;
  color-scheme:dark;
  background:var(--ycw30-canvas)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-wrapper,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-content,
html[data-ycw-theme="dark"] body.ycw-portal #main-body,
html[data-ycw-theme="dark"] body.ycw-portal #main-body > .container,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-content-layout,
html[data-ycw-theme="dark"] body.ycw-portal #footer {
  background-color:var(--ycw30-canvas)!important;
  color:var(--ycw30-text)!important;
}
/* Boxed needs a dark gutter OUTSIDE the portal as well as a dark frame. */
@media(min-width:1051px) {
  html[data-ycw-theme="dark"][data-ycw-layout="boxed"] body.ycw-portal:not(.template-login):not(.template-clientregister),
  html[data-ycw-theme="dark"][data-ycw-layout="boxed"] body.ycw-portal > .wdes-wrapper,
  html[data-ycw-theme="dark"][data-ycw-layout="boxed"] body.ycw-portal > .wdes-wrapper > .wdes-content {
    background:var(--ycw30-canvas)!important;
  }
  html[data-ycw-theme="dark"][data-ycw-layout="boxed"] body.ycw-portal > .wdes-wrapper {
    border-color:var(--ycw30-border)!important;
    box-shadow:0 25px 70px rgba(0,0,0,.35)!important;
  }
}
/* Loading overlay uses its own z-index and must be dark from first paint. */
html[data-ycw-theme="dark"] body.ycw-portal .wdes-loading,
html[data-ycw-theme="dark"] body.ycw-portal :is(#fullpage-overlay,.loading-overlay,.blockUI.blockOverlay,.ycw-loading-overlay) {
  background-color:var(--ycw30-canvas)!important;
  color:var(--ycw30-muted)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-loader,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-loader :is(.line,.dot,span) {border-color:var(--ycw30-accent)!important;color:var(--ycw30-accent)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.skeleton,.placeholder,.loading-placeholder,.ycw-skeleton) {background-color:#273851!important;color:var(--ycw30-muted)!important;}
/* Profile accordion: open account menu previously retained a white dropdown. */
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.wdes-user-area-nav,.wdes-user-area-nav .panel,.wdes-user-area-nav .wdes-collapse-bg,.wdes-user-area-nav .wdes-collapse-bg ul,.wdes-user-area-nav .dropdown-menu,.wdes-user-area-nav .collapse,.wdes-user-area-nav .collapsing) {
  background:var(--ycw30-sidebar)!important;
  color:var(--ycw30-text)!important;
  border-color:var(--ycw30-border)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .ycw-welcome-card {
  background:var(--ycw30-surface)!important;
  border-color:var(--ycw30-border)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav .panel > a {
  background:var(--ycw30-raised)!important;
  border-color:var(--ycw30-border)!important;
  color:var(--ycw30-text)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav .wdes-collapse-bg ul li a,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav .dropdown-menu li a {
  color:#dbe7f6!important;
  background:transparent!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav .wdes-collapse-bg ul li a:hover,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav .dropdown-menu li a:hover,
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-user-area-nav .dropdown-menu li a:focus {
  color:#ffc29f!important;
  background:var(--ycw30-active)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.ycw-welcome-eyebrow,.ycw-sidebar-label) {color:var(--ycw30-muted)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.ycw-welcome-name,.wdes-user-area-nav strong,.ycw-help-card strong) {color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.ycw-help-card p,.ycw-admin-card p) {color:var(--ycw30-muted)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar :is(.wdes-custom-nav .panel,.wdes-custom-nav .panel-collapse,.wdes-custom-nav .panel-body,.wdes-custom-nav .list-group) {background:transparent!important;border-color:var(--ycw30-border)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-custom-nav :is(a,.ycw-nav-label) {color:#d8e5f6!important;}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .wdes-custom-nav :is(a:hover,a:focus,.active > a,[aria-expanded="true"]) {color:#ffb484!important;}
html[data-ycw-theme="dark"] body.ycw-portal .wdes-sidebar .shortcuts a {background:var(--ycw30-raised)!important;color:var(--ycw30-text)!important;border-color:var(--ycw30-border)!important;}
/* Page scaffolding across service, ticket, support, account and KB templates. */
html[data-ycw-theme="dark"] body.ycw-portal :is(
 .wdes-block,.wdes-block-table,.wdes-knb-block,.block-knb,.kbarticles,.kb-article-content,.kb-article-details,
 .wdes-client-ticket,.ticket-reply,.ticket-reply-container,.ticketmessage,.ticket-reply .message,
 .contact-page,.form-horizontal,.well,.jumbotron,.account,.account-details,.billing-details,
 .list-group,.list-group-item,.panel,.panel-default,.card,.tab-content,.modal-content,
 .kb-search,.kb-article,.kb-rate-article,.kb-also-read,.wdes-inner-block,.tile,.ycw-dashboard-action-card,
 .ycw-dashboard-hero,.ycw-dashboard .tiles .tile,.ycw-dashboard-services,.ycw-dashboard-card
) {background-color:var(--ycw30-surface)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(
 .panel-heading,.panel-head-wdes,.panel-footer,.card-header,.modal-header,.modal-footer,
 .wdes-knb-block .block-knb,.ticket-reply-header,.kb-article-title,.ycw-dashboard .tile .information
) {background-color:var(--ycw30-raised)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(
 .wdes-block,.wdes-block-table,.wdes-knb-block,.kbarticles,.kb-article-content,.ticket-reply,
 .wdes-client-ticket,.ycw-dashboard-hero,.ycw-dashboard-action-card,.ycw-dashboard .tile
) :is(h1,h2,h3,h4,h5,h6,.title,.stat,.ticket-subject,strong:not(.status),.panel-title) {color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(
 .wdes-block,.wdes-block-table,.wdes-knb-block,.kbarticles,.kb-article-content,.ticket-reply,
 .wdes-client-ticket,.ycw-dashboard-hero,.ycw-dashboard-action-card,.ycw-dashboard .tile
) :is(p,small,.small,.text-muted,.description,.ticket-date,.title+span) {color:var(--ycw30-muted)!important;}
/* Knowledgebase category tiles / article reading area. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.kbcategories,.kbarticles,.block-knb,.wdes-knb-block,.kb-article-content,.knb-article,.kb-article-details,.kb-also-read) {
  border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.wdes-knb-block,.block-knb,.kb-article-content,.knb-article) a:not(.btn) {color:#ffad78!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.wdes-knb-block,.block-knb,.kb-article-content,.knb-article) a:not(.btn):hover {color:#ffceb0!important;}
html[data-ycw-theme="dark"] body.ycw-portal .kb-article-content :is(code,pre,blockquote) {background:var(--ycw30-recessed)!important;color:#e8f0fa!important;border-color:var(--ycw30-border)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .kb-article-content :is(img,video,iframe) {max-width:100%;}
/* Contact and ticket forms; markdown editor, previews, uploader, captcha frame. */
html[data-ycw-theme="dark"] body.ycw-portal :is(
 .wdes-input-form,.wdes-textarea-form,.form-control,.input-group-addon,.input-group-text,
 .md-editor,.md-editor .md-preview,.md-editor .md-header,.markdown-editor,.redactor-editor,
 .bootstrap-tagsinput,.input-group-btn,.ticket-attachments-message,
 .fileinput,.file-drop-area,.dropzone,.upload-zone,.form-control-static
) {background-color:var(--ycw30-recessed)!important;color:var(--ycw30-text)!important;border-color:var(--ycw30-border)!important;}
/* RC38: removed broad editor descendant text override. Editor content now uses paired text/surface styles in ycw-editor-rc38.css. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.wdes-block,.wdes-block-table,.form-horizontal,.ticket-reply,.panel) :is(label,.control-label,.wdes-label,.field-label) {color:#dce7f6!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(input,textarea,select,.form-control)::placeholder {color:#aebfd5!important;opacity:1;}
html[data-ycw-theme="dark"] body.ycw-portal :is(input,textarea,select,button,.btn,a):focus-visible {outline:2px solid var(--ycw30-focus)!important;outline-offset:2px;}
html[data-ycw-theme="dark"] body.ycw-portal :is(input[type=checkbox],input[type=radio]) {accent-color:#ff8a48;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.has-error .help-block,.field-error,.invalid-feedback) {color:#ffbfc6!important;}
/* Avoid altering the contents of provider-owned CAPTCHA and card-payment iframes. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.g-recaptcha,.captcha-container,.payment-method-container) {border-color:var(--ycw30-border)!important;}
/* Tables: both DataTables and ordinary account / ticket / pricing tables. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-container,.dataTables_wrapper,.table-responsive,.table-list,.table,.dataTable,.table-bordered) {background:var(--ycw30-surface)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-container,.dataTables_wrapper,.wdes-block-table) :is(.row,.dataTables_length,.dataTables_filter,.dataTables_info,.dataTables_paginate) {background-color:var(--ycw30-surface)!important;color:var(--ycw30-muted)!important;border-color:var(--ycw30-border)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.dataTable,.table,.table-bordered) thead th,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper :is(table.table-list,table.dataTable) thead th {background:var(--ycw30-raised)!important;color:var(--ycw30-text)!important;border-color:var(--ycw30-border)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.dataTable,.table,.table-bordered) tbody tr,
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.dataTable,.table,.table-bordered) tbody tr > td {background:var(--ycw30-surface)!important;color:#dce8f7!important;border-color:var(--ycw30-border)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.table-list,.dataTable,.table,.table-bordered) tbody tr:hover > td {background:#293b54!important;}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper :is(.dataTables_filter label,.dataTables_length label) {background:transparent!important;color:var(--ycw30-muted)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper :is(.dataTables_filter input,.dataTables_length select) {background:var(--ycw30-recessed)!important;color:var(--ycw30-text)!important;border-color:var(--ycw30-border)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.pagination > li > a,.pagination > li > span,.page-link,.dataTables_paginate .paginate_button) {background:var(--ycw30-raised)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.pagination > li.active > a,.pagination > li.active > span,.pagination > .active > a,.page-item.active .page-link,.dataTables_paginate .current) {background:var(--ycw30-active)!important;border-color:#a76843!important;color:#ffae7d!important;}
/* Status labels: do not neutralise semantic badge coloring. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.status-active,.status-paid,.label-success,.badge-success) {color:#9bf1c7!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.status-pending,.status-unpaid,.label-warning,.badge-warning) {color:#ffd6a4!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.status-suspended,.status-overdue,.label-danger,.badge-danger) {color:#ffb1be!important;}
/* Account overview / dashboard: no bright white stat tiles. */
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard :is(.ycw-dashboard-hero,.ycw-dashboard-action-card,.ycw-dashboard-action-card:link,.ycw-dashboard .tile,.ycw-dashboard-panel,.ycw-dashboard-widget,.ycw-dashboard-summary,.ycw-dashboard-section) {background-color:var(--ycw30-surface)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-hero {background:linear-gradient(120deg,#203049,#2a303b)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard :is(.ycw-dashboard-copy h1,.ycw-dashboard-copy h2,.tile .stat,.tile .title,.ycw-dashboard-action-copy strong) {color:#eff5ff!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard :is(.ycw-dashboard-copy p,.tile .title,.ycw-dashboard-action-copy small) {color:#bccbdc!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard :is(.tile .icon,.ycw-dashboard-action-icon) {filter:none!important;}
/* Dropdowns, overlay menus and popups. Respect [hidden] / Bootstrap collapse. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.dropdown-menu,.dropdown-menu > li,.dropdown-menu > li > a,.popover,.popover-title,.popover-content,.tooltip-inner,.typeahead,.tt-menu,.autocomplete-suggestions,.select2-dropdown,.select2-results__option,.ui-menu,.ui-menu-item,.bootstrap-select .dropdown-menu) {
  background-color:var(--ycw30-raised)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;
}
html[data-ycw-theme="dark"] body.ycw-portal :is(.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.select2-results__option--highlighted,.ui-menu-item:hover,.autocomplete-suggestion:hover) {background-color:#344760!important;color:#fff!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.modal-dialog .modal-content,.modal-header,.modal-body,.modal-footer,.ycw-domain-dialog-surface,.ycw-service-dialog-surface) {background-color:var(--ycw30-surface)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.modal-title,.ycw-domain-dialog-head h2,.ycw-service-dialog-heading h2) {color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-domain-dialog-stat,.ycw-service-dialog-stats > div,.ycw-domain-dialog-actions a,.ycw-service-dialog-actions a) {background-color:var(--ycw30-raised)!important;border-color:var(--ycw30-border)!important;color:var(--ycw30-text)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-appearance-options[hidden],
html[data-ycw-theme="dark"] body.ycw-portal .ycw-layout-choices[hidden],
html[data-ycw-theme="dark"] body.ycw-portal [hidden],

/* Button anatomy: prevent legacy white hover states without changing semantic danger/success styling. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.btn-default,.btn-light,.btn-secondary,.btn-outline-secondary,.btn-info:not(.status),.wdes-submit) {background:#2c3d54!important;border-color:#435875!important;color:#eaf2fd!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.btn-default,.btn-light,.btn-secondary,.btn-outline-secondary,.btn-info:not(.status)):hover {background:#354b66!important;color:#fff!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.btn-primary,input.btn-primary,.ycw-action-primary) {background:#ed570c!important;border-color:#ed570c!important;color:#fff!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.btn-primary,input.btn-primary,.ycw-action-primary):hover {background:#d74c05!important;border-color:#d74c05!important;}
/* Context rail and login/register: both are independent of main-content cards. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-context-card,.whm-sidebar .panel,.whm-sidebar .list-group,.whm-sidebar .list-group-item,.logincontainer,.login-form,.login-panel,.signup-form) {background-color:var(--ycw30-surface)!important;color:var(--ycw30-text)!important;border-color:var(--ycw30-border)!important;}
html[data-ycw-theme="dark"] body.ycw-portal .whm-sidebar :is(.list-group-item a,.panel-title,.panel-heading) {color:var(--ycw30-text)!important;}
/* Mobile geometry: no unwanted additional margin or off-screen native controls. */
@media(max-width:767px) {
 html[data-ycw-theme="dark"] body.ycw-portal :is(.wdes-block,.wdes-block-table,.ycw-domain-detail-page,.ycw-service-detail-view) {min-width:0;max-width:100%;}
 html[data-ycw-theme="dark"] body.ycw-portal :is(.wdes-knb-block,.kb-article-content,.ticket-reply,.ycw-domain-dialog-surface,.ycw-service-dialog-surface) {max-width:100%;}
 html[data-ycw-theme="dark"] body.ycw-portal :is(.dropdown-menu,.popover,.select2-dropdown) {max-width:calc(100vw - 24px);}
}
@media print {
 html[data-ycw-theme="dark"],html[data-ycw-theme="dark"] body.ycw-portal,
 html[data-ycw-theme="dark"] body.ycw-portal :is(.wdes-block,.wdes-block-table,.kb-article-content,.ycw-dashboard,.ycw-dashboard-hero,.ycw-dashboard-action-card,.wdes-inner-block,.table,.table-list,.table td,.table th) {color-scheme:light!important;background:#fff!important;color:#1c304d!important;box-shadow:none!important;}
 html[data-ycw-theme="dark"] body.ycw-portal :is(h1,h2,h3,h4,h5,h6,.table td,.table th,.kb-article-content p) {color:#1c304d!important;}
 html[data-ycw-theme="dark"] body.ycw-portal .wdes-loading {display:none!important;}
}
/* Header interior should not inherit the legacy light background under dark mode. */
html[data-ycw-theme="dark"] body.ycw-portal section#header.ycw-modern-header,
html[data-ycw-theme="dark"] body.ycw-portal section#header.ycw-modern-header .ycw-topbar-shell {
 background:#172438!important;border-color:#364a65!important;color:#eff5ff!important;
}


/* RC31 polish: targeted dashboard contrast and specific information surfaces. */
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-status,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-status span {color:#b5f1d3!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-status {background:#173b32!important;border-color:#4f7a65!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-metrics-grid .tile .information,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-metrics-grid .tile .information :is(.stat,.title) {background:transparent!important;box-shadow:none!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-metrics-grid .tile .stat {color:#f0f6ff!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-metrics-grid .tile .title {color:#bdcfe2!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-services {background:transparent!important;box-shadow:none!important;border:0!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard :is(.ycw-dashboard-section-title,.ycw-dashboard-section-title > div) {background:transparent!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard :is(.ycw-dashboard-action-card,.ycw-dashboard .tile) {background-color:#1b293d!important;border-color:#40526b!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-action-copy :is(strong,small),
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-action-arrow {background:transparent!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-action-copy strong {color:#f0f6ff!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-dashboard .ycw-dashboard-action-copy small {color:#b3c4d8!important;}
html[data-ycw-theme="dark"] body.ycw-portal :is(.dataTables_wrapper,.table-container,.wdes-block-table) :is(.dataTables_info,.dataTables_filter,.dataTables_length,.dataTables_paginate) {border-color:#3d516d!important;}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_filter,
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_length {background:#1b293d!important;}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_filter :is(input,.form-control) {background-color:#203047!important;background-image:none!important;box-shadow:none!important;color:#eaf3ff!important;}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper .dataTables_filter :is(input,.form-control)::placeholder {color:#b2c4d9!important;}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper :is(.paginate_button,.pagination > li > a,.pagination > li > span) {background:#25374e!important;color:#dce9fa!important;border-color:#435873!important;box-shadow:none!important;}
html[data-ycw-theme="dark"] body.ycw-portal .dataTables_wrapper :is(.paginate_button.current,.pagination > li.active > a,.pagination > li.active > span) {background:#493329!important;color:#ffc39e!important;border-color:#a56745!important;}
/* Give product-list and category links readable titles throughout the portal. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.ycw-product-category,.ycw-category-title,.ycw-product-name,.ycw-store-group-name,.ycw-category-card-title,.ycw-product-card-title) {color:#eef4ff!important;}
/* Homepage catalogue uses <strong> for its dynamic product group titles, not h3. */
html[data-ycw-theme="dark"] body.ycw-portal a.ycw-discover-product .ycw-product-content > strong {color:#eef4ff!important;}
html[data-ycw-theme="dark"] body.ycw-portal a.ycw-discover-product .ycw-product-content > span {color:#b9cadf!important;}
html[data-ycw-theme="dark"] body.ycw-portal a.ycw-discover-product :is(.ycw-product-arrow,.ycw-product-icon i) {background:transparent!important;}
html[data-ycw-theme="dark"] body.ycw-portal a.ycw-discover-product {background:#1b293d!important;border-color:#40536b!important;}
html[data-ycw-theme="dark"] body.ycw-portal a.ycw-discover-product:hover {background:#23334a!important;border-color:#a96c49!important;}
html[data-ycw-theme="dark"] body.ycw-portal .ycw-discover-all-products strong,
html[data-ycw-theme="dark"] body.ycw-portal .ycw-news-card h3 a {color:#edf4ff!important;}
/* Status badges must keep recognizable foregrounds. */
html[data-ycw-theme="dark"] body.ycw-portal :is(.status .status-text,.label.status,.badge.status) {border-color:#4e6179!important;}