/*
 * Cobalt Interface Repair v1
 * A conservative visual repair layer built from the live rescue export.
 * It intentionally does not redefine application widths, sidebar dimensions,
 * content positioning or module-specific JavaScript hooks.
 */

:root {
  --cir-bg: #0b0f15;
  --cir-bg-deep: #080b10;
  --cir-chrome: #0e141d;
  --cir-surface: #111923;
  --cir-surface-2: #151f2b;
  --cir-surface-3: #1a2634;
  --cir-border: #263244;
  --cir-border-soft: rgba(148, 163, 184, .16);
  --cir-border-strong: rgba(148, 163, 184, .30);
  --cir-text: #f4f7fb;
  --cir-copy: #b7c1cf;
  --cir-muted: #8793a4;
  --cir-faint: #657184;
  --cir-accent: #4f7cff;
  --cir-accent-hover: #6b91ff;
  --cir-accent-soft: rgba(79, 124, 255, .10);
  --cir-success: #45bd91;
  --cir-warning: #d6a652;
  --cir-danger: #e46c7c;
  --cir-radius: 6px;
  --cir-radius-sm: 4px;
  --cir-control-h: 42px;
  --cir-shadow-popover: 0 18px 44px rgba(0, 0, 0, .34);
}

/* --------------------------------------------------------------------------
   Authenticated guild administration
   -------------------------------------------------------------------------- */
body.pb-panel-ui:not(.cs-saas-body) {
  --pb-bg: var(--cir-bg) !important;
  --pb-bg-2: var(--cir-chrome) !important;
  --pb-sidebar-bg: var(--cir-chrome) !important;
  --pb-surface: var(--cir-surface) !important;
  --pb-surface-2: var(--cir-surface-2) !important;
  --pb-surface-3: var(--cir-surface-3) !important;
  --pb-border: var(--cir-border-soft) !important;
  --pb-border-strong: var(--cir-border) !important;
  --pb-text: var(--cir-text) !important;
  --pb-soft: var(--cir-copy) !important;
  --pb-muted: var(--cir-muted) !important;
  --pb-widget-radius: var(--cir-radius) !important;
  --c4-bg: var(--cir-bg) !important;
  --c4-bg-deep: var(--cir-bg-deep) !important;
  --c4-sidebar: var(--cir-chrome) !important;
  --c4-topbar: var(--cir-chrome) !important;
  --c4-surface: var(--cir-surface) !important;
  --c4-surface-2: var(--cir-surface-2) !important;
  --c4-surface-3: var(--cir-surface-3) !important;
  --c4-border: var(--cir-border) !important;
  --c4-border-soft: var(--cir-border-soft) !important;
  --c4-text: var(--cir-text) !important;
  --c4-copy: var(--cir-copy) !important;
  --c4-muted: var(--cir-muted) !important;
  --c4-faint: var(--cir-faint) !important;
  --c4-blue: var(--cir-accent) !important;
  --c4-blue-2: var(--cir-accent-hover) !important;
  --c4-cyan: var(--cir-accent-hover) !important;
  --c4-green: var(--cir-success) !important;
  --c4-yellow: var(--cir-warning) !important;
  --c4-red: var(--cir-danger) !important;
  --c4-purple: var(--cir-accent) !important;
  --c4-radius: var(--cir-radius) !important;
  --c4-radius-sm: var(--cir-radius-sm) !important;
  --c4-shadow: none !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg) !important;
  background-image: none !important;
}

body.pb-panel-ui:not(.cs-saas-body)::before,
body.pb-panel-ui:not(.cs-saas-body)::after { display: none !important; }

body.pb-panel-ui:not(.cs-saas-body) :focus-visible {
  outline: 2px solid var(--cir-accent-hover) !important;
  outline-offset: 2px !important;
}

/* Application chrome: preserve geometry, repair appearance only. */
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-topbar,
body.pb-panel-ui:not(.cs-saas-body) .topbar {
  border-color: var(--cir-border-soft) !important;
  background: var(--cir-chrome) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-sidebar,
body.pb-panel-ui:not(.cs-saas-body) .sidebar {
  border-color: var(--cir-border-soft) !important;
  background: var(--cir-chrome) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-brand {
  border-color: var(--cir-border-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-server-button,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-command-trigger,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-profile-trigger,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-action-btn,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-icon-btn,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-mobile-menu {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-server-button:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-command-trigger:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-profile-trigger:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-action-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-icon-btn:hover {
  border-color: var(--cir-border-strong) !important;
  color: #fff !important;
  background: var(--cir-surface-2) !important;
  transform: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-sidebar-search {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  background: var(--cir-bg-deep) !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-nav-group > summary {
  color: var(--cir-faint) !important;
  background: transparent !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-nav-link,
body.pb-panel-ui:not(.cs-saas-body) .sidebar a {
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-nav-link:hover,
body.pb-panel-ui:not(.cs-saas-body) .sidebar a:hover {
  color: #fff !important;
  background: rgba(255,255,255,.035) !important;
  transform: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-nav-link.active,
body.pb-panel-ui:not(.cs-saas-body) .sidebar a.active {
  color: #fff !important;
  background: var(--cir-accent-soft) !important;
  box-shadow: inset 2px 0 0 var(--cir-accent) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-nav-link.active::after,
body.pb-panel-ui:not(.cs-saas-body) .sidebar a.active::after { display: none !important; }
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-popover,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-command-palette,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-dropdown,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-menu {
  border: 1px solid var(--cir-border) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: var(--cir-shadow-popover) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-sidebar-footer {
  border-color: var(--cir-border-soft) !important;
  background: var(--cir-chrome) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-sidebar-footer-btn {
  border-radius: 0 !important;
  color: var(--cir-muted) !important;
  background: transparent !important;
}
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-sidebar-footer-btn:hover {
  color: #fff !important;
  background: rgba(255,255,255,.035) !important;
}

/* Page headers and typography. */
body.pb-panel-ui:not(.cs-saas-body) .fixed-header,
body.pb-panel-ui:not(.cs-saas-body) .page-header,
body.pb-panel-ui:not(.cs-saas-body) .pb-dashboard-header,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-dashboard-head {
  border-color: var(--cir-border-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .fixed-header h1,
body.pb-panel-ui:not(.cs-saas-body) .page-header h1,
body.pb-panel-ui:not(.cs-saas-body) .pb-dashboard-header h1,
body.pb-panel-ui:not(.cs-saas-body) .pb-saas-dashboard-head h1 {
  color: #fff !important;
  font-weight: 780 !important;
  letter-spacing: -.035em !important;
}
body.pb-panel-ui:not(.cs-saas-body) .fixed-header p,
body.pb-panel-ui:not(.cs-saas-body) .page-header p,
body.pb-panel-ui:not(.cs-saas-body) .muted {
  color: var(--cir-muted) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-page-kicker,
body.pb-panel-ui:not(.cs-saas-body) .pb-widget-kicker,
body.pb-panel-ui:not(.cs-saas-body) .eyebrow,
body.pb-panel-ui:not(.cs-saas-body) .embed-eyebrow,
body.pb-panel-ui:not(.cs-saas-body) .vh-kicker {
  color: var(--cir-accent-hover) !important;
  text-shadow: none !important;
}

/* Flat, restrained panels. */
body.pb-panel-ui:not(.cs-saas-body) .card,
body.pb-panel-ui:not(.cs-saas-body) .pb-widget,
body.pb-panel-ui:not(.cs-saas-body) .settings-section,
body.pb-panel-ui:not(.cs-saas-body) .module-section-card,
body.pb-panel-ui:not(.cs-saas-body) .action-box,
body.pb-panel-ui:not(.cs-saas-body) .architect-section,
body.pb-panel-ui:not(.cs-saas-body) .architect-side-card,
body.pb-panel-ui:not(.cs-saas-body) .architect-operation-card,
body.pb-panel-ui:not(.cs-saas-body) .vh-panel,
body.pb-panel-ui:not(.cs-saas-body) .vh-create-block,
body.pb-panel-ui:not(.cs-saas-body) .module-embed-section,
body.pb-panel-ui:not(.cs-saas-body) .embed-panel,
body.pb-panel-ui:not(.cs-saas-body) .permission-details,
body.pb-panel-ui:not(.cs-saas-body) .selected-channel-box {
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .card:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-widget:hover,
body.pb-panel-ui:not(.cs-saas-body) .architect-section:hover,
body.pb-panel-ui:not(.cs-saas-body) .architect-side-card:hover {
  border-color: var(--cir-border) !important;
  box-shadow: none !important;
  transform: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .section-title-row,
body.pb-panel-ui:not(.cs-saas-body) .pb-widget-head,
body.pb-panel-ui:not(.cs-saas-body) .vh-section-head,
body.pb-panel-ui:not(.cs-saas-body) .embed-panel-head {
  border-color: var(--cir-border-soft) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .section-title-row h2,
body.pb-panel-ui:not(.cs-saas-body) .pb-widget-head h2,
body.pb-panel-ui:not(.cs-saas-body) .vh-section-head h2,
body.pb-panel-ui:not(.cs-saas-body) .embed-panel-head h2 {
  color: #fff !important;
  letter-spacing: -.02em !important;
}
body.pb-panel-ui:not(.cs-saas-body) .mod-badge,
body.pb-panel-ui:not(.cs-saas-body) .pb-widget-badge,
body.pb-panel-ui:not(.cs-saas-body) .architect-chip,
body.pb-panel-ui:not(.cs-saas-body) .cb-chip,
body.pb-panel-ui:not(.cs-saas-body) .po-status,
body.pb-panel-ui:not(.cs-saas-body) .embed-panel-badge {
  border: 1px solid var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-copy) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-section-number,
body.pb-panel-ui:not(.cs-saas-body) .architect-step-label {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-accent-hover) !important;
  background: var(--cir-accent-soft) !important;
  box-shadow: none !important;
}

/* Statistics become a segmented information rail, not floating bubbles. */
body.pb-panel-ui:not(.cs-saas-body) .module-stat-grid,
body.pb-panel-ui:not(.cs-saas-body) .stats-grid,
body.pb-panel-ui:not(.cs-saas-body) .stat-grid,
body.pb-panel-ui:not(.cs-saas-body) .embed-stat-grid,
body.pb-panel-ui:not(.cs-saas-body) .architect-grid-4 {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-surface) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-stat-grid > .card,
body.pb-panel-ui:not(.cs-saas-body) .stats-grid > .card,
body.pb-panel-ui:not(.cs-saas-body) .stat-grid > .card,
body.pb-panel-ui:not(.cs-saas-body) .embed-stat-grid > .card,
body.pb-panel-ui:not(.cs-saas-body) .module-stat-card,
body.pb-panel-ui:not(.cs-saas-body) .stat-card,
body.pb-panel-ui:not(.cs-saas-body) .embed-stat-card,
body.pb-panel-ui:not(.cs-saas-body) .architect-stat,
body.pb-panel-ui:not(.cs-saas-body) .vh-stat {
  border: 0 !important;
  border-right: 1px solid var(--cir-border-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-stat-grid > :last-child,
body.pb-panel-ui:not(.cs-saas-body) .stats-grid > :last-child,
body.pb-panel-ui:not(.cs-saas-body) .stat-grid > :last-child,
body.pb-panel-ui:not(.cs-saas-body) .embed-stat-grid > :last-child,
body.pb-panel-ui:not(.cs-saas-body) .architect-grid-4 > :last-child { border-right: 0 !important; }
body.pb-panel-ui:not(.cs-saas-body) .module-stat-card > span,
body.pb-panel-ui:not(.cs-saas-body) .stat-icon,
body.pb-panel-ui:not(.cs-saas-body) .embed-stat-icon,
body.pb-panel-ui:not(.cs-saas-body) .pb-ribbon-icon {
  border: 0 !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-accent-hover) !important;
  background: var(--cir-accent-soft) !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-stat-card strong,
body.pb-panel-ui:not(.cs-saas-body) .stat-card strong,
body.pb-panel-ui:not(.cs-saas-body) .embed-stat-card strong,
body.pb-panel-ui:not(.cs-saas-body) .architect-stat strong,
body.pb-panel-ui:not(.cs-saas-body) .vh-stat strong { color: #fff !important; }
body.pb-panel-ui:not(.cs-saas-body) .module-stat-card small,
body.pb-panel-ui:not(.cs-saas-body) .stat-card small,
body.pb-panel-ui:not(.cs-saas-body) .embed-stat-card small,
body.pb-panel-ui:not(.cs-saas-body) .architect-stat small,
body.pb-panel-ui:not(.cs-saas-body) .vh-stat small { color: var(--cir-muted) !important; }

/* Navigation tabs are a simple rail. */
body.pb-panel-ui:not(.cs-saas-body) .module-category-tabs,
body.pb-panel-ui:not(.cs-saas-body) .level-tabs,
body.pb-panel-ui:not(.cs-saas-body) .architect-tabs,
body.pb-panel-ui:not(.cs-saas-body) .vh-tabs,
body.pb-panel-ui:not(.cs-saas-body) .embed-tabs,
body.pb-panel-ui:not(.cs-saas-body) .cb-tabs {
  gap: 20px !important;
  padding: 0 !important;
  overflow-x: auto !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cir-border-soft) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-category-tabs button,
body.pb-panel-ui:not(.cs-saas-body) .level-tab,
body.pb-panel-ui:not(.cs-saas-body) .architect-tab,
body.pb-panel-ui:not(.cs-saas-body) .vh-tab,
body.pb-panel-ui:not(.cs-saas-body) .embed-tab,
body.pb-panel-ui:not(.cs-saas-body) .cb-tab {
  min-height: 44px !important;
  padding: 0 2px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  color: var(--cir-muted) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  white-space: nowrap !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-category-tabs button:hover,
body.pb-panel-ui:not(.cs-saas-body) .level-tab:hover,
body.pb-panel-ui:not(.cs-saas-body) .architect-tab:hover,
body.pb-panel-ui:not(.cs-saas-body) .vh-tab:hover,
body.pb-panel-ui:not(.cs-saas-body) .embed-tab:hover,
body.pb-panel-ui:not(.cs-saas-body) .cb-tab:hover { color: #fff !important; }
body.pb-panel-ui:not(.cs-saas-body) .module-category-tabs button.active,
body.pb-panel-ui:not(.cs-saas-body) .level-tab.active,
body.pb-panel-ui:not(.cs-saas-body) .architect-tab.active,
body.pb-panel-ui:not(.cs-saas-body) .vh-tab.active,
body.pb-panel-ui:not(.cs-saas-body) .embed-tab.active,
body.pb-panel-ui:not(.cs-saas-body) .cb-tab.active {
  border-bottom-color: var(--cir-accent) !important;
  color: #fff !important;
  background: transparent !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-category-tabs button > span,
body.pb-panel-ui:not(.cs-saas-body) .level-tab > span,
body.pb-panel-ui:not(.cs-saas-body) .architect-tab > span,
body.pb-panel-ui:not(.cs-saas-body) .vh-tab > span {
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--cir-faint) !important;
  background: transparent !important;
}

/* Forms and controls. */
body.pb-panel-ui:not(.cs-saas-body) label,
body.pb-panel-ui:not(.cs-saas-body) .form-field > label,
body.pb-panel-ui:not(.cs-saas-body) .architect-field > label,
body.pb-panel-ui:not(.cs-saas-body) .embed-field > label {
  color: var(--cir-copy) !important;
}
body.pb-panel-ui:not(.cs-saas-body) input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
body.pb-panel-ui:not(.cs-saas-body) select,
body.pb-panel-ui:not(.cs-saas-body) textarea,
body.pb-panel-ui:not(.cs-saas-body) .cb-input,
body.pb-panel-ui:not(.cs-saas-body) .cb-select {
  min-height: var(--cir-control-h) !important;
  border: 1px solid var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg-deep) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) textarea { min-height: 110px !important; }
body.pb-panel-ui:not(.cs-saas-body) input::placeholder,
body.pb-panel-ui:not(.cs-saas-body) textarea::placeholder { color: var(--cir-faint) !important; }
body.pb-panel-ui:not(.cs-saas-body) input:not([type="checkbox"]):not([type="radio"]):focus,
body.pb-panel-ui:not(.cs-saas-body) select:focus,
body.pb-panel-ui:not(.cs-saas-body) textarea:focus {
  border-color: var(--cir-accent) !important;
  box-shadow: 0 0 0 3px rgba(79,124,255,.12) !important;
}
body.pb-panel-ui:not(.cs-saas-body) select option { color: var(--cir-text); background: var(--cir-bg-deep); }
body.pb-panel-ui:not(.cs-saas-body) .form-field small,
body.pb-panel-ui:not(.cs-saas-body) .architect-field small,
body.pb-panel-ui:not(.cs-saas-body) .embed-field small { color: var(--cir-muted) !important; }
body.pb-panel-ui:not(.cs-saas-body) .create-channel-inline {
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius-sm) !important;
  background: var(--cir-bg-deep) !important;
  box-shadow: none !important;
}

/* One restrained button hierarchy. */
body.pb-panel-ui:not(.cs-saas-body) .header-btn,
body.pb-panel-ui:not(.cs-saas-body) .save-log-btn,
body.pb-panel-ui:not(.cs-saas-body) .module-primary-button,
body.pb-panel-ui:not(.cs-saas-body) .module-danger-button,
body.pb-panel-ui:not(.cs-saas-body) .primary-btn,
body.pb-panel-ui:not(.cs-saas-body) .secondary-btn,
body.pb-panel-ui:not(.cs-saas-body) .delete-warn-btn,
body.pb-panel-ui:not(.cs-saas-body) .architect-btn,
body.pb-panel-ui:not(.cs-saas-body) .resource-action,
body.pb-panel-ui:not(.cs-saas-body) .embed-primary-btn,
body.pb-panel-ui:not(.cs-saas-body) .embed-secondary-btn,
body.pb-panel-ui:not(.cs-saas-body) .embed-icon-btn,
body.pb-panel-ui:not(.cs-saas-body) .pb-btn,
body.pb-panel-ui:not(.cs-saas-body) .btn,
body.pb-panel-ui:not(.cs-saas-body) button.cb-button,
body.pb-panel-ui:not(.cs-saas-body) a.cb-button {
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface-2) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transform: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .header-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .secondary-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .embed-secondary-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .embed-icon-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .cb-button:hover {
  border-color: var(--cir-border-strong) !important;
  color: #fff !important;
  background: var(--cir-surface-3) !important;
  box-shadow: none !important;
  transform: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .save-log-btn,
body.pb-panel-ui:not(.cs-saas-body) .module-primary-button,
body.pb-panel-ui:not(.cs-saas-body) .primary-btn,
body.pb-panel-ui:not(.cs-saas-body) .architect-btn.primary,
body.pb-panel-ui:not(.cs-saas-body) .embed-primary-btn,
body.pb-panel-ui:not(.cs-saas-body) .pb-btn-primary,
body.pb-panel-ui:not(.cs-saas-body) .cb-button.primary {
  border-color: var(--cir-accent) !important;
  color: #fff !important;
  background: var(--cir-accent) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .save-log-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .module-primary-button:hover,
body.pb-panel-ui:not(.cs-saas-body) .primary-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .architect-btn.primary:hover,
body.pb-panel-ui:not(.cs-saas-body) .embed-primary-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-btn-primary:hover,
body.pb-panel-ui:not(.cs-saas-body) .cb-button.primary:hover {
  border-color: var(--cir-accent-hover) !important;
  background: var(--cir-accent-hover) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .danger,
body.pb-panel-ui:not(.cs-saas-body) .header-btn.danger,
body.pb-panel-ui:not(.cs-saas-body) .module-danger-button,
body.pb-panel-ui:not(.cs-saas-body) .delete-warn-btn,
body.pb-panel-ui:not(.cs-saas-body) .pb-btn-danger {
  border-color: rgba(228,108,124,.35) !important;
  color: #f3a1ad !important;
  background: rgba(228,108,124,.07) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .danger:hover,
body.pb-panel-ui:not(.cs-saas-body) .header-btn.danger:hover,
body.pb-panel-ui:not(.cs-saas-body) .module-danger-button:hover,
body.pb-panel-ui:not(.cs-saas-body) .delete-warn-btn:hover,
body.pb-panel-ui:not(.cs-saas-body) .pb-btn-danger:hover {
  border-color: rgba(228,108,124,.58) !important;
  color: #fff !important;
  background: rgba(228,108,124,.13) !important;
}

/* Switches and selectable rows. */
body.pb-panel-ui:not(.cs-saas-body) .switch-card,
body.pb-panel-ui:not(.cs-saas-body) .module-choice-card,
body.pb-panel-ui:not(.cs-saas-body) .module-publish-card,
body.pb-panel-ui:not(.cs-saas-body) .compact-switch,
body.pb-panel-ui:not(.cs-saas-body) .vh-switch,
body.pb-panel-ui:not(.cs-saas-body) .architect-check,
body.pb-panel-ui:not(.cs-saas-body) .sale-check {
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-bg-deep) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .switch-card:hover,
body.pb-panel-ui:not(.cs-saas-body) .module-choice-card:hover,
body.pb-panel-ui:not(.cs-saas-body) .module-publish-card:hover {
  border-color: var(--cir-border) !important;
  transform: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) input[type="checkbox"],
body.pb-panel-ui:not(.cs-saas-body) input[type="radio"] { accent-color: var(--cir-accent) !important; }
body.pb-panel-ui:not(.cs-saas-body) .switch-card i,
body.pb-panel-ui:not(.cs-saas-body) .compact-switch i,
body.pb-panel-ui:not(.cs-saas-body) .vh-switch i {
  border-color: var(--cir-border) !important;
  background: var(--cir-surface-3) !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .switch-card input:checked + i,
body.pb-panel-ui:not(.cs-saas-body) .compact-switch input:checked + i,
body.pb-panel-ui:not(.cs-saas-body) .vh-switch input:checked + i { background: var(--cir-accent) !important; }

/* Tables and lists. */
body.pb-panel-ui:not(.cs-saas-body) .table-wrap,
body.pb-panel-ui:not(.cs-saas-body) .mobile-table-scroll,
body.pb-panel-ui:not(.cs-saas-body) .cb-table-wrap,
body.pb-panel-ui:not(.cs-saas-body) .cs-table-wrap,
body.pb-panel-ui:not(.cs-saas-body) .po-table-card {
  overflow: auto !important;
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-surface) !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) table {
  border-collapse: collapse !important;
  color: var(--cir-copy) !important;
  background: transparent !important;
}
body.pb-panel-ui:not(.cs-saas-body) th {
  border-color: var(--cir-border-soft) !important;
  color: var(--cir-muted) !important;
  background: var(--cir-chrome) !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
}
body.pb-panel-ui:not(.cs-saas-body) td { border-color: var(--cir-border-soft) !important; }
body.pb-panel-ui:not(.cs-saas-body) tbody tr:hover { background: rgba(255,255,255,.025) !important; }
body.pb-panel-ui:not(.cs-saas-body) .module-option-card,
body.pb-panel-ui:not(.cs-saas-body) .level-item-row,
body.pb-panel-ui:not(.cs-saas-body) .ticket-panel-tile,
body.pb-panel-ui:not(.cs-saas-body) .role-row,
body.pb-panel-ui:not(.cs-saas-body) .channel-row {
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius-sm) !important;
  background: var(--cir-bg-deep) !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .module-option-card:hover,
body.pb-panel-ui:not(.cs-saas-body) .level-item-row:hover,
body.pb-panel-ui:not(.cs-saas-body) .ticket-panel-tile:hover {
  border-color: var(--cir-border) !important;
  transform: none !important;
}

/* Notices, statuses and overlays. */
body.pb-panel-ui:not(.cs-saas-body) .notice-card,
body.pb-panel-ui:not(.cs-saas-body) .flash,
body.pb-panel-ui:not(.cs-saas-body) .cb-flash,
body.pb-panel-ui:not(.cs-saas-body) .po-flash {
  border-radius: var(--cir-radius) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .notice-success,
body.pb-panel-ui:not(.cs-saas-body) .success,
body.pb-panel-ui:not(.cs-saas-body) .is-ok {
  border-color: rgba(69,189,145,.35) !important;
  color: #9de0c4 !important;
  background: rgba(69,189,145,.07) !important;
}
body.pb-panel-ui:not(.cs-saas-body) .notice-error,
body.pb-panel-ui:not(.cs-saas-body) .error {
  border-color: rgba(228,108,124,.35) !important;
  color: #f3a1ad !important;
  background: rgba(228,108,124,.07) !important;
}
body.pb-panel-ui:not(.cs-saas-body) dialog,
body.pb-panel-ui:not(.cs-saas-body) .modal,
body.pb-panel-ui:not(.cs-saas-body) .popover,
body.pb-panel-ui:not(.cs-saas-body) .dropdown-menu {
  border: 1px solid var(--cir-border) !important;
  border-radius: var(--cir-radius) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: var(--cir-shadow-popover) !important;
}

/* Embed editor, reaction roles and specialist tools keep their layouts. */
body.pb-panel-ui:not(.cs-saas-body) .module-embed-grid,
body.pb-panel-ui:not(.cs-saas-body) .embed-form-grid,
body.pb-panel-ui:not(.cs-saas-body) .architect-form-grid,
body.pb-panel-ui:not(.cs-saas-body) .vh-form-grid { color: var(--cir-copy) !important; }
body.pb-panel-ui:not(.cs-saas-body) .embed-preview,
body.pb-panel-ui:not(.cs-saas-body) .discord-preview,
body.pb-panel-ui:not(.cs-saas-body) .ticket-panel-preview,
body.pb-panel-ui:not(.cs-saas-body) .rr-preview {
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-bg-deep) !important;
  box-shadow: none !important;
}
body.pb-panel-ui:not(.cs-saas-body) .rr-mode-info,
body.pb-panel-ui:not(.cs-saas-body) .rr-select-only,
body.pb-panel-ui:not(.cs-saas-body) .rr-button-only {
  border-color: var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-surface) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Public landing page
   -------------------------------------------------------------------------- */
body.cv2-page {
  --cv2-bg: var(--cir-bg) !important;
  --cv2-bg-deep: var(--cir-bg-deep) !important;
  --cv2-surface: var(--cir-surface) !important;
  --cv2-surface-2: var(--cir-surface-2) !important;
  --cv2-border: var(--cir-border-soft) !important;
  --cv2-border-strong: var(--cir-border) !important;
  --cv2-text: var(--cir-text) !important;
  --cv2-copy: var(--cir-copy) !important;
  --cv2-muted: var(--cir-muted) !important;
  --cv2-blue: var(--cir-accent) !important;
  --cv2-blue-2: var(--cir-accent-hover) !important;
  --cv2-cyan: var(--cir-accent-hover) !important;
  --cv2-green: var(--cir-success) !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg) !important;
  background-image: none !important;
}
body.cv2-page::before,
body.cv2-page::after { display: none !important; }
body.cv2-page .cv2-topbar,
body.cv2-page .cv2-header-wrap,
body.cv2-page .cv2-header {
  border-color: var(--cir-border-soft) !important;
  background: var(--cir-chrome) !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.cv2-page .cv2-promo {
  border-color: var(--cir-border-soft) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface-2) !important;
  background-image: none !important;
}
body.cv2-page .cv2-nav a { color: var(--cir-muted) !important; }
body.cv2-page .cv2-nav a:hover,
body.cv2-page .cv2-nav a.active { color: #fff !important; }
body.cv2-page .cv2-nav a::after { background: var(--cir-accent) !important; box-shadow: none !important; }
body.cv2-page .cv2-hero,
body.cv2-page .cv2-section,
body.cv2-page .cv2-server-section,
body.cv2-page .cv2-security,
body.cv2-page .cv2-cta,
body.cv2-page .cv2-footer {
  background: var(--cir-bg) !important;
  background-image: none !important;
}
body.cv2-page .cv2-hero::before,
body.cv2-page .cv2-hero::after,
body.cv2-page .cv2-section::before,
body.cv2-page .cv2-section::after { display: none !important; }
body.cv2-page .cv2-hero h1,
body.cv2-page .cv2-section-head h2,
body.cv2-page .cv2-cta h2 { color: #fff !important; text-shadow: none !important; }
body.cv2-page .cv2-hero h1 span,
body.cv2-page .cv2-section-head h2 span,
body.cv2-page .cv2-cta h2 span {
  color: var(--cir-accent-hover) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
body.cv2-page .cv2-hero-copy > p,
body.cv2-page .cv2-section-head p,
body.cv2-page .cv2-cta p { color: var(--cir-muted) !important; }
body.cv2-page .cv2-status,
body.cv2-page .cv2-eyebrow,
body.cv2-page .cv2-kicker {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-accent-hover) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cv2-page .cv2-btn {
  border-radius: var(--cir-radius-sm) !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}
body.cv2-page .cv2-btn-primary {
  border-color: var(--cir-accent) !important;
  color: #fff !important;
  background: var(--cir-accent) !important;
}
body.cv2-page .cv2-btn-primary:hover { border-color: var(--cir-accent-hover) !important; background: var(--cir-accent-hover) !important; }
body.cv2-page .cv2-btn-secondary {
  border-color: var(--cir-border) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface) !important;
}
body.cv2-page .cv2-btn-secondary:hover { border-color: var(--cir-border-strong) !important; color: #fff !important; background: var(--cir-surface-2) !important; }
body.cv2-page .cv2-product,
body.cv2-page .cv2-feature-browser,
body.cv2-page .cv2-control-panel,
body.cv2-page .cv2-security-panel,
body.cv2-page .cv2-faq-list,
body.cv2-page .cv2-showcase-card,
body.cv2-page .cv2-process,
body.cv2-page .cv2-trust-row {
  border-color: var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cv2-page .cv2-product-top,
body.cv2-page .cv2-product-nav,
body.cv2-page .cv2-feature-browser > nav,
body.cv2-page .cv2-showcase-card,
body.cv2-page .cv2-process li,
body.cv2-page .cv2-trust-row > div {
  border-color: var(--cir-border-soft) !important;
  background: transparent !important;
  background-image: none !important;
}
body.cv2-page .cv2-product-nav button,
body.cv2-page .cv2-feature-browser > nav button {
  border-radius: 0 !important;
  color: var(--cir-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cv2-page .cv2-product-nav button.is-active,
body.cv2-page .cv2-feature-browser > nav button.is-active {
  color: #fff !important;
  background: var(--cir-accent-soft) !important;
  box-shadow: inset 2px 0 0 var(--cir-accent) !important;
}
body.cv2-page .cv2-strip,
body.cv2-page .cv2-usecase-rail {
  border-color: var(--cir-border-soft) !important;
  background: var(--cir-chrome) !important;
  background-image: none !important;
}
body.cv2-page .cv2-usecase-rail::before,
body.cv2-page .cv2-usecase-rail::after { display: none !important; }
body.cv2-page .cv2-usecase-rail .cv2-strip-group i { background: var(--cir-accent) !important; box-shadow: none !important; }
body.cv2-page .cv2-usecase-rail .cv2-strip-group span b {
  border-color: var(--cir-border) !important;
  color: var(--cir-accent-hover) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.cv2-page .cv2-showcase-card:hover { border-color: var(--cir-border) !important; transform: none !important; box-shadow: none !important; }
body.cv2-page .cv2-footer { border-color: var(--cir-border-soft) !important; }

/* --------------------------------------------------------------------------
   Billing, pricing, checkout and custom-bot pages
   -------------------------------------------------------------------------- */
body.cb-billing-body {
  --cb-bg: var(--cir-bg) !important;
  --cb-panel: var(--cir-surface) !important;
  --cb-panel-2: var(--cir-surface-2) !important;
  --cb-border: var(--cir-border-soft) !important;
  --cb-text: var(--cir-text) !important;
  --cb-muted: var(--cir-muted) !important;
  --cb-primary: var(--cir-accent) !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg) !important;
  background-image: none !important;
}
body.cb-billing-body::before,
body.cb-billing-body::after { display: none !important; }
body.cb-billing-body .cb-topbar,
body.cb-billing-body .cc-topbar {
  border-color: var(--cir-border-soft) !important;
  background: var(--cir-chrome) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cb-billing-body .cb-panel,
body.cb-billing-body .cb-kpi,
body.cb-billing-body .cb-section,
body.cb-billing-body .cb-note,
body.cb-billing-body .cb-table-wrap,
body.cb-billing-body .cc-card,
body.cb-billing-body .cc-summary,
body.cb-billing-body .sale-form-section,
body.cb-billing-body .sale-plan-table {
  border: 1px solid var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cb-billing-body .cb-chip,
body.cb-billing-body .cb-status,
body.cb-billing-body .cb-plan-badge,
body.cb-billing-body .cb-sale-label {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cb-billing-body .cb-button,
body.cb-billing-body .cc-primary-action,
body.cb-billing-body .cc-secondary-action {
  border-radius: var(--cir-radius-sm) !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}
body.cb-billing-body .cb-button.primary,
body.cb-billing-body .cc-primary-action {
  border-color: var(--cir-accent) !important;
  color: #fff !important;
  background: var(--cir-accent) !important;
}
body.cb-billing-body .cb-button:not(.primary),
body.cb-billing-body .cc-secondary-action {
  border-color: var(--cir-border) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface-2) !important;
}
body.cb-billing-body input:not([type="checkbox"]):not([type="radio"]),
body.cb-billing-body select,
body.cb-billing-body textarea,
body.cb-billing-body .cb-input,
body.cb-billing-body .cb-select {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg-deep) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.cb-billing-body input:focus,
body.cb-billing-body select:focus,
body.cb-billing-body textarea:focus {
  border-color: var(--cir-accent) !important;
  box-shadow: 0 0 0 3px rgba(79,124,255,.12) !important;
}

/* --------------------------------------------------------------------------
   Owner administration
   -------------------------------------------------------------------------- */
body.po-body {
  --po-bg: var(--cir-bg) !important;
  --po-surface: var(--cir-surface) !important;
  --po-border: var(--cir-border-soft) !important;
  --po-text: var(--cir-text) !important;
  --po-muted: var(--cir-muted) !important;
  --po-accent: var(--cir-accent) !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg) !important;
  background-image: none !important;
}
body.po-body .po-topbar,
body.po-body .po-sidebar { border-color: var(--cir-border-soft) !important; background: var(--cir-chrome) !important; background-image: none !important; box-shadow: none !important; }
body.po-body .po-card,
body.po-body .po-table-card,
body.po-body .po-section,
body.po-body .po-private-note,
body.po-body .po-empty {
  border-color: var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.po-body .po-btn {
  border-radius: var(--cir-radius-sm) !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}
body.po-body .po-btn-primary { border-color: var(--cir-accent) !important; color: #fff !important; background: var(--cir-accent) !important; }
body.po-body .po-btn-ghost { border-color: var(--cir-border) !important; color: var(--cir-copy) !important; background: var(--cir-surface-2) !important; }
body.po-body .po-btn-danger { border-color: rgba(228,108,124,.35) !important; color: #f3a1ad !important; background: rgba(228,108,124,.07) !important; }
body.po-body input:not([type="checkbox"]):not([type="radio"]),
body.po-body select,
body.po-body textarea,
body.po-body .po-filter {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg-deep) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Documentation, legal, login, errors and creator portal
   -------------------------------------------------------------------------- */
body.pb-docs-page,
body.pb-legal-body,
body.auth-body,
body.creator-portal-page {
  color: var(--cir-text) !important;
  background: var(--cir-bg) !important;
  background-image: none !important;
}
body.pb-docs-page::before,
body.pb-docs-page::after,
body.pb-legal-body::before,
body.pb-legal-body::after,
body.auth-body::before,
body.auth-body::after,
body.creator-portal-page::before,
body.creator-portal-page::after { display: none !important; }
body.pb-docs-page .docs-sidebar,
body.pb-docs-page .docs-topbar,
body.pb-legal-body .pb-legal-topbar,
body.auth-body .auth-topbar,
body.creator-portal-page .creator-topbar {
  border-color: var(--cir-border-soft) !important;
  background: var(--cir-chrome) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.pb-docs-page .docs-card,
body.pb-docs-page .docs-section,
body.pb-legal-body .pb-legal-card,
body.auth-body .auth-card,
body.auth-body .error-card,
body.creator-portal-page .creator-card,
body.creator-portal-page .creator-panel {
  border-color: var(--cir-border-soft) !important;
  border-radius: var(--cir-radius) !important;
  color: var(--cir-copy) !important;
  background: var(--cir-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}
body.pb-docs-page a.button,
body.pb-legal-body a.button,
body.auth-body button,
body.auth-body .auth-btn,
body.creator-portal-page button,
body.creator-portal-page .btn {
  border-radius: var(--cir-radius-sm) !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
}
body.auth-body input,
body.auth-body select,
body.auth-body textarea,
body.creator-portal-page input,
body.creator-portal-page select,
body.creator-portal-page textarea {
  border-color: var(--cir-border) !important;
  border-radius: var(--cir-radius-sm) !important;
  color: var(--cir-text) !important;
  background: var(--cir-bg-deep) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Responsive safeguards. These only change component stacking, never desktop
   canvas width or shell positioning.
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  body.pb-panel-ui:not(.cs-saas-body) .module-stat-grid,
  body.pb-panel-ui:not(.cs-saas-body) .stats-grid,
  body.pb-panel-ui:not(.cs-saas-body) .stat-grid,
  body.pb-panel-ui:not(.cs-saas-body) .embed-stat-grid,
  body.pb-panel-ui:not(.cs-saas-body) .architect-grid-4 {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    gap: 8px !important;
    overflow: visible !important;
  }
  body.pb-panel-ui:not(.cs-saas-body) .module-stat-grid > .card,
  body.pb-panel-ui:not(.cs-saas-body) .stats-grid > .card,
  body.pb-panel-ui:not(.cs-saas-body) .stat-grid > .card,
  body.pb-panel-ui:not(.cs-saas-body) .embed-stat-grid > .card,
  body.pb-panel-ui:not(.cs-saas-body) .module-stat-card,
  body.pb-panel-ui:not(.cs-saas-body) .stat-card,
  body.pb-panel-ui:not(.cs-saas-body) .embed-stat-card,
  body.pb-panel-ui:not(.cs-saas-body) .architect-stat,
  body.pb-panel-ui:not(.cs-saas-body) .vh-stat {
    border: 1px solid var(--cir-border-soft) !important;
    border-radius: var(--cir-radius) !important;
    background: var(--cir-surface) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.pb-panel-ui:not(.cs-saas-body) *,
  body.cv2-page *,
  body.cb-billing-body *,
  body.po-body * {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}