/* EmpireConnections approved visual direction — September 2026.
   This is the final presentation authority for the representative workspace,
   Campaign Command Center, and Playlist Studio. It follows the two approved
   focused-workspace concepts: pale-blue canvas, white work surfaces, compact
   vertical navigation, electric-blue actions, green readiness, and restrained
   red/gold operational accents. */

body.empire-focused-advisor {
  --approved-page: #f3f6fb;
  --approved-surface: #ffffff;
  --approved-module: #f7f9fc;
  --approved-soft: #eef3fb;
  --approved-blue-soft: #eaf2ff;
  --approved-ink: #13213d;
  --approved-muted: #66738b;
  --approved-line: #d9e1ee;
  --approved-blue: #1261e8;
  --approved-blue-strong: #084ec6;
  --approved-navy: #10284a;
  --approved-green: #137b4a;
  --approved-green-soft: #e5f7ed;
  --approved-red: #bb3243;
  --approved-red-soft: #fff0f2;
  --approved-gold: #6f6f6f;
  --approved-shadow: 0 18px 42px rgba(18, 38, 74, .12);
  background: var(--approved-page) !important;
}

/* Page-title hierarchy: H1 is Empire navy; section-level H2 is charcoal.
   The global dark header and custom playlist banners keep their own contrast. */
:is(.content-heading h1, #workspace-title),
body #workspace > .content-heading #workspace-title {
  color: #10233d !important;
}

body :is(.panel h2, .content-heading h2, .ecs-head h2) {
  color: #343b46 !important;
}

/* The approved concept uses a light application bar, not a dark banner. */
body.empire-focused-advisor .topbar.empireos-unified-header,
body:has(#admin-panel:not([hidden])) .topbar.empireos-unified-header {
  display: grid !important;
  grid-template-columns: minmax(190px, auto) minmax(240px, 1fr) auto !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 66px !important;
  padding: 10px 18px !important;
  border-bottom: 1px solid var(--approved-line) !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 7px 24px rgba(18, 38, 74, .08) !important;
}

body.empire-focused-advisor .topbar #workspace-brand-logo,
body:has(#admin-panel:not([hidden])) .topbar #workspace-brand-logo {
  height: 38px !important;
  max-width: 235px !important;
  filter: brightness(0) saturate(100%) invert(13%) sepia(24%) saturate(1518%) hue-rotate(179deg) brightness(91%) contrast(96%);
}

body.empire-focused-advisor .topbar .top-actions,
body:has(#admin-panel:not([hidden])) .topbar .top-actions {
  gap: 8px !important;
}

body.empire-focused-advisor .topbar :is(#system-health, #customer-data-custody),
body:has(#admin-panel:not([hidden])) .topbar :is(#system-health, #customer-data-custody) {
  border-color: #b9dfcb !important;
  background: var(--approved-green-soft) !important;
  color: var(--approved-green) !important;
}

body.empire-focused-advisor .topbar :is(.text-button, .dual-view-admin),
body:has(#admin-panel:not([hidden])) .topbar :is(.text-button, .dual-view-admin) {
  border-color: var(--approved-line) !important;
  background: transparent !important;
  color: #42536d !important;
}

body.empire-focused-advisor .topbar .dual-view-admin,
body:has(#admin-panel:not([hidden])) .topbar .dual-view-admin {
  border: 1px solid #b8cff0 !important;
  border-radius: 9px !important;
  background: var(--approved-blue-soft) !important;
  color: var(--approved-blue-strong) !important;
}

.empire-focused-global-search {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  max-width: 620px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--approved-line);
  border-radius: 10px;
  background: var(--approved-page);
  color: var(--approved-muted);
}

.empire-focused-global-search .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

body.empire-focused-advisor .topbar #empireos-header-refresh,
body:has(#admin-panel:not([hidden])) .topbar #empireos-header-refresh {
  border-color: #c9d9ed !important;
  background: var(--approved-blue-soft) !important;
  color: var(--approved-blue) !important;
}

body:has(#admin-panel:not([hidden])) .topbar .empireos-header-copy h1 {
  color: #10233d !important;
}

body:has(#admin-panel:not([hidden])) .topbar .empireos-header-copy p {
  color: #66758a !important;
}

/* Retire the remaining dark legacy heading surfaces in the admin workspace so
   every H2 can consistently use charcoal without losing contrast. */
body:has(#admin-panel:not([hidden])) #admin-panel :is(
  .empire-vendor-hero,
  .empire-vendor-results-head,
  .empire-phone-v4-hero,
  .empire-dialer-overview,
  .empire-calling-window
) {
  border: 1px solid #d7e0ea !important;
  border-radius: 13px !important;
  background: #f1f4f8 !important;
  box-shadow: 0 9px 24px rgba(18, 38, 74, .07) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-vendor-results-head {
  padding: 14px 16px !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel :is(
  .empire-vendor-hero,
  .empire-vendor-results-head,
  .empire-phone-v4-hero,
  .empire-dialer-overview,
  .empire-calling-window
) h2 {
  color: #343b46 !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel :is(
  .empire-vendor-hero,
  .empire-phone-v4-hero,
  .empire-dialer-overview,
  .empire-calling-window
) p {
  color: #66758a !important;
}

.empire-focused-global-search input {
  width: 100%;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--approved-ink) !important;
}

body.empire-focused-advisor #workspace.content {
  padding: 14px !important;
}

/* The live workspace is one app frame, matching the approved full-screen mockup. */
body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root {
  position: relative !important;
  min-height: 610px !important;
  padding: 0 0 0 78px !important;
  overflow: hidden !important;
  border: 1px solid var(--approved-line) !important;
  border-radius: 16px !important;
  background: var(--approved-page) !important;
  box-shadow: var(--approved-shadow) !important;
}

body.empire-focused-advisor #empire-focused-context {
  min-height: 74px !important;
  padding: 12px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--approved-line) !important;
  border-radius: 0 !important;
  background: var(--approved-surface) !important;
}

.empire-focused-person-mark {
  background: var(--approved-blue-soft) !important;
  color: var(--approved-blue) !important;
}

.empire-focused-navigation {
  position: absolute !important;
  z-index: 15 !important;
  inset: 0 auto 0 0 !important;
  display: flex !important;
  flex-direction: column !important;
  width: 78px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 8px !important;
  border: 0 !important;
  border-right: 1px solid var(--approved-line) !important;
  border-radius: 0 !important;
  background: var(--approved-surface) !important;
  box-shadow: none !important;
}

.empire-focused-primary-nav,
.empire-focused-utility-nav {
  display: flex !important;
  width: 100% !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.empire-focused-utility-nav {
  margin-top: auto !important;
}

.empire-focused-navigation button,
.empire-focused-navigation summary {
  display: flex !important;
  width: 60px !important;
  min-height: 56px !important;
  padding: 7px 4px !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 3px !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: transparent !important;
  color: var(--approved-muted) !important;
  line-height: 1 !important;
}

.empire-focused-navigation button > span,
.empire-focused-navigation summary > span {
  font-size: 17px;
}

.empire-focused-navigation button > small,
.empire-focused-navigation summary > small {
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

.empire-focused-navigation button:hover,
.empire-focused-navigation summary:hover,
.empire-focused-navigation button.is-active,
.empire-focused-navigation button[aria-pressed="true"] {
  background: var(--approved-blue-soft) !important;
  color: var(--approved-blue) !important;
}

.empire-focused-more-menu {
  top: auto !important;
  right: auto !important;
  bottom: 0 !important;
  left: calc(100% + 9px) !important;
  width: 226px !important;
  padding: 7px !important;
  border: 1px solid var(--approved-line) !important;
  background: var(--approved-surface) !important;
  box-shadow: var(--approved-shadow) !important;
}

.empire-focused-more-menu button {
  width: 100% !important;
  min-height: 40px !important;
  padding: 8px 11px !important;
  align-items: flex-start !important;
  text-align: left !important;
}

.empire-focused-tabs {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 49px;
  padding: 0 18px;
  overflow-x: auto;
  border-bottom: 1px solid var(--approved-line);
  background: var(--approved-surface);
}

.empire-focused-tabs button {
  min-height: 49px;
  padding: 0 1px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--approved-muted);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.empire-focused-tabs button:hover,
.empire-focused-tabs button.is-active,
.empire-focused-tabs button[aria-pressed="true"] {
  border-bottom-color: var(--approved-blue);
  color: var(--approved-blue);
}

body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root > :is(.empire-mode-kpis, .empire-mode-grid, .empire-mode-lower, .empire-mode-tools-lower) {
  margin: 0 !important;
  padding: 14px !important;
}

body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root > .empire-mode-grid {
  min-height: 0 !important;
  height: auto !important;
  align-content: start !important;
  background: var(--approved-page) !important;
}

body.empire-focused-advisor[data-empire-focus-view="work"][data-empire-call-phase="ready"] #empire-mode-workspace-root > .empire-mode-grid {
  grid-template-rows: minmax(280px, 1fr) auto !important;
}

body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root > .empire-mode-grid > .empire-mode-phone {
  grid-row: 2 !important;
}

.empire-focused-ready {
  min-height: 280px !important;
  padding: clamp(24px, 4vw, 46px) !important;
  border: 1px solid #cddbf0 !important;
  border-left: 5px solid var(--approved-blue) !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, #ffffff 0%, #f7faff 64%, #edf4ff 100%) !important;
  box-shadow: 0 12px 30px rgba(18, 38, 74, .08) !important;
}

.empire-focused-ready-copy h2 {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  letter-spacing: -.035em !important;
}

.empire-focused-ready-actions .primary:not(:disabled) {
  background: var(--approved-blue) !important;
}

.empire-focused-ready-actions .manual {
  border-color: #b9dfcb !important;
  background: var(--approved-green-soft) !important;
  color: var(--approved-green) !important;
}

body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root :is(.panel, #call-history, #advisor-messages, #mason-ai) {
  border-color: var(--approved-line) !important;
  border-radius: 13px !important;
  background: var(--approved-module) !important;
  color: var(--approved-ink) !important;
  box-shadow: 0 10px 28px rgba(18, 38, 74, .08) !important;
}

body.empire-focused-advisor #campaign-workspace > .panel,
body.empire-focused-advisor #customer-card,
body.empire-focused-advisor #disposition-center {
  border-top: 4px solid #2d6cb5 !important;
}

body.empire-focused-advisor .script-panel .script-copy,
body.empire-focused-advisor #campaign-workspace :is(.package-content, .tenant-resource-card),
body.empire-focused-advisor #customer-card .empire-customer-field {
  border: 1px solid #d9e5f6 !important;
  background: var(--approved-blue-soft) !important;
}

/* The call controls are a compact footer, not a second full workspace. */
body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root > .empire-mode-grid > .empire-mode-phone,
body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root .empire-mode-phone > .phone-panel {
  border-color: var(--approved-line) !important;
  background: var(--approved-surface) !important;
  box-shadow: none !important;
}

body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-panel {
  display: grid !important;
  grid-template-columns: minmax(240px, .72fr) minmax(500px, 1.28fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 14px !important;
}

body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-panel > .panel-heading {
  margin: 0 !important;
}

body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-panel-heading-actions {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone #phone-campaign-command {
  flex: 1 1 auto !important;
  width: auto !important;
}

body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-action-stack > button {
  border-color: var(--approved-line) !important;
  background: var(--approved-page) !important;
  color: var(--approved-ink) !important;
  text-shadow: none !important;
}

body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-action-stack > #call-button:not(:disabled) {
  border-color: var(--approved-blue) !important;
  background: var(--approved-blue) !important;
  color: #ffffff !important;
}

body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-action-stack > #hangup-button:not(:disabled) {
  border-color: #ecc4ca !important;
  background: var(--approved-red-soft) !important;
  color: var(--approved-red) !important;
}

/* Campaign Command Center — same approved surfaces with deliberate hierarchy. */
.ecs-overlay {
  padding: 18px !important;
  background: rgba(16, 40, 74, .48) !important;
  backdrop-filter: blur(5px) !important;
}

.ecs-drawer {
  position: relative !important;
  inset: auto !important;
  width: min(1500px, 100%) !important;
  height: 100% !important;
  margin-left: auto !important;
  padding: clamp(22px, 3vw, 38px) !important;
  border: 1px solid #cdd9e8 !important;
  border-radius: 16px !important;
  background: #f3f6fb !important;
  color: #13213d !important;
  box-shadow: 0 24px 80px rgba(4, 17, 36, .28) !important;
  animation: none !important;
}

.ecs-head {
  min-height: 78px !important;
  padding: 0 0 18px 17px !important;
  border-bottom: 1px solid #d8e1ee !important;
  border-left: 5px solid #1261e8 !important;
}

.ecs-head span,
.ecs-builder > * > span,
.ecs-sources header span,
.ecs-yesterday-card > span {
  color: #2865aa !important;
}

.ecs-yesterday-card,
.ecs-spiff,
.ecs-builder > section,
.ecs-builder > aside {
  border: 1px solid #d8e1ee !important;
  border-radius: 13px !important;
  background: #f7f9fc !important;
  color: #13213d !important;
  box-shadow: 0 10px 28px rgba(18, 38, 74, .07) !important;
}

.ecs-yesterday-card {
  border-left: 5px solid #2d6cb5 !important;
}

.ecs-spiff {
  border-top: 4px solid #ababab !important;
  background: linear-gradient(145deg, #ffffff 0%, #fafafa 100%) !important;
}

.ecs-spiff header span {
  color: #656565 !important;
}

.ecs-progress em {
  background: linear-gradient(90deg, #1261e8, #4d91f2) !important;
}

.ecs-spiff .ecs-progress em {
  background: linear-gradient(90deg, #828282, #c6c6c6) !important;
}

/* Solid performance cards, matching the confidence of the active Call Mode. */
.ecs-yesterday-card {
  border-color: #285b8c !important;
  background: #173b61 !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(23, 59, 97, .24) !important;
}

#ecs-spiffs > .ecs-spiff:nth-child(1) {
  border-color: #1d7655 !important;
  background: #145a3f !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(20, 90, 63, .24) !important;
}

#ecs-spiffs > .ecs-spiff:nth-child(2) {
  border-color: #4b5665 !important;
  background: #343d49 !important;
  background-image: none !important;
  box-shadow: 0 12px 28px rgba(35, 43, 54, .24) !important;
}

.ecs-yesterday-card::before,
.ecs-spiff::before {
  display: none !important;
}

.ecs-yesterday-card :is(h3, strong, small),
.ecs-spiff :is(header strong, .ecs-progress small, .ecs-progress b) {
  color: #ffffff !important;
}

.ecs-yesterday-card > span {
  color: #b9dcff !important;
}

.ecs-progress b i {
  color: rgba(255, 255, 255, .66) !important;
}

.ecs-progress > span {
  background: rgba(255, 255, 255, .20) !important;
}

#ecs-spiffs > .ecs-spiff:nth-child(1) header span {
  color: #b9f0d5 !important;
}

#ecs-spiffs > .ecs-spiff:nth-child(1) .ecs-progress em {
  background: #79dfac !important;
}

#ecs-spiffs > .ecs-spiff:nth-child(2) header span {
  color: #d2d2d2 !important;
}

#ecs-spiffs > .ecs-spiff:nth-child(2) .ecs-progress em {
  background: #bcbcbc !important;
}

.ecs-builder > section:first-child {
  border-top: 4px solid #2d6cb5 !important;
}

.ecs-mode-buttons button {
  border-color: #cedae8 !important;
  background: #f7f9fc !important;
  color: #42536d !important;
}

.ecs-mode-buttons button.active {
  border-color: #1261e8 !important;
  background: linear-gradient(145deg, #1261e8, #0b4ea9) !important;
  color: #ffffff !important;
  box-shadow: 0 9px 20px rgba(18, 97, 232, .23) !important;
}

.ecs-mode-buttons button.active small {
  color: #dceaff !important;
}

#ecs-summary {
  border: 1px solid #153b68 !important;
  background: linear-gradient(145deg, #173f6d, #102c50) !important;
  box-shadow: 0 10px 24px rgba(16, 44, 80, .18) !important;
}

#ecs-summary :is(strong, span) {
  color: #ffffff !important;
}

#ecs-summary .ready { color: #7be1ad !important; }
#ecs-summary .blocked { color: #ffc1ca !important; }

.ecs-manual-option {
  border-color: #b6dfca !important;
  background: #e8f7ef !important;
}

.ecs-manual-option button,
.ecs-incoming button {
  border-color: #137b4a !important;
  background: #16865f !important;
  color: #ffffff !important;
}

.ecs-sources {
  border-top: 4px solid #1261e8 !important;
}

.ecs-source {
  border-color: #d5dfeb !important;
  background: #f9fbfe !important;
}

.ecs-source.selected {
  border-color: #1261e8 !important;
  background: #eaf2ff !important;
  box-shadow: inset 4px 0 0 #1261e8 !important;
}

.ecs-incoming {
  border-top: 4px solid #16865f !important;
  background: linear-gradient(145deg, #ffffff, #f0faf5) !important;
}

/* Playlist Studio carries the same clear blue/green score hierarchy. */
.campaign-health-monitor,
.live-playlist-card {
  border-color: #d2deeb !important;
  border-radius: 13px !important;
  background: #f7f9fc !important;
  box-shadow: 0 10px 28px rgba(18, 38, 74, .07) !important;
}

/* Keep the studio heading quiet; the actual collapsible playlist rows carry
   the selected banner color. */
#live-playlists > .section-title {
  align-items: center !important;
  padding: 18px 20px !important;
  border: 1px solid #d8e1eb !important;
  border-radius: 13px !important;
  background: #f7f9fc !important;
  box-shadow: 0 9px 24px rgba(18, 38, 74, .07) !important;
}

#live-playlists > .section-title .eyebrow {
  color: #245f9f !important;
}

#live-playlists > .section-title h2 {
  color: #343b46 !important;
}

#live-playlists > .section-title p {
  color: #66758a !important;
}

#live-playlists > .section-title .status {
  border-color: #c8d8e8 !important;
  background: #ffffff !important;
  color: #245f9f !important;
  box-shadow: none !important;
}

/* Lead acquisition economics is its own administrator workspace, not part of Playlist Studio. */
#admin-panel > .lead-vendors-roi-workspace {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 28px;
  padding-top: 28px;
  border-top: 2px solid rgba(16, 35, 61, .14);
  scroll-margin-top: 24px;
}

#lead-vendors-roi > .empire-vendor-library {
  width: 100%;
  margin: 0;
}

/* The expanded management menu uses one solid Empire navy field so its white
   labels and electric-green icons keep consistent contrast at every height. */
.app-layout > .sidebar {
  border-right-color: #2f6da8 !important;
  background: #10233d !important;
  box-shadow: 12px 0 34px rgba(4, 18, 36, .28) !important;
  color: #ffffff !important;
}

.app-layout > .sidebar :is(.sidebar-title, .nav-section) {
  color: #cbd7e5 !important;
}

.app-layout > .sidebar .nav-item:is(:hover, :focus-visible, .active) {
  background: #1c5f9e !important;
}

/* ROI keeps its charcoal shell, while the working modules use a warm off-white
   surface so economics, forms, and scorecards remain easy to scan. */
body:has(#admin-panel:not([hidden])) #lead-vendors-roi .empire-vendor-body {
  background: #e9edf2 !important;
  color: #343b46 !important;
}

body:has(#admin-panel:not([hidden])) #lead-vendors-roi :is(
  .empire-vendor-hero,
  .empire-vendor-summary-grid article,
  .empire-vendor-control,
  .empire-vendor-card,
  .empire-vendor-metrics article,
  .empire-vendor-roi-card,
  .empire-vendor-table-wrap,
  .empire-vendor-empty
) {
  border-color: #d4e0eb !important;
  background: #f2f6fa !important;
  box-shadow: 0 7px 20px rgba(18, 38, 74, .07) !important;
}

body:has(#admin-panel:not([hidden])) #lead-vendors-roi :is(
  .empire-vendor-hero h2,
  .empire-vendor-control h3,
  .empire-vendor-card-head h3,
  .empire-vendor-summary-grid strong,
  .empire-vendor-metrics strong,
  .empire-vendor-empty strong,
  .empire-vendor-table td strong
) {
  color: #10233d !important;
}

body:has(#admin-panel:not([hidden])) #lead-vendors-roi :is(
  .empire-vendor-hero p,
  .empire-vendor-status,
  .empire-vendor-card-head p,
  .empire-vendor-summary-grid small,
  .empire-vendor-metrics small,
  .empire-vendor-range span,
  .empire-vendor-table td,
  .empire-vendor-table td small,
  .empire-vendor-notes,
  .empire-vendor-empty span
) {
  color: #5f6d7d !important;
}

body:has(#admin-panel:not([hidden])) #lead-vendors-roi :is(
  .empire-vendor-label,
  .empire-vendor-hero span,
  .empire-vendor-control legend,
  .empire-vendor-table th,
  .empire-vendor-card-badge,
  .empire-vendor-roi-card strong
) {
  color: #167554 !important;
}

body:has(#admin-panel:not([hidden])) #lead-vendors-roi .empire-vendor-table th {
  background: #e8eff6 !important;
}

body:has(#admin-panel:not([hidden])) #lead-vendors-roi .empire-vendor-table td {
  border-bottom-color: #dce5ee !important;
  background: #ffffff !important;
}

body:has(#admin-panel:not([hidden])) #lead-vendors-roi :is(input, select, textarea) {
  border-color: #cbd3dc !important;
  background: #ffffff !important;
  color: #24364d !important;
}

/* Dispositions and their mappings are a dedicated workflow studio. */
#admin-panel > .layout-admin,
#advisor-layout-workspace > .layout-admin,
#admin-panel > #disposition-workflows {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#admin-panel > .layout-admin > :is(.eyebrow, h2, h2 + p, h3),
#advisor-layout-workspace > .layout-admin > :is(.eyebrow, h2, h2 + p, h3),
#admin-panel > .layout-admin :is(.layout-field-grid, .layout-defaults, #layout-section-list),
#advisor-layout-workspace > .layout-admin :is(.layout-field-grid, .layout-defaults, #layout-section-list) {
  display: block !important;
}

#admin-panel > .layout-admin .layout-field-grid,
#advisor-layout-workspace > .layout-admin .layout-field-grid {
  display: grid !important;
}

#admin-panel > .layout-admin > h2,
#advisor-layout-workspace > .layout-admin > h2 {
  position: static !important;
  margin: 5px 0 6px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #10233d !important;
  box-shadow: none !important;
}

.disposition-workflow-studio {
  scroll-margin-top: 24px;
  border-color: #ccd7e4 !important;
  background: #eef2f6 !important;
  color: #343b46 !important;
}

.disposition-workflow-studio > .section-title h2,
.disposition-workflow-studio h3 {
  color: #10233d !important;
}

.disposition-workflow-studio p,
.disposition-workflow-studio .workflow-form-safety {
  color: #607084 !important;
}

.disposition-workflow-map,
.disposition-form-builder-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr);
  gap: 16px;
  margin-top: 20px;
}

.disposition-mapping-editor,
.disposition-workflow-guide,
.disposition-form-builder,
.disposition-form-controls,
.disposition-form-preview-shell {
  border: 1px solid #d7d2c7;
  border-radius: 14px;
  background: #f2f6fa;
  box-shadow: 0 8px 22px rgba(18, 38, 74, .07);
}

.disposition-mapping-editor,
.disposition-workflow-guide,
.disposition-form-controls,
.disposition-form-preview-shell {
  padding: 18px;
}

.workflow-step-kicker {
  display: block;
  color: #167554;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
}

.disposition-mapping-editor #layout-disposition-list {
  display: grid !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 520px !important;
  margin-top: 15px;
  padding-right: 6px;
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

.disposition-workflow-studio .disposition-editor-row {
  grid-template-columns: minmax(150px, .7fr) minmax(290px, 1.35fr) 130px auto auto auto !important;
  border-color: #d7dee7 !important;
  background: #ffffff !important;
}

.disposition-workflow-studio :is(input, select, textarea) {
  border-color: #c8d2de !important;
  background: #ffffff !important;
  color: #24364d !important;
}

.disposition-workflow-studio .layout-editor-row button,
.disposition-workflow-studio .workflow-edit-form {
  border: 1px solid #bfd0e1 !important;
  background: #eaf2fb !important;
  color: #1c5f9e !important;
}

.disposition-workflow-studio .remove-layout-item {
  border-color: #dfb7bd !important;
  background: #fff0f2 !important;
  color: #9f3445 !important;
}

.disposition-workflow-guide ol {
  display: grid;
  gap: 12px;
  margin: 18px 0 0;
  padding-left: 22px;
  color: #34475f;
}

.disposition-workflow-guide li::marker {
  color: #167554;
  font-weight: 900;
}

.disposition-form-builder {
  margin-top: 18px;
  padding: 20px;
}

.disposition-form-builder-heading,
.workflow-form-fields-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}

.disposition-form-builder-heading > label {
  min-width: 260px;
  margin: 0;
  color: #42546b;
}

.workflow-form-toggle,
.workflow-field-required,
.workflow-preview-checkbox {
  display: flex !important;
  align-items: center;
  gap: 9px;
}

.disposition-form-controls > label:not(.workflow-form-toggle) {
  display: grid !important;
  gap: 7px;
  margin: 14px 0 0 !important;
  color: #42546b !important;
  font-size: 12px;
  font-weight: 750;
}

.disposition-form-controls > label:not(.workflow-form-toggle) > :is(input, textarea, select) {
  display: block;
  width: 100% !important;
  min-width: 0;
  margin: 0 !important;
}

.disposition-form-controls > label:not(.workflow-form-toggle) > textarea {
  min-height: 92px;
  resize: vertical;
}

.disposition-form-controls > .workflow-form-toggle {
  margin: 0 0 14px !important;
}

.workflow-form-toggle input,
.workflow-field-required input,
.workflow-preview-checkbox input {
  width: auto !important;
  margin: 0 !important;
}

.workflow-form-field-list {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.workflow-form-field-row {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) 130px auto minmax(180px, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border: 1px solid #d7dee7;
  border-radius: 10px;
  background: #ffffff;
}

.workflow-form-field-row > :is(input, select) {
  margin: 0 !important;
}

.workflow-form-field-row > span {
  display: flex;
  gap: 5px;
}

.workflow-form-field-row button {
  padding: 8px 10px;
}

.workflow-form-empty,
.disposition-form-preview small {
  padding: 13px;
  border: 1px dashed #c6d1dd;
  border-radius: 9px;
  background: #f1f4f8;
  color: #607084 !important;
}

.disposition-form-preview {
  display: grid;
  gap: 11px;
  margin-top: 12px;
}

.disposition-form-preview h4 {
  margin: 0;
  color: #10233d;
  font-size: 20px;
}

.disposition-form-preview label,
.disposition-workflow-form-fields label {
  display: grid;
  gap: 5px;
  margin: 0;
  color: #42546b;
  font-size: 12px;
  font-weight: 750;
}

.workflow-preview-protected-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.workflow-preview-protected-fields span {
  padding: 9px;
  border: 1px solid #d6dee7;
  border-radius: 8px;
  background: #ffffff;
  color: #34475f;
  font-size: 11px;
}

.disposition-form-preview > button {
  background: #1c5f9e !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

.disposition-workflow-card {
  width: min(720px, 96vw) !important;
  max-height: 92vh;
  overflow: auto;
}

.disposition-workflow-form-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px;
  margin-top: 20px;
}

@media (max-width: 1100px) {
  .disposition-workflow-map,
  .disposition-form-builder-grid,
  .disposition-workflow-studio .disposition-editor-row,
  .workflow-form-field-row {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 700px) {
  .disposition-workflow-map,
  .disposition-form-builder-grid,
  .disposition-workflow-studio .disposition-editor-row,
  .workflow-form-field-row,
  .disposition-workflow-form-fields {
    grid-template-columns: 1fr !important;
  }

  .disposition-form-builder-heading {
    align-items: stretch;
    flex-direction: column;
  }
}

/* Release 33: DIDs & Live Calls is a standalone Telephony section instead of
   being buried in the pacing accordion. Its light overview uses dark-blue
   labels and blue results; the two inventory panels are navy with white copy. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-phone-v4-hero span {
  color: #173b63 !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-phone-v4-stats strong {
  color: #61b3ff !important;
  -webkit-text-fill-color: #61b3ff !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  border: 1px solid #c8d7e7 !important;
  background: linear-gradient(145deg, #f8fafc 0%, #edf2f7 100%) !important;
  color: #10233d !important;
  box-shadow: 0 16px 36px rgba(16, 47, 82, .12) !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-heading :is(span, h2),
body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel #empire-dialer-overview-status,
body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-metrics small {
  color: #102f52 !important;
  -webkit-text-fill-color: #102f52 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-heading p {
  color: #53657b !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel #empire-dialer-overview-status {
  padding: 7px 12px !important;
  border: 1px solid #9eb6cf !important;
  border-radius: 999px !important;
  background: #e1eaf4 !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-metrics article {
  border-color: #c5d3e2 !important;
  background: #ffffff !important;
  box-shadow: 0 6px 16px rgba(16, 47, 82, .07) !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-metrics strong {
  color: #176fb8 !important;
  -webkit-text-fill-color: #176fb8 !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-columns > section {
  border-color: #315a83 !important;
  background: linear-gradient(145deg, #183b63 0%, #102f52 52%, #091f3a 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(9, 31, 58, .24) !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-list-heading :is(h3, a, span),
body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-list :is(strong, small) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-list article {
  border-left-color: #61b3ff !important;
  background: rgba(255, 255, 255, .1) !important;
}

body:has(#admin-panel:not([hidden])) #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-list article[data-tone="healthy"] {
  border-left-color: #4fd39a !important;
}

/* Labor Day, Free Bali, and every other collapsible playlist use this banner.
   The custom properties are set from the playlist's saved hex color. */
.playlist-studio-card .campaign-admin-card-heading {
  border-color: var(--playlist-banner-chrome-border, rgba(255, 255, 255, .42)) !important;
  background: linear-gradient(145deg,
    var(--playlist-banner-start, #3a89c9) 0%,
    var(--playlist-banner-color, #176fb8) 48%,
    var(--playlist-banner-end, #0d416b) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13) !important;
}

.playlist-studio-card .campaign-admin-card-heading :is(strong, span, small, b) {
  color: var(--playlist-banner-ink, #ffffff) !important;
}

.playlist-studio-card .campaign-admin-card-heading .playlist-card-heading-copy span {
  color: var(--playlist-banner-muted, rgba(239, 247, 255, .82)) !important;
}

.playlist-studio-card .campaign-admin-card-heading::after {
  border-color: var(--playlist-banner-chrome-border, rgba(255, 255, 255, .42)) !important;
  background: var(--playlist-banner-chrome, rgba(255, 255, 255, .17)) !important;
  color: var(--playlist-banner-ink, #ffffff) !important;
}

.playlist-studio-card[open] .campaign-admin-card-heading {
  border-bottom-color: var(--playlist-banner-chrome-border, rgba(255, 255, 255, .42)) !important;
}

.playlist-banner-color-label {
  align-content: start;
}

.playlist-color-control {
  display: grid;
  grid-template-columns: 46px minmax(112px, 1fr);
  gap: 9px;
  align-items: center;
}

.playlist-studio-panel .playlist-color-control input[type="color"] {
  width: 46px !important;
  height: 42px;
  padding: 3px !important;
  overflow: hidden;
  border: 1px solid #b8c7d8 !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  cursor: pointer;
}

.playlist-color-control input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}

.playlist-color-control input[type="color"]::-webkit-color-swatch {
  border: 0;
  border-radius: 50%;
}

.playlist-color-control input[type="color"]::-moz-color-swatch {
  border: 0;
  border-radius: 50%;
}

.playlist-banner-color-label > small {
  color: #728096 !important;
  font-size: 10px;
  font-weight: 600;
}

.playlist-color-control input[type="text"]:invalid {
  border-color: #ba4f5f !important;
  box-shadow: 0 0 0 3px rgba(186, 79, 95, .12) !important;
}

.playlist-builder-step:first-child {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.campaign-health-monitor {
  border-top: 4px solid #1261e8 !important;
}

.live-playlist-card[open] {
  border-left: 5px solid #1261e8 !important;
}

.live-playlist-health > span,
.campaign-health-status {
  border-color: #b7dfca !important;
  background: #e8f7ef !important;
  color: #137b4a !important;
}

.live-playlist-health strong,
.campaign-health-status strong {
  color: #0f6d41 !important;
}

/* Keep status copy legible inside the navy health-score panel. */
.playlist-health-score > span {
  color: #f7faff !important;
}

.playlist-health-score > span small {
  color: #e4edf8 !important;
}

.playlist-health-score > span b {
  color: #ff9bad !important;
  font-weight: 850;
}

.playlist-health-score[data-tone="critical"] > strong {
  color: #8f2336 !important;
}

.playlist-health-score[data-tone="warning"] > span b {
  color: #d7d7d7 !important;
}

.playlist-health-score[data-tone="healthy"] > span b {
  color: #7de6b4 !important;
}

/* Semantic status authority: forest green means good; orange means attention. */
:root {
  --approved-success-gradient: linear-gradient(135deg, #1f684b 0%, #0d4936 55%, #073325 100%);
  --approved-attention-gradient: linear-gradient(135deg, #d96b16 0%, #b94f0d 55%, #843407 100%);
}

:is(
  .status[data-tone="online"],
  .status[data-tone="success"],
  .advisor-live-status.ready,
  .advisor-live-status.on-call,
  .to-person.available,
  .empire-phone-v4-status[data-tone="online"],
  .empire-calling-window-heading > strong[data-tone="online"],
  .empire-dialer-overview-heading > strong[data-tone="online"]
) {
  border: 1px solid #3f9a73 !important;
  border-radius: 999px !important;
  background: var(--approved-success-gradient) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(7, 51, 37, .22) !important;
}

:is(
  .status[data-tone="warning"],
  .status[data-tone="error"],
  .status[data-tone="attention"],
  .status[data-tone="offline"],
  .status[data-tone="pending"],
  .advisor-live-status.paused,
  .to-person.busy,
  .to-person.offline,
  .empire-phone-v4-status[data-tone="error"],
  .empire-calling-window-heading > strong[data-tone="error"],
  .empire-dialer-overview-heading > strong[data-tone="error"]
) {
  border: 1px solid #ed8c3f !important;
  border-radius: 999px !important;
  background: var(--approved-attention-gradient) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 20px rgba(132, 52, 7, .22) !important;
}

#admin-panel .empire-phone-v4 .empire-calling-window-heading > div > span,
#admin-panel .empire-phone-v4 .empire-calling-window-fields label > span {
  color: #42546b !important;
}

#admin-panel .empire-phone-v4 .empire-calling-window-fields label > small {
  color: #66758a !important;
}

#admin-panel .empire-phone-v4 .empire-calling-window-rule,
.disposition-workflow-studio .workflow-form-safety {
  border: 1px solid #ed8c3f !important;
  border-left: 5px solid #ffad61 !important;
  border-radius: 10px !important;
  background: var(--approved-attention-gradient) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 24px rgba(132, 52, 7, .2) !important;
}

#admin-panel .empire-phone-v4 .empire-calling-window-rule :is(b, span) {
  color: #ffffff !important;
  text-shadow: none !important;
}

.disposition-workflow-studio .workflow-form-safety {
  display: block;
  padding: 12px 14px;
  line-height: 1.5;
}

.playlist-health-score[data-tone="healthy"] > span {
  border: 1px solid #3f9a73 !important;
  background: var(--approved-success-gradient) !important;
}

.playlist-health-score:is([data-tone="warning"], [data-tone="critical"]) > span {
  border: 1px solid #ed8c3f !important;
  background: var(--approved-attention-gradient) !important;
}

.playlist-health-score:is([data-tone="warning"], [data-tone="critical"]) > span :is(small, b),
.playlist-health-score[data-tone="healthy"] > span :is(small, b) {
  color: #ffffff !important;
}

@media (max-width: 1100px) {
  body.empire-focused-advisor .topbar.empireos-unified-header {
    grid-template-columns: auto minmax(180px, 1fr) auto !important;
  }

  body.empire-focused-advisor .topbar .top-actions :is([data-travel-empire-only]:not(.dual-view-admin), #customer-data-custody) {
    display: none !important;
  }

  body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-panel {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .playlist-builder-step:first-child {
    grid-template-columns: 1fr;
  }

  body.empire-focused-advisor .topbar.empireos-unified-header {
    grid-template-columns: minmax(150px, 1fr) auto !important;
  }

  .empire-focused-global-search {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: none;
  }

  body.empire-focused-advisor #advisor-panel#advisor-panel #empire-mode-workspace-root {
    min-height: 0 !important;
    padding-left: 0 !important;
  }

  .empire-focused-navigation {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    min-height: 64px !important;
    padding: 7px !important;
    flex-direction: row !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--approved-line) !important;
  }

  .empire-focused-primary-nav,
  .empire-focused-utility-nav {
    width: auto !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
  }

  .empire-focused-utility-nav { margin-top: 0 !important; }

  .empire-focused-navigation button,
  .empire-focused-navigation summary {
    width: auto !important;
    min-width: 52px !important;
    min-height: 48px !important;
    flex: 1 1 auto !important;
  }

  .empire-focused-more-menu {
    inset: calc(100% + 7px) 0 auto auto !important;
  }

  .empire-focused-context {
    border-top: 0 !important;
  }

  body.empire-focused-advisor #empire-mode-workspace-root .empire-mode-phone .phone-panel {
    grid-template-columns: 1fr !important;
  }

  .ecs-overlay { padding: 0 !important; }
  .ecs-drawer { border-radius: 0 !important; }
}

@media (max-width: 560px) {
  body.empire-focused-advisor .topbar.empireos-unified-header {
    padding: 8px 10px !important;
  }

  body.empire-focused-advisor .topbar .top-actions .text-button:not(.dual-view-admin),
  body.empire-focused-advisor .topbar #system-health {
    display: none !important;
  }

  .empire-focused-tabs { gap: 16px; padding: 0 13px; }
  .empire-focused-ready { border-left-width: 1px !important; border-top: 5px solid var(--approved-blue) !important; }

  .ecs-head {
    padding-left: 12px !important;
  }
}

/* Release 43: Remove the final pale title strip from Campaigns & Playlists.
   The page title now uses the approved charcoal, gold, and white hierarchy. */
body[data-admin-workspace="campaigns-playlists"]:has(#admin-panel:not([hidden]))
  #workspace
  > .content-heading {
  margin: 0 0 28px !important;
  padding: 24px 30px !important;
  border: 1px solid #62656a !important;
  border-left: 8px solid #bcbcbc !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  box-shadow: 0 16px 34px rgba(15, 16, 18, .24) !important;
}

body[data-admin-workspace="campaigns-playlists"]:has(#admin-panel:not([hidden]))
  #workspace
  > .content-heading
  #workspace-eyebrow {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}

body[data-admin-workspace="campaigns-playlists"]:has(#admin-panel:not([hidden]))
  #workspace
  > .content-heading
  :is(#workspace-title, #workspace-description) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Release 44: Stop-after-next-call is a clear action button, not a checkbox. */
body.empire-focused-advisor #empire-focused-last-call.empire-focused-last-call {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 44px !important;
  border: 1px solid #9c9c9c !important;
  border-radius: 9px !important;
  background: #f4f4f4 !important;
  color: #7d4300 !important;
  -webkit-text-fill-color: #7d4300 !important;
  font-weight: 850 !important;
}

body.empire-focused-advisor #empire-focused-last-call.empire-focused-last-call[aria-pressed="true"] {
  border-color: #ad4d0a !important;
  background: linear-gradient(135deg, #d97616 0%, #a94408 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Release 45: The advisor's campaign chooser is a prominent green action. */
body.empire-focused-advisor
  #empire-focused-campaign-button.empire-focused-campaign-button,
body.empire-focused-advisor
  #empire-focused-campaign-button.secondary {
  border: 1px solid #3b785f !important;
  background: linear-gradient(135deg, #194f3d 0%, #103d31 52%, #082a22 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  box-shadow: 0 8px 18px rgba(8, 42, 34, .22) !important;
  opacity: 1 !important;
}

/* Release 46: Native Workspace Layout select menus open on a light surface,
   so every option needs explicit dark ink instead of inheriting white text. */
body:has(#admin-panel:not([hidden]))
  #advisor-layout-workspace
  > .layout-admin
  .layout-field-grid
  select {
  color-scheme: light !important;
}

body:has(#admin-panel:not([hidden]))
  #advisor-layout-workspace
  > .layout-admin
  .layout-field-grid
  select
  option {
  background: #ffffff !important;
  color: #10233d !important;
  -webkit-text-fill-color: #10233d !important;
}

/* Release 47: Keep the disposition save state in the action row with
   deliberate breathing room instead of crowding the Add button below it. */
body:has(#admin-panel:not([hidden]))
  #advisor-layout-workspace
  .disposition-mapping-editor
  > .layout-actions {
  align-items: stretch !important;
  flex-wrap: wrap !important;
  gap: 14px 16px !important;
  margin-top: 20px !important;
}

body:has(#admin-panel:not([hidden]))
  #advisor-layout-workspace
  #layout-save-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 170px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 8px 22px !important;
  border-radius: 999px !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

/* Release 48: The page-level Campaigns & Playlists hero is the single title
   banner. Remove its duplicate interior banner and give health status copy
   comfortable inset spacing beside the score ring. */
body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  > .admin-workspace-heading {
  display: none !important;
}

body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  .playlist-health-score
  > span,
body:has(#admin-panel:not([hidden]))
  #live-playlists
  .playlist-health-score
  > span {
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  min-height: 58px !important;
  padding: 10px 13px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}

/* Release 38: Numeric health scores must remain visible inside white rings,
   even when a custom playlist banner makes the surrounding copy white. The
   playlist header and Telephony load status also use compact, intentional
   spacing instead of stretched or edge-touching layouts. */
body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  .playlist-studio-card
  > .campaign-admin-card-heading {
  display: grid !important;
  grid-template-columns: minmax(180px, 1fr) minmax(190px, auto) auto !important;
  align-items: center !important;
  align-content: center !important;
  gap: 14px !important;
  min-height: 0 !important;
  padding: 16px 18px !important;
  box-sizing: border-box !important;
}

body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  .playlist-studio-card
  > .campaign-admin-card-heading
  .playlist-card-heading-copy {
  min-width: 0 !important;
  margin: 0 !important;
}

body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  .playlist-studio-card
  > .campaign-admin-card-heading
  .playlist-health-score {
  justify-self: end !important;
  width: auto !important;
  min-width: 190px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  .playlist-health-score
  > strong,
body:has(#admin-panel:not([hidden]))
  #live-playlists
  .playlist-health-score
  > strong {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #a45b08 !important;
  -webkit-text-fill-color: #a45b08 !important;
  font-weight: 900 !important;
  text-indent: 0 !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  .playlist-health-score[data-tone="healthy"]
  > strong,
body:has(#admin-panel:not([hidden]))
  #live-playlists
  .playlist-health-score[data-tone="healthy"]
  > strong {
  color: #0f6d41 !important;
  -webkit-text-fill-color: #0f6d41 !important;
}

body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  .playlist-health-score[data-tone="critical"]
  > strong,
body:has(#admin-panel:not([hidden]))
  #live-playlists
  .playlist-health-score[data-tone="critical"]
  > strong {
  color: #8f2336 !important;
  -webkit-text-fill-color: #8f2336 !important;
}

body:has(#admin-panel:not([hidden]))
  #telephony-workspace
  .empire-phone-v4-hero
  .empire-phone-v4-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 15px !important;
  box-sizing: border-box !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: normal !important;
}

@media (max-width: 720px) {
  body:has(#admin-panel:not([hidden]))
    #campaigns-playlists-workspace
    .playlist-studio-card
    > .campaign-admin-card-heading {
    grid-template-columns: minmax(0, 1fr) auto !important;
    padding: 14px !important;
  }

  body:has(#admin-panel:not([hidden]))
    #campaigns-playlists-workspace
    .playlist-studio-card
    > .campaign-admin-card-heading
    .playlist-health-score {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    min-width: 0 !important;
  }

  body:has(#admin-panel:not([hidden]))
    #telephony-workspace
    .empire-phone-v4-hero
    .empire-phone-v4-status {
    align-self: flex-start !important;
  }
}

/* Release 39: Power Goal's light checkbox and input surfaces use Empire navy
   ink. This keeps instructional copy and placeholders readable without
   changing the white labels that sit directly on the navy fieldset. */
body:has(#admin-panel:not([hidden]))
  #telephony-workspace
  #admin-dialer-control
  .admin-power-goal-settings
  .admin-policy-check {
  border-color: #b9cadc !important;
  background: #f7f9fc !important;
}

body:has(#admin-panel:not([hidden]))
  #telephony-workspace
  #admin-dialer-control
  .admin-power-goal-settings
  .admin-policy-check
  > span {
  color: #102f52 !important;
  -webkit-text-fill-color: #102f52 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body:has(#admin-panel:not([hidden]))
  #telephony-workspace
  #admin-dialer-control
  .admin-power-goal-settings
  :is(input, textarea)::placeholder {
  color: #29496d !important;
  -webkit-text-fill-color: #29496d !important;
  opacity: 1 !important;
}

body:has(#admin-panel:not([hidden]))
  #telephony-workspace
  #admin-dialer-control
  .admin-power-goal-settings
  input:not([type="checkbox"]) {
  color: #102f52 !important;
  -webkit-text-fill-color: #102f52 !important;
}

/* Release 36: Priority is never an unexplained number. */
body:has(#admin-panel:not([hidden])) #admin-panel .priority-scale-help {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 5px 0 9px !important;
  padding: 5px 9px !important;
  border: 1px solid #9ebce0 !important;
  border-radius: 999px !important;
  background: #eaf2ff !important;
  color: #173b63 !important;
  -webkit-text-fill-color: #173b63 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Release 37: The Campaigns & Playlists interior banner uses the approved
   dark forest-green treatment with high-contrast white copy. */
body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  > .admin-workspace-heading {
  border-color: #2f7259 !important;
  border-left-color: #bcbcbc !important;
  background: linear-gradient(135deg, #194f3d 0%, #103d31 52%, #082a22 100%) !important;
  box-shadow: 0 16px 34px rgba(8, 42, 34, .24) !important;
}

body:has(#admin-panel:not([hidden]))
  #campaigns-playlists-workspace
  > .admin-workspace-heading
  :is(.eyebrow, h2, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Release 19: Admin is a set of focused workspaces, not one merged page. */
body:has(#admin-panel:not([hidden])) #admin-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

#admin-panel > .admin-workspace {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#admin-panel > .admin-workspace[hidden] {
  display: none !important;
}

.admin-workspace > .admin-workspace-heading {
  grid-column: 1 / -1 !important;
  padding: 26px 30px !important;
  border: 1px solid #cad6e4 !important;
  border-left: 8px solid #176fb8 !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #f8fafc 0%, #e9eef4 100%) !important;
  box-shadow: 0 12px 30px rgba(16, 35, 61, .09) !important;
}

.admin-workspace > .admin-workspace-heading .eyebrow {
  color: #176fb8 !important;
}

.admin-workspace > .admin-workspace-heading h2 {
  margin: 6px 0 5px !important;
  color: #10233d !important;
  font-size: clamp(26px, 3vw, 38px) !important;
  line-height: 1.08 !important;
}

.admin-workspace > .admin-workspace-heading p {
  max-width: 850px !important;
  margin: 0 !important;
  color: #56677b !important;
}

#campaigns-playlists-workspace > :is(.panel, #lead-command-center),
#telephony-workspace > :is(.empire-phone-v4, #trial-readiness-card, #advisor-wait-reporting),
#advisor-layout-workspace > :is(.layout-admin, #disposition-workflows),
#team-access-workspace > :is(#tenant-resource-admin, #sentinel-security-panel) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

#lead-vendors-roi.admin-workspace {
  margin: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
}

#lead-vendors-roi.admin-workspace > .empire-vendor-library {
  grid-column: 1 / -1 !important;
}

#telephony-workspace > .empire-phone-v4 {
  margin: 0 !important;
}

#campaigns-playlists-workspace > .campaign-control-center,
#campaigns-playlists-workspace > #live-playlists,
#campaigns-playlists-workspace > #lead-command-center,
#advisor-layout-workspace > :is(.layout-admin, #disposition-workflows) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.sidebar [data-admin-workspace-link].active {
  background: linear-gradient(135deg, #2479c9 0%, #175b98 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 4px 0 0 #bcbcbc, 0 8px 18px rgba(0, 0, 0, .18) !important;
}

@media (max-width: 900px) {
  #admin-panel > .admin-workspace {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Release 20: Telephony overview uses the Empire navy field requested for
   contrast. Gray inventory cards now belong to that field, and eyebrow copy
   uses gold instead of disappearing as white text on a pale surface. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-hero,
  .empire-dialer-overview
) {
  border-color: #315a83 !important;
  background: linear-gradient(145deg, #183b63 0%, #102f52 48%, #091f3a 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 42px rgba(5, 23, 43, .28) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-hero span,
  .empire-dialer-overview-heading span,
  .empire-dialer-list-heading a,
  .empire-dialer-list-heading > span
) {
  color: #c6c6c6 !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-hero h2,
  .empire-dialer-overview-heading h2,
  .empire-dialer-list-heading h3
) {
  color: #ffffff !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 :is(
  .empire-phone-v4-hero p,
  .empire-dialer-overview-heading p
) {
  color: #c7d5e6 !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-metrics article {
  border-color: #657384 !important;
  background: linear-gradient(145deg, #586473 0%, #46515f 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-metrics small {
  color: #e2e9f1 !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-columns > section {
  border-color: #7a8491 !important;
  background: linear-gradient(145deg, #69737f 0%, #555f6c 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-list article {
  border-left-color: #7fb6ee !important;
  background: rgba(27, 43, 61, .28) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-list article[data-tone="healthy"] {
  border-left-color: #39e58c !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-list :is(strong, small) {
  color: #ffffff !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-list small {
  color: #d2dce8 !important;
}

/* Release 21: Light dialer-control surfaces always use dark operational copy. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 :is(
  .empire-calling-window-heading > div > span,
  #admin-dialer-control .eyebrow,
  #admin-dialer-control .admin-dialer-control-grid label > span,
  #admin-dialer-control .admin-policy-check span,
  #admin-dialer-control fieldset legend,
  #incoming-call-assignments .eyebrow
) {
  color: #31465f !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #admin-dialer-control :is(h2, h3, strong) {
  color: #10233d !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #admin-dialer-control :is(p, small) {
  color: #5c6d81 !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window-rule {
  border-color: #d57b25 !important;
  border-left-color: #b65712 !important;
  background: linear-gradient(135deg, #ffe8cb 0%, #f7c98f 56%, #edaa60 100%) !important;
  color: #51280a !important;
  box-shadow: 0 10px 24px rgba(132, 52, 7, .14) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window-rule :is(b, span) {
  color: #51280a !important;
  text-shadow: none !important;
}

/* Release 22: DID and live-line records use dark ink on their gray cards. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-list article {
  background: rgba(255, 255, 255, .28) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-list strong {
  color: #10233d !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-dialer-overview-list small {
  color: #2f435b !important;
  text-shadow: none !important;
}

/* Release 23: Every Destination Calling Hours instruction is dark on white. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window {
  color: #10233d !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window-heading h2 {
  color: #10233d !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window-heading p {
  color: #53657b !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window :is(
  .empire-calling-window-heading > div > span,
  .empire-calling-window-fields label > span
) {
  color: #31465f !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window-fields label > small {
  color: #53657b !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 .empire-calling-window-fields input {
  border-color: #b8c6d6 !important;
  background: #ffffff !important;
  color: #10233d !important;
  color-scheme: light !important;
}

/* Release 24: Active destination-time status uses dark copy on light green. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #empire-calling-window-status[data-tone="online"] {
  border-color: #74b596 !important;
  background: linear-gradient(135deg, #e8f6ee 0%, #cdebdc 100%) !important;
  color: #14563c !important;
  text-shadow: none !important;
  box-shadow: 0 7px 18px rgba(20, 86, 60, .12) !important;
}

/* Release 25: Power Goal is a deliberate dark control block, not a pale
   placeholder. Its live placeholder/status remains clearly readable. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #admin-dialer-control .admin-power-goal-settings {
  border-color: #315a83 !important;
  background: linear-gradient(145deg, #183b63 0%, #102f52 52%, #091f3a 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(5, 23, 43, .22) !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #admin-dialer-control .admin-power-goal-settings legend {
  color: #c6c6c6 !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #admin-dialer-control .admin-power-goal-settings :is(
  label,
  label > span
) {
  color: #edf4fb !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #admin-dialer-control #admin-power-goal-status {
  border-color: #8eacc9 !important;
  background: #e8eef5 !important;
  color: #10233d !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Release 26: Incoming-call administration uses dark ink on its light card. */
body:has(#admin-panel:not([hidden])) #admin-panel #incoming-call-assignments .eyebrow {
  color: #10233d !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Release 27: Workspace Layout uses compact columns, generous field spacing,
   and high-contrast blue controls instead of full-width dark strips. */
body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin .layout-field-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 14px !important;
}

body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin .layout-field-grid select {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 10px 38px 10px 14px !important;
  border-color: #3278b7 !important;
  background: linear-gradient(145deg, #245f9f 0%, #174e84 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px rgba(23, 78, 132, .16) !important;
  color-scheme: dark !important;
}

body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin #layout-section-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 14px !important;
}

body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin #layout-section-list .layout-editor-row {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  border-color: #3278b7 !important;
  background: linear-gradient(145deg, #245f9f 0%, #174e84 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 7px 16px rgba(23, 78, 132, .16) !important;
}

body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin #layout-section-list .layout-editor-row strong {
  color: #ffffff !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin #layout-section-list .layout-editor-row button {
  border-color: rgba(255, 255, 255, .55) !important;
  background: rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
}

@media (max-width: 820px) {
  body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin .layout-field-grid,
  body:has(#admin-panel:not([hidden])) #advisor-layout-workspace > .layout-admin #layout-section-list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Release 28: Advisor layout is its own focused administrator workspace. */
#advisor-layout-workspace > .layout-admin {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Release 29: The Workspace Layout save state is a slim, centered pill. */
body:has(#admin-panel:not([hidden])) #advisor-layout-workspace #workspace-layout-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(280px, 100%) !important;
  min-width: 220px !important;
  min-height: 28px !important;
  padding: 3px 24px !important;
  border-radius: 999px !important;
  line-height: 1.1 !important;
  text-align: center !important;
}

/* Release 30: Workspace Layout and Disposition Workflow Studio share one
   focused administrator workspace. The ADMIN CONTROL state stays on one
   horizontal line inside a long, slim, centered pill. */
#advisor-layout-workspace > #disposition-workflows {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin: 0 !important;
}

body:has(#admin-panel:not([hidden])) #advisor-layout-workspace .admin-control-status {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 260px !important;
  min-width: 260px !important;
  min-height: 30px !important;
  padding: 4px 28px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  line-height: 1 !important;
  text-align: center !important;
}

@media (max-width: 720px) {
  body:has(#admin-panel:not([hidden])) #advisor-layout-workspace #disposition-workflows > .section-title {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body:has(#admin-panel:not([hidden])) #advisor-layout-workspace .admin-control-status {
    align-self: center !important;
    width: min(260px, 100%) !important;
    min-width: 0 !important;
  }
}

/* Release 31: Each outcome/action section in Disposition Workflow Studio
   uses a solid Empire navy card behind its light, high-contrast controls. */
body:has(#admin-panel:not([hidden])) #advisor-layout-workspace #layout-disposition-list .disposition-editor-row {
  border-color: #2f6fa8 !important;
  background: #102f52 !important;
  box-shadow: 0 9px 20px rgba(9, 31, 58, .2) !important;
}

/* Release 32: Health rings always show their numeric score. Scores above 70
   are green, scores below 65 are deep red, and 65–70 remains orange. The
   playlist card also keeps Eligible Leads and Total Leads inside the box. */
body:has(#admin-panel:not([hidden])) #live-playlists .playlist-health-score > strong {
  position: relative !important;
  z-index: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  color: #a45b08 !important;
  -webkit-text-fill-color: #a45b08 !important;
  text-indent: 0 !important;
  text-shadow: none !important;
}

body:has(#admin-panel:not([hidden])) #live-playlists .playlist-health-score[data-tone="healthy"] > strong {
  color: #0f6d41 !important;
  -webkit-text-fill-color: #0f6d41 !important;
}

body:has(#admin-panel:not([hidden])) #live-playlists .playlist-health-score[data-tone="critical"] > strong {
  color: #8f2336 !important;
  -webkit-text-fill-color: #8f2336 !important;
}

body:has(#admin-panel:not([hidden])) #live-playlists .live-playlist-health {
  grid-template-columns: minmax(180px, 1.35fr) repeat(2, minmax(110px, .75fr)) !important;
  align-items: stretch !important;
}

body:has(#admin-panel:not([hidden])) #live-playlists .live-playlist-health > * {
  min-width: 0 !important;
}

body:has(#admin-panel:not([hidden])) #live-playlists .live-playlist-health > span :is(small, strong) {
  display: block !important;
  overflow: visible !important;
  white-space: normal !important;
}

@media (max-width: 700px) {
  body:has(#admin-panel:not([hidden])) #live-playlists .live-playlist-health {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body:has(#admin-panel:not([hidden])) #live-playlists .live-playlist-health > .playlist-health-score {
    grid-column: 1 / -1 !important;
  }
}

/* Release 35: Every EmpireConnections page uses one unmistakable Empire
   banner: navy gradient, yellow eyebrow, white H1, and white supporting copy. */
body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header {
  display: grid !important;
  grid-template-columns: minmax(320px, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 108px !important;
  padding: 18px 28px !important;
  border-bottom: 1px solid #315a83 !important;
  background: linear-gradient(135deg, #183b63 0%, #102f52 52%, #071f3a 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(5, 23, 43, .3) !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .empireos-header-copy {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 4px !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .empireos-header-copy > span {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  text-shadow: none !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .empireos-header-copy h1,
body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .empireos-header-copy p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .empireos-header-copy h1 {
  font-weight: 650 !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header :is(.empireos-header-mark, #workspace-brand) {
  display: none !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .top-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  margin-left: 0 !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header :is(.text-button, .dual-view-admin, #empireos-header-refresh) {
  border-color: rgba(255, 255, 255, .45) !important;
  background: rgba(255, 255, 255, .1) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

@media (max-width: 760px) {
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    min-height: 96px !important;
    padding: 13px 14px !important;
  }

  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .empireos-header-copy h1 {
    font-size: 21px !important;
  }

  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .empireos-header-copy p {
    display: block !important;
    max-width: 500px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 560px) {
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .top-actions > :not(#empireos-header-refresh):not(.account),
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header .account > :not(.dual-view-admin):not(#logout-button) {
    display: none !important;
  }
}

/* Release 40: Keep the complete Power Goal section title inside its module.
   Native fieldset legends otherwise straddle the border and can be clipped. */
body:has(#admin-panel:not([hidden]))
  #telephony-workspace
  #admin-dialer-control
  .admin-power-goal-settings {
  position: relative !important;
  overflow: visible !important;
  padding: 34px 14px 14px !important;
  box-sizing: border-box !important;
}

body:has(#admin-panel:not([hidden]))
  #telephony-workspace
  #admin-dialer-control
  .admin-power-goal-settings
  > legend {
  position: absolute !important;
  top: 11px !important;
  left: 14px !important;
  display: block !important;
  width: auto !important;
  max-width: calc(100% - 28px) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  letter-spacing: .1em !important;
  white-space: normal !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Release 41: Campaigns & Playlists carries the approved Empire-green
   gradient through the main page banner as well as its interior heading. */
body[data-admin-workspace="campaigns-playlists"]:has(#admin-panel:not([hidden]))
  .topbar.empireos-unified-header {
  border-bottom-color: #62656a !important;
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  box-shadow: 0 12px 30px rgba(15, 16, 18, .32) !important;
}

/* Release 41: Provider list inventory belongs with Lead Vendors & ROI.
   Its titles stay white against the dark navy list cards. */
body:has(#admin-panel:not([hidden]))
  #lead-vendors-roi
  > .lead-list-library-panel {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

body:has(#admin-panel:not([hidden]))
  #lead-vendors-roi
  .lead-list-card
  > div:first-child
  > strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Release 42: Workspace field controls need visible breathing room whether
   they render as three columns or collapse into a single column. */
body:has(#admin-panel:not([hidden]))
  #advisor-layout-workspace
  > .layout-admin
  .layout-field-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  column-gap: 16px !important;
  row-gap: 16px !important;
  padding: 2px 0 !important;
}

body:has(#admin-panel:not([hidden]))
  #advisor-layout-workspace
  > .layout-admin
  .layout-field-grid
  select {
  margin: 0 !important;
}

@media (max-width: 820px) {
  body:has(#admin-panel:not([hidden]))
    #advisor-layout-workspace
    > .layout-admin
    .layout-field-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  body:has(#admin-panel:not([hidden]))
    #advisor-layout-workspace
    > .layout-admin
    .layout-field-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Release 49: Keep the shared header usable in split-screen and compact
   windows. Text actions stay visually clean, long labels swap to compact
   product IDs, Power Goal drops out, and Sentinel moves to the page footer. */
.header-action-label-compact {
  display: none;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
  .topbar.empireos-unified-header
  .account
  .text-button {
  min-width: 0 !important;
  padding: 6px 2px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
  .topbar.empireos-unified-header
  .account
  .text-button:is(:hover, :focus-visible) {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.empireos-status-footer {
  display: none !important;
}

@media (max-width: 1180px) {
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    #power-goal-live,
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    #system-health {
    display: none !important;
  }

  .header-action-label-full {
    display: none !important;
  }

  .header-action-label-compact {
    display: inline !important;
  }

  body:has(#app-view:not([hidden])) .empireos-status-footer {
    display: flex !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    border-top: 1px solid #315a83 !important;
    background: linear-gradient(135deg, #183b63 0%, #102f52 52%, #071f3a 100%) !important;
  }

  .empireos-status-footer .system-ready {
    display: inline-flex !important;
    color: #ffffff !important;
  }
}

@media (max-width: 900px) {
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    .empireos-header-copy
    p {
    display: none !important;
  }

  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    .top-actions,
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    .account {
    gap: 9px !important;
  }
}

@media (max-width: 700px) {
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header {
    min-height: 76px !important;
    padding: 10px 12px !important;
  }

  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    .empireos-header-copy
    > span,
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    #empireos-header-refresh,
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    .new-sale-link {
    display: none !important;
  }

  body.empire-focused-advisor
    .topbar.empireos-unified-header
    .account
    > a[data-feature="platform.insights"]:not([hidden]) {
    display: inline-flex !important;
  }
}

@media (max-width: 460px) {
  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    .empireos-header-copy {
    display: none !important;
  }

  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden])))
    .topbar.empireos-unified-header
    .top-actions {
    justify-content: center !important;
  }
}

/* 0.1.59: neutral canvas before authentication and while optional modules load. */
html:root,html:root body{background:#f3f6fb!important;background-image:none!important;}
body:has(#app-view[hidden]) > .topbar{display:none!important;}
body #login-view.sso-card{background:#fff!important;border:1px solid #d9e1ee!important;box-shadow:0 15px 45px #203b5917!important;color:#23374c!important;max-width:480px;margin:8vh auto;padding:36px;border-radius:16px;}
body #login-view :is(h1,p,label){color:#23374c!important;}
body #login-view :is(input,select,textarea){background:#f5f8fc!important;color:#23374c!important;border:1px solid #c5d1df!important;}
body #login-view .eyebrow{color:#557083!important;}
/* Phone provisioning is a visible setup state, separate from login errors. */
.phone-service-notice { grid-column: 1 / -1; margin: 12px 20px; padding: 16px 20px; border: 1px solid #b7cee7; border-radius: 12px; background: #e9f3fc; color: #203c55; line-height: 1.5; }
.phone-service-notice[hidden] { display: none; }
.phone-service-notice p { margin: 4px 0 8px; }
.phone-service-notice a { color: #245e91; font-weight: 700; text-decoration: underline; }

/* Header account actions sit directly on the charcoal background. */
body:is(.empire-focused-advisor, :has(#admin-panel:not([hidden]))) .topbar.empireos-unified-header :is(#view-switch, #logout-button) {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Playlist Studio heading matches the charcoal and gold page banners. */
body #live-playlists > .section-title {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
  box-shadow: 0 9px 24px rgba(15, 16, 18, .24) !important;
}
body #live-playlists > .section-title :is(h2, p) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body #live-playlists > .section-title .eyebrow {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
body #live-playlists > .section-title #live-playlists-status {
  background: #c6c6c6 !important;
  border-color: #c6c6c6 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

/* Studio readiness summary uses charcoal, gold labels, and white copy. */
body #live-playlists > .playlist-score-key,
body #live-playlist-metrics > article {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
  color: #ffffff !important;
}
body #live-playlists > .playlist-score-key strong,
body #live-playlist-metrics > article small {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
body #live-playlists > .playlist-score-key span,
body #live-playlist-metrics > article strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Litigator / DNC inner module follows the charcoal treatment. */
body #admin-panel details.suppression-upload-panel {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
  color: #ffffff !important;
}
body #admin-panel .suppression-upload-panel :is(summary, p, label) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body #admin-panel .suppression-upload-panel :is(select, input[type="file"]) {
  background: #303236 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #797c81 !important;
}
body #admin-panel .suppression-upload-panel select option {
  background: #303236;
  color: #ffffff;
}
body #admin-panel .suppression-upload-panel .suppression-directory-links a {
  background: #c6c6c6 !important;
  border-color: #c6c6c6 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

body #admin-panel .suppression-upload-panel input[type="file"]::file-selector-button {
  background: #c6c6c6;
  color: #000000;
  -webkit-text-fill-color: #000000;
  border: 1px solid #c6c6c6;
  border-radius: 4px;
}
body #admin-panel .suppression-upload-panel #suppression-upload {
  background: #c6c6c6 !important;
  border-color: #c6c6c6 !important;
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}
body #admin-panel .suppression-upload-panel #suppression-upload:disabled {
  opacity: .65;
  cursor: not-allowed;
}

body #admin-panel #playlist-creator-title {
  display: block;
  padding: 20px !important;
}

/* Active playlist cards match the charcoal studio panels. */
body #live-playlist-list > .live-playlist-card {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
}
body #live-playlist-list > .live-playlist-card > p,
body #live-playlist-list .live-playlist-heading > strong {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Campaign and playlist fields use readable charcoal controls. */
body #admin-panel #campaigns-playlists-workspace :is(select, textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"])) {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #797c81 !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  caret-color: #c6c6c6;
  color-scheme: dark;
}
body #admin-panel #campaigns-playlists-workspace select :is(option, optgroup) {
  background: #303236 !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}
body #admin-panel #campaigns-playlists-workspace :is(input, textarea)::placeholder {
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
  opacity: .75;
}

body #live-playlist-list .live-playlist-manage {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #c6c6c6 !important;
  -webkit-text-fill-color: #c6c6c6 !important;
}

/* The three playlist creator steps share the charcoal and gold treatment. */
body #admin-panel #create-campaign-form .playlist-builder-step {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
  color: #ffffff !important;
}
body #admin-panel #create-campaign-form .playlist-builder-step :is(label, legend, strong, small, p, span) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body #admin-panel #create-campaign-form .playlist-step-heading > b {
  background: #c6c6c6 !important;
  color: #202225 !important;
  -webkit-text-fill-color: #202225 !important;
}
body #admin-panel #create-campaign-form .playlist-builder-step :is(fieldset, .campaign-resource-choices, .campaign-advisor-choices, .priority-scale-help) {
  background: transparent !important;
  color: #ffffff !important;
}
body #admin-panel #create-campaign-form .playlist-builder-step :is(.campaign-resource-choices, .campaign-advisor-choices) label {
  background: #303236 !important;
  border-color: #797c81 !important;
}
body #admin-panel #campaigns-playlists-workspace #create-campaign-form :is(select, textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="color"])) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff;
}
body #admin-panel #campaigns-playlists-workspace #create-campaign-form select :is(option, optgroup),
body #admin-panel #campaigns-playlists-workspace #create-campaign-form :is(input, textarea)::placeholder {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1;
}

body #admin-panel #campaigns-playlists-workspace #create-campaign-form .priority-scale-help {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body #admin-panel #campaigns-playlists-workspace #create-campaign-form label:has(input[type="checkbox"]) {
  background: #303236 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body #admin-panel #campaigns-playlists-workspace :is(#open-lead-import, #refresh-lead-lists) {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Merge panel: preserve the existing checkbox rows. */
body #admin-panel #campaigns-playlists-workspace #merge-campaign-form {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
}
body #admin-panel #campaigns-playlists-workspace #merge-campaign-form > :is(h3, p, label:not(.campaign-availability-toggle)),
body #admin-panel #campaigns-playlists-workspace #merge-campaign-form :is(#campaign-merge-name, #campaign-merge-mode),
body #admin-panel #campaigns-playlists-workspace #merge-campaign-form select option,
body #admin-panel #campaigns-playlists-workspace #merge-campaign-form input::placeholder {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1;
}

body #admin-panel #campaigns-playlists-workspace #merge-campaign-form > button[type="submit"] {
  background: #c6c6c6 !important;
  border-color: #c6c6c6 !important;
  color: #202225 !important;
  -webkit-text-fill-color: #202225 !important;
}

/* Gray left trim for the active playlist cards and their editor cards. */
body #admin-panel #live-playlist-list > .live-playlist-card,
body #admin-panel #campaign-admin-list > .playlist-studio-card {
  border-left: 5px solid #9b9da1 !important;
}

/* Keep lead/team choice areas white inside the charcoal creator steps. */
body #admin-panel #campaigns-playlists-workspace #create-campaign-form .playlist-builder-step :is(fieldset, .campaign-resource-choices, .campaign-advisor-choices),
body #admin-panel #campaigns-playlists-workspace #create-campaign-form .playlist-builder-step label:has(input[type="checkbox"]) {
  background: #ffffff !important;
  color: #303236 !important;
  -webkit-text-fill-color: #303236 !important;
}
body #admin-panel #campaigns-playlists-workspace #create-campaign-form .playlist-builder-step fieldset :is(legend, label, span, strong, small, p, div) {
  color: #303236 !important;
  -webkit-text-fill-color: #303236 !important;
}
body #admin-panel #campaigns-playlists-workspace #create-campaign-form .playlist-builder-step fieldset legend {
  background: #ffffff !important;
  border-radius: 4px;
  padding: 2px 6px;
}

/* Gray choice sections surround the unchanged white checkbox rows. */
body #admin-panel #campaigns-playlists-workspace #create-campaign-form#create-campaign-form .playlist-builder-step fieldset {
  background: #303236 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body #admin-panel #campaigns-playlists-workspace #create-campaign-form .playlist-builder-step fieldset :is(legend, .campaign-resource-choices, .campaign-advisor-choices) {
  background: #303236 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
body #admin-panel #campaigns-playlists-workspace #create-campaign-form .playlist-builder-step fieldset :is(p, small):not(label *) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Gold side accents unify the gray cards in Campaigns & Playlists. */
body #admin-panel #campaigns-playlists-workspace#campaigns-playlists-workspace :is(
  #live-playlists > .section-title,
  #live-playlists > .playlist-score-key,
  #live-playlist-metrics > article,
  #live-playlist-list > .live-playlist-card,
  .suppression-upload-panel,
  #create-campaign-form .playlist-builder-step,
  #create-campaign-form .playlist-builder-step fieldset,
  #merge-campaign-form
) {
  border-left: 5px solid #c6c6c6 !important;
}

/* Support tools remain available in the charcoal footer at every width. */
body:has(#app-view:not([hidden])) #empireos-status-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 14px 24px !important;
  min-height: 60px !important;
  border-top: 1px solid #62656a !important;
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  color: #ffffff;
}
#empireos-status-footer .footer-support-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
#empireos-status-footer .footer-support-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid #797c81;
  border-radius: 7px;
  background: transparent;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}
#empireos-status-footer .footer-support-tabs a:hover,
#empireos-status-footer .footer-support-tabs a:focus-visible {
  border-color: #c6c6c6;
  outline: 2px solid #c6c6c6;
  outline-offset: 2px;
}
#empireos-status-footer .system-ready { display: inline-flex !important; color: #ffffff !important; }
@media (max-width: 600px) {
  body:has(#app-view:not([hidden])) #empireos-status-footer { justify-content: center !important; padding: 12px !important; }
  #empireos-status-footer .footer-support-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
}

#sentinel-security-panel { scroll-margin-top: 125px; }

/* Telephony uses its interior banner as the single page heading. */
body[data-admin-workspace="telephony"] #workspace > .content-heading {
  display: none !important;
}

/* Round the Power Goal module to match the surrounding control cards. */
body:has(#admin-panel:not([hidden])) #admin-panel .empire-phone-v4 #admin-dialer-control .admin-power-goal-settings {
  border-radius: 20px !important;
}

/* Keep the rep count compact and align the Power Goal controls. */
body #admin-panel #admin-dialer-control .admin-power-goal-settings {
  grid-template-columns: minmax(0, 1fr) 120px auto auto !important;
}
body #admin-panel #admin-dialer-control .admin-power-goal-settings :is(.admin-policy-check, #admin-power-goal-minimum, #admin-save-power-goal) {
  min-height: 48px !important;
  height: 48px !important;
  box-sizing: border-box !important;
}
body #admin-panel #admin-dialer-control #admin-power-goal-minimum {
  width: 100% !important;
}
@media (max-width: 900px) {
  body #admin-panel #admin-dialer-control .admin-power-goal-settings {
    grid-template-columns: minmax(0, 1fr) 120px !important;
  }
}
@media (max-width: 560px) {
  body #admin-panel #admin-dialer-control .admin-power-goal-settings {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body #admin-panel #admin-dialer-control .admin-power-goal-settings > label:has(#admin-power-goal-minimum) {
    width: 120px !important;
  }
  body #admin-panel #admin-dialer-control .admin-power-goal-settings .admin-policy-check {
    height: auto !important;
  }
}

/* Power Goal is automatic for teams of four or more. */
body #admin-panel #admin-dialer-control .admin-power-goal-settings {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace .empire-phone-v4 #admin-dialer-control .admin-power-goal-settings .power-goal-rule {
  margin: 0; color: #fff !important; line-height: 1.6;
}
@media (max-width: 560px) {
  body #admin-panel #admin-dialer-control .admin-power-goal-settings {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Gold live Power Goal count. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace .empire-phone-v4 #admin-dialer-control #admin-power-goal-status {
  background: #c6c6c6 !important;
  border-color: #c6c6c6 !important;
  color: #171717 !important;
}

body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace .empire-phone-v4 #admin-dialer-control .admin-power-goal-settings {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
  border-left: 5px solid #c6c6c6 !important;
}

/* Campaign dialer policy save action. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace .empire-phone-v4 #admin-dialer-control #admin-save-dialer-mode {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  color: #fff !important;
  border-color: #62656a !important;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .18) !important;
}

/* Incoming-call assignment card and assignment pills. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace #incoming-call-assignments {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border-color: #62656a !important;
  border-left: 5px solid #c6c6c6 !important;
  color: #fff !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace #incoming-call-assignments :is(h2, p, label, label > span, small) { color: #fff !important; }
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace #incoming-call-assignments .eyebrow { color: #c6c6c6 !important; }
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace #incoming-call-assignments .incoming-assignment-select {
  background-color: #c6c6c6 !important; color: #171717 !important;
  border: 1px solid #c6c6c6 !important; border-radius: 999px !important;
  width: 140px !important; min-height: 40px; flex-shrink: 0;
  padding: 8px 30px 8px 14px; color-scheme: light;
}

/* Standalone, expandable destination calling hours. */
body #admin-panel #telephony-workspace > #destination-calling-hours {
  width: 100%; margin: 0; padding: 0; overflow: hidden;
  border: 1px solid #62656a; border-left: 5px solid #c6c6c6; border-radius: 20px;
  background: linear-gradient(135deg, #45484d, #303236 52%, #202225); color: #fff;
}
body #destination-calling-hours > summary { cursor: pointer; padding: 24px 28px; }
body #destination-calling-hours > summary > span { color: #c6c6c6; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
body #destination-calling-hours > summary h2 { color: #fff; margin: 6px 0 0; display: inline-block; width: 90%; }
body #destination-calling-hours .calling-hours-content { padding: 0 28px 24px; }
body #destination-calling-hours :is(p, small, label > span, .empire-calling-window-rule span) { color: #fff !important; }
body #destination-calling-hours .empire-calling-window-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body #destination-calling-hours .empire-calling-window-rule { grid-column: 1 / -1; }
@media (max-width: 560px) { body #destination-calling-hours .empire-calling-window-fields { grid-template-columns: minmax(0, 1fr); } }

body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > #destination-calling-hours {
  grid-column: 1 / -1 !important; width: 100% !important;
  background: linear-gradient(135deg, #45484d, #303236 52%, #202225) !important;
  border: 1px solid #62656a !important; border-left: 5px solid #c6c6c6 !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace #destination-calling-hours > summary h2 { color: #fff !important; }

/* Incoming queue expands from its header; count stays visible. */
body #incoming-call-assignments > summary { display: flex; align-items: center; gap: 14px; cursor: pointer; list-style: none; }
body #incoming-call-assignments > summary::-webkit-details-marker { display: none; }
body #incoming-call-assignments > summary::before { content: none; display: none; }
body #incoming-call-assignments[open] > summary::before { content: none; display: none; }
body #incoming-call-assignments .incoming-heading { flex: 1; min-width: 0; }
body #incoming-call-assignments summary h2 { margin: 6px 0 0; }
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace #incoming-call-assignments #incoming-queue-count {
  background: #c6c6c6 !important; color: #171717 !important; border: 1px solid #c6c6c6 !important; border-radius: 999px; padding: 8px 14px; white-space: nowrap;
}

/* Incoming assignments is a standalone full-width disclosure. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > #incoming-call-assignments {
  grid-column: 1 / -1 !important; width: 100% !important; margin: 0 !important;
  border-radius: 20px !important; padding: 24px 28px !important;
}
@media (max-width: 700px) {
  body #incoming-call-assignments > summary { flex-wrap: wrap; }
  body #incoming-call-assignments #incoming-queue-count { margin-left: 28px; white-space: normal !important; }
}

/* Trial readiness lives in Client Monitor. */
body[data-admin-workspace="client-monitor"] #workspace > .content-heading { display: none !important; }
body #client-monitor-workspace > #trial-readiness-card { grid-column: 1 / -1; width: 100%; }

/* Visually detach incoming assignments as its own floating card. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > #incoming-call-assignments {
  margin: 16px 0 !important;
  box-shadow: 0 14px 30px rgba(16, 24, 32, .25), 0 3px 8px rgba(16, 24, 32, .12) !important;
  isolation: isolate;
}

/* Calling-hours status stays visible; the disclosure cue sits bottom right. */
body #admin-panel #telephony-workspace #destination-calling-hours > summary {
  position: relative; display: flex; align-items: center; justify-content: space-between;
  gap: 20px; padding: 28px 36px 48px !important; list-style: none;
}
body #destination-calling-hours > summary::-webkit-details-marker { display: none; }
body #destination-calling-hours > summary::marker { content: ""; }
body #destination-calling-hours .calling-hours-title > span { color: #c6c6c6; font-size: 10px; font-weight: 800; letter-spacing: .14em; }
body #destination-calling-hours .calling-hours-title h2 { width: auto; }
body #admin-panel #telephony-workspace #destination-calling-hours #empire-calling-window-status {
  padding: 8px 18px !important; border-radius: 999px; flex-shrink: 0;
  font-size: 10px; letter-spacing: .06em; text-align: center;
}
body #destination-calling-hours .calling-hours-arrow {
  position: absolute; right: 32px; bottom: 12px; color: #c6c6c6;
  font-size: 28px; line-height: 1; animation: calling-hours-pulse 1.8s ease-in-out infinite;
}
body #destination-calling-hours[open] .calling-hours-arrow { rotate: 180deg; }
@keyframes calling-hours-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(1.15); } }
@media (prefers-reduced-motion: reduce) { body #destination-calling-hours .calling-hours-arrow { animation: none; } }
@media (max-width: 700px) {
  body #admin-panel #telephony-workspace #destination-calling-hours > summary { align-items: flex-start; flex-direction: column; padding-left: 24px !important; padding-right: 24px !important; }
  body #destination-calling-hours .calling-hours-arrow { right: 24px; }
}

body #admin-panel #telephony-workspace #destination-calling-hours .calling-hours-title { display: block; }
body #admin-panel #telephony-workspace #destination-calling-hours .calling-hours-title > span { display: block; }
body #admin-panel #telephony-workspace #destination-calling-hours .calling-hours-title h2 {
  display: block !important; font-size: 24px !important; line-height: 1.25 !important; letter-spacing: -.03em !important; margin: 8px 0 0 !important; text-transform: none !important;
}
body #admin-panel #telephony-workspace #destination-calling-hours #empire-calling-window-status {
  background: #355447 !important; border: 1px solid #739883 !important; color: #fff !important;
}

/* Telephony page header. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .admin-workspace-heading {
  background: linear-gradient(135deg, #45484d 0%, #303236 52%, #202225 100%) !important;
  border: 1px solid #62656a !important; border-left: 5px solid #c6c6c6 !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .admin-workspace-heading :is(h2, p) { color: #fff !important; }
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .admin-workspace-heading .eyebrow { color: #c6c6c6 !important; }

/* Separate readiness dropdowns for each client. */
body #client-monitor-workspace .client-readiness-panels { display: grid; gap: 24px; grid-column: 1 / -1; }
body #client-monitor-workspace .client-readiness-card { border: 1px solid #62656a; border-left: 5px solid #c6c6c6; border-radius: 20px; background: linear-gradient(135deg,#45484d,#303236 52%,#202225); color: #fff; overflow: hidden; }
body #client-monitor-workspace .client-readiness-card summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 28px; cursor: pointer; list-style: none; }
body #client-monitor-workspace .client-readiness-card summary::before { content: "▶"; color: #c6c6c6; }
body #client-monitor-workspace .client-readiness-card[open] summary::before { content: "▼"; }
body #client-monitor-workspace .client-readiness-card summary::-webkit-details-marker { display: none; }
body #client-monitor-workspace .client-readiness-card summary > span:first-child { flex: 1; }
body #client-monitor-workspace .client-readiness-card h2 { color: #fff !important; margin: 6px 0 0; }
body #client-monitor-workspace .client-readiness-card .eyebrow { color: #c6c6c6 !important; }
body #client-monitor-workspace .client-readiness-body { padding: 0 28px 24px; }
body #client-monitor-workspace .client-readiness-note { color: #fff !important; }
body #client-monitor-workspace .client-readiness-status { background: #c6c6c6; color: #171717; border-radius: 999px; padding: 8px 14px; }
body #client-monitor-workspace .trial-readiness-checks article[data-ok="unknown"] { background: #eef0f3; border-color: #c9ced5; color: #303236; }
@media(max-width:600px) { body #client-monitor-workspace .client-readiness-card summary { flex-wrap: wrap; } body #client-monitor-workspace .client-readiness-status { margin-left: 24px; } }

/* DIDs & Live Calls follows the charcoal, white and gold palette. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .empire-telephony-overview-panel {
  background: linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
  border-color: #62656a !important; border-left: 5px solid #c6c6c6 !important;
  color: #fff !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .empire-telephony-overview-panel :is(h2,h3,p,span,strong,small,a) {
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-heading > div > span {
  color: #c6c6c6 !important; -webkit-text-fill-color: #c6c6c6 !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .empire-telephony-overview-panel :is(.empire-dialer-overview-metrics article,.empire-dialer-overview-columns > section,.empire-dialer-overview-list article,#empire-dialer-overview-status) {
  background: #303236 !important; border-color: #62656a !important;
}

/* DIDs and live-call details expand from their own card header. */
body #telephony-workspace > .empire-telephony-overview-panel > summary {
  position: relative; cursor: pointer; list-style: none; padding: 6px 12px 34px;
}
body #telephony-workspace > .empire-telephony-overview-panel > summary::-webkit-details-marker { display: none; }
body #telephony-workspace > .empire-telephony-overview-panel > summary::marker { content: ""; }
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .empire-telephony-overview-panel .dids-disclosure-arrow {
  position: absolute; right: 12px; bottom: 2px; font-size: 28px; line-height: 1;
  color: #c6c6c6 !important; -webkit-text-fill-color: #c6c6c6 !important;
}
body #telephony-workspace > .empire-telephony-overview-panel[open] .dids-disclosure-arrow { rotate: 180deg; }

/* Client connectivity pills: deep red disconnected, green connected. */
body:has(#admin-panel:not([hidden])) #admin-panel #client-monitor-workspace .client-readiness-status {
  background: #8b1e2d !important; border: 1px solid #a53242 !important;
  color: #fff !important; -webkit-text-fill-color: #fff !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #client-monitor-workspace .client-readiness-status[data-connected="true"] {
  background: #237348 !important; border-color: #389761 !important;
}

/* DID stat labels and values. */
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-metrics small {
  color: #c6c6c6 !important; -webkit-text-fill-color: #c6c6c6 !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-metrics strong {
  color: #61b3ff !important; -webkit-text-fill-color: #61b3ff !important;
}

/* Light-blue accents on the DID and outbound-call boxes. */
body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel #telephony-workspace > .empire-telephony-overview-panel .empire-dialer-overview-columns > section {
  border-left: 5px solid #61b3ff !important;
}

/* Consistent animated disclosure arrows on admin modules. */
body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel details > summary {
  position: relative !important; list-style: none !important; padding-bottom: 44px !important; cursor: pointer;
}
body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel details > summary::-webkit-details-marker { display: none !important; }
body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel details > summary::marker { content: "" !important; }
body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel details > summary::before { content: none !important; display: none !important; }
body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel details > summary::after {
  content: "⌄" !important; position: absolute !important; right: 24px !important; bottom: 10px !important;
  color: #c6c6c6 !important; -webkit-text-fill-color: #c6c6c6 !important;
  font-size: 28px !important; line-height: 1 !important; width: auto !important; height: auto !important;
  background: none !important; border: 0 !important; margin: 0 !important;
  animation: calling-hours-pulse 1.8s ease-in-out infinite !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel details[open] > summary::after { rotate: 180deg; }
body #admin-panel .calling-hours-arrow, body #admin-panel .dids-disclosure-arrow, body #admin-panel .empire-phone-v4 > summary > b { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  body:has(#admin-panel:not([hidden])) #admin-panel#admin-panel details > summary::after { animation: none !important; }
}

body:has(#admin-panel:not([hidden])) #admin-panel #client-monitor-workspace #refresh-trial-readiness {
  background: #61b3ff !important; border-color: #61b3ff !important;
  color: #10233d !important; -webkit-text-fill-color: #10233d !important;
}

/* Client Monitor banner matches the navy workspace palette. */
body:has(#admin-panel:not([hidden])) #admin-panel #client-monitor-workspace > .admin-workspace-heading {
  background: linear-gradient(135deg,#203d60 0%,#172e4d 52%,#10213a 100%) !important;
  border: 1px solid #62656a !important; border-left: 5px solid #c6c6c6 !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #client-monitor-workspace > .admin-workspace-heading :is(h2,p) { color: #fff !important; }
body:has(#admin-panel:not([hidden])) #admin-panel #client-monitor-workspace > .admin-workspace-heading .eyebrow { color: #c6c6c6 !important; }

/* Lead Vendors: one charcoal banner, without the duplicate page heading. */
body:has(#admin-panel:not([hidden])):has(#lead-vendors-roi:not([hidden])) #workspace > .content-heading { display: none !important; }
body:has(#admin-panel:not([hidden])) #admin-panel #lead-vendors-roi > .admin-workspace-heading {
  background: linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
  border: 1px solid #62656a !important; border-left: 5px solid #c6c6c6 !important;
}
body:has(#admin-panel:not([hidden])) #admin-panel #lead-vendors-roi > .admin-workspace-heading :is(h2,p) { color: #fff !important; -webkit-text-fill-color: #fff !important; }
body:has(#admin-panel:not([hidden])) #admin-panel #lead-vendors-roi > .admin-workspace-heading .eyebrow { color: #c6c6c6 !important; -webkit-text-fill-color: #c6c6c6 !important; }

/* EmpireGrowth eyebrow and light provider-list interiors. */
body #admin-panel#admin-panel #empire-vendor-library > summary .empire-admin-summary-copy > span { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }
body #admin-panel#admin-panel #lead-vendors-roi > .lead-list-library-panel { background:linear-gradient(135deg,#45484d,#303236 52%,#202225) !important; border-left:5px solid #c6c6c6 !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi > .lead-list-library-panel > :is(h2,p) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi > .lead-list-library-panel > .eyebrow { color:#c6c6c6 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card { background:#f3f5f8 !important; border:1px solid #d5dae1 !important; color:#303236 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card > div:first-child > strong,
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card :is(label,span,.lead-list-origin,.lead-list-availability) { color:#303236 !important; -webkit-text-fill-color:#303236 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card .dnc-receipt-link { color:#24577b !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-controls { background:#f3f5f8 !important; color:#303236 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-origin { min-width:0; overflow-wrap:anywhere; grid-column:1 / -1; }

/* Lead List Library uses the Lead Vendors shell and interior palette. */
body #admin-panel#admin-panel #lead-vendors-roi > .lead-list-library-panel { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card,
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-controls { background:#f2f6fa !important; border-color:#d4e0eb !important; color:#10233d !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card > div:first-child > strong { color:#10233d !important; -webkit-text-fill-color:#10233d !important; }

/* Provider library disclosure: charcoal heading, off-white expanded body. */
body #admin-panel#admin-panel #lead-vendors-roi > details.lead-list-library-panel { background:#e9edf2 !important; padding:0 !important; overflow:hidden; border-radius:16px !important; }
body #admin-panel#admin-panel #lead-vendors-roi > .lead-list-library-panel > summary { display:block !important; padding:24px 28px 44px !important; background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi > .lead-list-library-panel > summary :is(h2,p) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi > .lead-list-library-panel > summary .eyebrow { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-library-body { padding:24px 20px; background:#e9edf2 !important; color:#343b46 !important; }
@media(max-width:600px) { body #admin-panel#admin-panel #lead-vendors-roi .lead-list-library-body { padding:16px 12px; } }

/* Lead List Library: neutral border without a gold side accent. */
body #admin-panel#admin-panel #lead-vendors-roi > details.lead-list-library-panel { border-left:1px solid #d4e0eb !important; }

/* Acquisition introduction and metrics use charcoal with blue figures. */
body #admin-panel#admin-panel #lead-vendors-roi :is(.empire-vendor-hero,.empire-vendor-summary-grid article,.empire-vendor-metrics article) { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; border-color:#62656a !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-hero :is(h2,p,.empire-vendor-status),
body #admin-panel#admin-panel #lead-vendors-roi :is(.empire-vendor-summary-grid,.empire-vendor-metrics) small { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-hero span { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }
body #admin-panel#admin-panel #lead-vendors-roi :is(.empire-vendor-summary-grid,.empire-vendor-metrics) strong { color:#61b3ff !important; -webkit-text-fill-color:#61b3ff !important; }

/* Collapsed library fits its heading without the inherited campaign minimum. */
body #admin-panel#admin-panel #lead-vendors-roi > details.lead-list-library-panel { min-height:0 !important; height:auto !important; }

/* Step 1 vendor creation disclosure and readable placeholders. */
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-create-disclosure { align-self:start; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-create-disclosure > summary { display:block; }
body #admin-panel#admin-panel #lead-vendors-roi #empire-vendor-create :is(input,textarea)::placeholder { color:#515d6c !important; -webkit-text-fill-color:#515d6c !important; opacity:1 !important; }

body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-purchase-disclosure { align-self:start; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-purchase-disclosure > summary { display:block; }
body #admin-panel#admin-panel #lead-vendors-roi #empire-vendor-batch-form :is(input,textarea)::placeholder { color:#515d6c !important; -webkit-text-fill-color:#515d6c !important; opacity:1 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-results-head { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; border:1px solid #62656a; border-radius:16px; padding:24px; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-results-head h2 { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-results-head .empire-vendor-label { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }

/* Bottom vendor purchase totals: dark surface, gold headings, white values. */
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-table-wrap { background:linear-gradient(145deg,#3b424d,#252b34 46%,#151a21) !important; border-color:#62656a !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-table { background:transparent !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-table :is(thead,tbody,tfoot,tr,th,td) { background:transparent !important; border-color:#62656a !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-table :is(td,td strong,td small) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-table th { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }

/* Vendor steps share the charcoal panel palette. */
body #admin-panel#admin-panel #lead-vendors-roi :is(.empire-vendor-create-disclosure,.empire-vendor-purchase-disclosure) { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; border-color:#62656a !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi :is(.empire-vendor-create-disclosure,.empire-vendor-purchase-disclosure) > summary h3,
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-purchase-disclosure .empire-vendor-range span { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi :is(.empire-vendor-create-disclosure,.empire-vendor-purchase-disclosure) > summary .empire-vendor-label { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }

/* Money Received uses the shared charcoal form-panel palette. */
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-control:has(#empire-vendor-collection-form) { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; border-color:#62656a !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-control:has(#empire-vendor-collection-form) > h3 { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-control:has(#empire-vendor-collection-form) > .empire-vendor-label { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }

/* Provider-list card charcoal surface. */
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; border-color:#62656a !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card .lead-list-controls { background:transparent !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card > div:first-child > strong,
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card > div:first-child > span,
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card label { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .lead-list-card .dnc-receipt-link { color:#61b3ff !important; -webkit-text-fill-color:#61b3ff !important; }

body #admin-panel#admin-panel #lead-vendors-roi #lead-list-admin .lead-list-card .lead-list-controls label { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Vendor scorecard charcoal shell with white metric boxes. */
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-card { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; border-color:#62656a !important; color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-card-head :is(h3,p),
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-card-badge { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-card-head .empire-vendor-label { color:#c6c6c6 !important; -webkit-text-fill-color:#c6c6c6 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-metrics article { background:#fff !important; border:1px solid #e9edf2 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-metrics small { color:#303236 !important; -webkit-text-fill-color:#303236 !important; }

/* Vendor metric boxes: charcoal gradients, white text, off-white outlines. */
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-metrics article { background:linear-gradient(145deg,#3b424d 0%,#252b34 46%,#151a21 100%) !important; border:1px solid #e9edf2 !important; }
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-metrics :is(small,strong) { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Light-blue vendor metric results. */
body #admin-panel#admin-panel #lead-vendors-roi .empire-vendor-metrics strong { color:#61b3ff !important; -webkit-text-fill-color:#61b3ff !important; }

/* Yellow is reserved for full-width section banner accents. */
body #admin-panel#admin-panel#admin-panel .admin-workspace-heading,
body #admin-panel#admin-panel#admin-panel #live-playlists > .section-title {
 border-left: 5px solid #f0c45c !important;
}
body #admin-panel#admin-panel#admin-panel .admin-workspace-heading .eyebrow,
body #admin-panel#admin-panel#admin-panel #live-playlists > .section-title .eyebrow {
 color: #f0c45c !important; -webkit-text-fill-color: #f0c45c !important;
}

/* Metric boxes use white headings and values. */
body #app-view#app-view#app-view#app-view :is(#live-playlist-metrics,.empire-vendor-summary-grid,.empire-vendor-metrics,.empire-dialer-overview-metrics,.empire-phone-v4-stats,.ecs-metrics,.power-dial-metric,.metric-card,.contract-metric) :is(h2,h3,h4,small,strong,b,span,label,p),
body :is(#live-playlist-metrics,.empire-vendor-summary-grid,.empire-vendor-metrics,.empire-dialer-overview-metrics,.empire-phone-v4-stats,.ecs-metrics,.power-dial-metric,.metric-card,.contract-metric) :is(h2,h3,h4,small,strong,b,span,label,p) { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Playlist details: charcoal shell, white checkbox selection areas. */
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card,
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card > .campaign-admin-card-heading,
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-controls {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
 border-color:#73777e !important; color:#fff !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card :is(label,legend,.playlist-card-heading-copy strong,.playlist-card-heading-copy span) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-controls > fieldset {
 background:transparent !important; border-color:#73777e !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card :is(fieldset:has(input[type="checkbox"]),.campaign-assigned-list-chips,.campaign-availability-toggle) {
 background:#fff !important; color:#25303b !important; border:1px solid #d5dae1 !important; border-radius:10px;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card :is(fieldset:has(input[type="checkbox"]),.campaign-assigned-list-chips,.campaign-availability-toggle) :is(label,legend,span,strong,small,p),
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card .campaign-availability-toggle {
 color:#25303b !important; -webkit-text-fill-color:#25303b !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card :is(fieldset:has(input[type="checkbox"]),.campaign-assigned-list-chips) label {
 background:#fff !important; border-color:#d5dae1 !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card :is(fieldset:has(input[type="checkbox"]),.campaign-assigned-list-chips) input:not([type="checkbox"]) {
 background:#fff !important; color:#25303b !important; -webkit-text-fill-color:#25303b !important; border:1px solid #9ba5b1 !important; color-scheme:light;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card input[type="checkbox"] { color-scheme:light; accent-color:#2f66a0; }
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card fieldset:has(input[type="checkbox"]) legend { background:#fff !important; border-radius:5px; padding:2px 6px; }

body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card label.campaign-availability-toggle {
  color: #25303b !important;
  -webkit-text-fill-color: #25303b !important;
}

/* Neutral light-gray middle canvas behind the charcoal playlist sections. */
body #app-view #workspace#workspace,
body #admin-panel#admin-panel #campaigns-playlists-workspace .playlist-studio-panel {
  background: #cdd0d4 !important;
}

/* Lead-list management shares the charcoal playlist palette. */
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card .campaign-list-manager,
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card .campaign-list-option {
  background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
  border-color:#73777e !important;
  color:#fff !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-list-manager-heading > :is(strong,small),
body #admin-panel#admin-panel #campaign-admin-list .campaign-list-option > :is(strong,small) {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Assigned members: charcoal section with a white frame and title. */
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card .campaign-admin-controls > fieldset:has(input[type="checkbox"]) {
  background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
  border:1px solid #fff !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card .campaign-admin-controls > fieldset:has(input[type="checkbox"]) > legend {
  background:#393c41 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body #admin-panel#admin-panel #campaign-admin-list .campaign-admin-card .campaign-admin-controls > fieldset:has(input[type="checkbox"]) .campaign-advisor-toolbar > small {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Collapsed suppression list shows its complete company-wide count. */
body #admin-panel#admin-panel .suppression-upload-panel > summary { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count { margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:4px; padding:8px 12px; color:#fff !important; }
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count strong { font-size:clamp(36px,5vw,56px) !important; font-weight:800; line-height:1.1; font-variant-numeric:tabular-nums; color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count small { font-size:12px !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel .suppression-upload-panel[open] .suppression-count { display:none; }
body #admin-panel#admin-panel .suppression-upload-panel:not([open]) > summary { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; padding:16px; border-radius:10px; }

/* Keep the create action on the charcoal form instead of a white footer strip. */
body #admin-panel#admin-panel #create-campaign-form {
  background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
  border-radius:12px;
  overflow:hidden;
}
body #admin-panel#admin-panel #create-campaign-form > .playlist-builder-step:last-of-type {
  border-bottom:0 !important;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  padding-bottom:0;
}
body #admin-panel#admin-panel #create-campaign-form > .playlist-create-button {
  margin:0 17px 17px !important;
  max-width:calc(100% - 34px);
}

/* Playlist review refinements: distinct steps and readable controls. */
body #admin-panel#admin-panel#admin-panel#admin-panel #create-campaign-form { background:transparent !important; overflow:visible; }
body #admin-panel#admin-panel#admin-panel#admin-panel #create-campaign-form > .playlist-builder-step:last-of-type { padding-bottom:17px; border-bottom:1px solid #73777e !important; border-radius:12px; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-advisor-toolbar input[type="search"] {
 background:linear-gradient(135deg,#45484d,#202225) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border:1px solid #aeb4bd !important;
}
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-advisor-toolbar input::placeholder { color:#e1e4e8 !important; -webkit-text-fill-color:#e1e4e8 !important; opacity:1; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-advisor-toolbar button { color:#fff !important; -webkit-text-fill-color:#fff !important; border:1px solid #8ebce8 !important; background:#176fb8 !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-advisor-toolbar button + button { background:#228448 !important; border-color:#73b88c !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel :is(.campaign-member-priority,.campaign-list-priority) {
 width:52px !important; min-width:52px !important; max-width:52px !important; flex:0 0 52px !important; padding:7px !important; box-sizing:border-box; text-align:center;
}
body #admin-panel#admin-panel#admin-panel#admin-panel label:has(> input[title^="Playlist priority:"]) { display:flex !important; flex-direction:column; gap:8px; }
body #admin-panel#admin-panel#admin-panel#admin-panel label:has(> input[title^="Playlist priority:"]) > .priority-scale-help { order:1; align-self:flex-start; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-resource-choices > small { color:#f1f3f5 !important; -webkit-text-fill-color:#f1f3f5 !important; opacity:1 !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel :is(.campaign-health-monitor,.campaign-health-status,.campaign-health-metric) {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; border:1px solid #aeb4bd !important;
}
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-health-monitor :is(small,strong,span) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-list-manager .priority-scale-help { background:#303236 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border-color:#aeb4bd !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-assigned-list-chips,
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-assigned-list-chips > label {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; border:1px solid #aeb4bd !important; padding:12px !important; border-radius:10px;
}
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-assigned-list-chips { display:grid; gap:12px; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-assigned-list-chips > label { display:flex !important; flex-wrap:wrap; align-items:center; gap:10px !important; margin:0 !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-assigned-list-chips > label > span { background:#303236 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; padding:8px 12px !important; line-height:1.4; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-assigned-list-chips input[type="checkbox"] { width:18px !important; height:18px !important; min-width:18px !important; flex:0 0 18px; margin:0 !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-assigned-list-chips .campaign-list-priority { background:#26282b !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-detach-list { background:#b52d36 !important; border:1px solid #ee8890 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; padding:9px 14px !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-admin-actions > input + button { background:#228448 !important; border:1px solid #73b88c !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel #merge-campaign-form button[type="submit"] { background:#186437 !important; border:1px solid #73b88c !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Readiness uses status color; supporting counts use off-white cards. */
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-health-monitor .campaign-health-metric {
 background:#f0f1f3 !important; border-color:#d9dde2 !important;
}
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-health-monitor .campaign-health-metric :is(small,strong) {
 color:#25303b !important; -webkit-text-fill-color:#25303b !important;
}
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-health-monitor .campaign-health-status {
 background:#a83336 !important; border-color:#ed9398 !important;
}
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-health-monitor[data-tone="warning"] .campaign-health-status {
 background:#a94e10 !important; border-color:#f0b073 !important;
}
body #admin-panel#admin-panel#admin-panel#admin-panel .campaign-health-monitor[data-tone="healthy"] .campaign-health-status {
 background:#207344 !important; border-color:#83c49e !important;
}

/* Explicit demo display only; live tenants retain their real count. */
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count--demo {
 margin-right:clamp(20px,7vw,100px); max-width:100%; align-items:flex-start;
}
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count--demo strong {
 font-size:64pt !important; letter-spacing:-0.04em; line-height:1;
}
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count--demo small {
 font-size:14pt !important; font-weight:700; letter-spacing:0.06em;
}
@media(max-width:600px) {
 body #admin-panel#admin-panel .suppression-upload-panel .suppression-count--demo { margin-left:0; margin-right:0; }
}

/* Demo DNC total: upper-right placement, cherry-red number, white label. */
body #admin-panel#admin-panel .suppression-upload-panel:has(.suppression-count--demo):not([open]) > summary { align-items:flex-start; }
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count--demo {
 margin-left:auto !important; margin-right:0 !important; align-self:flex-start; align-items:flex-end; text-align:right; padding:0;
}
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count--demo strong {
 color:#ef4056 !important; -webkit-text-fill-color:#ef4056 !important;
}
body #admin-panel#admin-panel .suppression-upload-panel .suppression-count--demo small {
 color:#fff !important; -webkit-text-fill-color:#fff !important; text-align:right;
}

/* Campaign chooser steps 1 and 2: charcoal panels with readable text. */
body #empire-connection-selector#empire-connection-selector :is(.ecs-mode,.ecs-sources) {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #empire-connection-selector#empire-connection-selector .ecs-mode > span,
body #empire-connection-selector#empire-connection-selector .ecs-mode > label,
body #empire-connection-selector#empire-connection-selector .ecs-sources > header :is(span,small) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body #empire-connection-selector#empire-connection-selector .ecs-source .ecs-metrics :is(span,b) {
 color:#25303b !important; -webkit-text-fill-color:#25303b !important;
}

/* Advisor call-context banner: charcoal surface with readable copy. */
body #app-view #empire-focused-context#empire-focused-context {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #app-view #empire-focused-context#empire-focused-context :is(.empire-focused-person,.empire-focused-campaign) :is(span,h2,strong) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body #app-view #empire-focused-context#empire-focused-context .empire-focused-person p {
 color:#e2e5e9 !important; -webkit-text-fill-color:#e2e5e9 !important;
}

/* Advisor dialing-mode bar matches the charcoal call banner. */
body #app-view #dial-protocol-tabs#dial-protocol-tabs {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #app-view #dial-protocol-tabs#dial-protocol-tabs button:not(.active) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* Preview dialer header: charcoal gradient, retaining its controls and cards. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .power-terminal-head:has(#empire-preview-live-status) {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .power-terminal-head:has(#empire-preview-live-status) .power-terminal-title > strong {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* Dialer table column banner: gold with dark readable labels. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .power-terminal-columns {
 background:#d9b453 !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .power-terminal-columns span {
 color:#25282d !important; -webkit-text-fill-color:#25282d !important; opacity:1 !important;
}

/* Prepared call workspace: charcoal panel and accessible supporting copy. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-ready {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-ready .empire-focused-ready-copy :is(span,h2) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-ready .empire-focused-ready-copy p {
 color:#e2e5e9 !important; -webkit-text-fill-color:#e2e5e9 !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-ready-status {
 color:#8be0b0 !important; -webkit-text-fill-color:#8be0b0 !important;
}

/* Advisor phone-control surface; retain the individual action colors. */
body.empire-focused-advisor #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-panel {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body.empire-focused-advisor #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-panel > .panel-heading,
body.empire-focused-advisor #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #phone-dialer-body {
 background:transparent !important;
}

/* Customer information panel matches the advisor charcoal surfaces. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-card {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-card > .section-title {
 background:transparent !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-card > .section-title :is(h2,.eyebrow) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* Let the charcoal phone panel show between the individual action buttons. */
body.empire-focused-advisor #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-panel .phone-deck {
 background:transparent !important;
}

/* Call Outcome: continuous charcoal behind the heading and disposition buttons. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #disposition-center {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #disposition-center > .section-title,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #disposition-rail {
 background:transparent !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #disposition-center > .section-title :is(h2,.eyebrow,.required-note) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* Text messages: charcoal surface with readable headings and help text. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #advisor-sms-placeholder {
 background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #advisor-sms-placeholder :is(h3,label) {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #advisor-sms-placeholder > p {
 color:#e2e5e9 !important; -webkit-text-fill-color:#e2e5e9 !important;
}

/* Continuous customer-information surface, including all frame and grid gaps. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-card :is(#customer-grid,.business-info-viewport,.business-info-track,.business-info-page,.business-info-controls) {
 background:transparent !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-card .business-info-controls > span {
 color:#fff !important; -webkit-text-fill-color:#fff !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-start-button:disabled {
 color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important;
}

/* Messaging setup status badge. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #advisor-sms-placeholder > header > span {
 background:#b52d36 !important; color:#fff !important; -webkit-text-fill-color:#fff !important;
}

/* Current-contact label sits directly on the charcoal terminal header. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .power-terminal-batch-state,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #power-terminal-batch {
  background:transparent !important; box-shadow:none !important;
}
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #power-terminal-batch {
  color:#39ff14 !important; -webkit-text-fill-color:#39ff14 !important;
}

/* Phone display matches the charcoal workspace without the duplicate logo. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-screen-top > img { display:none !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-screen { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-screen-top,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-status-line { background:transparent !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #call-timer,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #phone-screen-status,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #phone-screen-extension,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-screen > label { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Campaign and phone-service controls retain clear action colors. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #phone-campaign-command { background:#176fb8 !important; border-color:#438dcc !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #phone-status { background:#186437 !important; border-color:#398459 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Charcoal gaps and lighter grey dial keys with white legends. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .dial-pad { background:transparent !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .dial-pad > button { background:linear-gradient(135deg,#70747a 0%,#60646a 52%,#4d5157 100%) !important; border-color:#92969c !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .dial-pad > button,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .dial-pad > button b,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .dial-pad > button small { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Remove the outer square frame around customer information. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-grid { border:0 !important; }

/* White workspace-tab frame and labels on charcoal. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-tabs { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; border:1px solid #fff !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-tabs > button { background:transparent !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-focused-tabs > button.is-active { border-bottom-color:#fff !important; }

/* Customer number and advisor alert center finishes. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #destination { background:linear-gradient(135deg,#45484d,#202225) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; border:1px solid #92969c !important; border-radius:16px !important; padding:14px 18px !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #destination::placeholder { color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #empire-phone-alert-center { background:#112f50 !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .empire-phone-alert-tile { background:linear-gradient(135deg,#70747a 0%,#60646a 52%,#4d5157 100%) !important; border-color:#92969c !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .empire-phone-alert-heading,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .empire-phone-alert-heading *,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .empire-phone-alert-tile,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .empire-phone-alert-tile * { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Place advisor alerts before the customer-number label and input. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-screen > label[for="destination"],
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-screen > #destination { order:1 !important; }

/* Advisor alerts lead the phone display, above counter and clocks. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel .phone-screen > #empire-phone-alert-center { order:-1 !important; }

/* Grey message field with readable white placeholder and content. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #advisor-sms-draft { background:linear-gradient(135deg,#70747a 0%,#60646a 52%,#4d5157 100%) !important; color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #advisor-sms-draft::placeholder { color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }

/* Customer information fields match the lighter grey controls. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-grid .empire-customer-field { background:linear-gradient(135deg,#70747a 0%,#60646a 52%,#4d5157 100%) !important; border-color:#92969c !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-grid .empire-customer-field,
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #customer-grid .empire-customer-field * { color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }

/* Playlist empty-state panel matches the charcoal terminal. */
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #power-terminal-lines { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; }
body #advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel#advisor-panel #power-terminal-lines .dialer-activity-empty { background:transparent !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Demo has no live carrier; keep setup details in the compact status. */
html[data-empire-demo="true"] #phone-service-notice { display:none !important; }

/* Team and Access section banner. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > .admin-workspace-heading { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > .admin-workspace-heading :is(h2,p) { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Products and Scripts charcoal section and form panels. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin .tenant-resource-form { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin > .section-title,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin .tenant-resource-admin-grid { background:transparent !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin :is(h2,h3,p,label,legend),
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin .eyebrow,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin .tenant-resource-form-status { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin :is(input,textarea,select,option) { color:#25303b !important; -webkit-text-fill-color:#25303b !important; }

/* Representative credentials charcoal panel. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #trial-rep-platform-access { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #trial-rep-platform-access :is(h2,p,.eyebrow),
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #trial-credentials-status { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Sentinel platform health charcoal panel. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #sentinel-security-panel { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #sentinel-security-panel > .section-title,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #sentinel-security-panel .sentinel-security-columns,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #sentinel-security-panel .sentinel-security-footer { background:transparent !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #sentinel-security-panel :is(h2,h3,p,.eyebrow),
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #sentinel-last-report { color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Add an advisor charcoal panel. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > .create-panel { background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%) !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > .create-panel :is(h2,p,label,legend,small,.eyebrow) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #create-advisor-form :is(input,select,option) { color:#25303b !important; -webkit-text-fill-color:#25303b !important; }

/* Advisor setup and representative credentials share a desktop row. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace:not([hidden]) { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:24px !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > * { grid-column:1 / -1; min-width:0; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > .create-panel { grid-column:1; width:auto !important; margin:0 !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > #trial-rep-platform-access { grid-column:2; width:auto !important; margin:0 !important; align-self:stretch; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #trial-rep-platform-access .trial-credentials-actions { display:flex !important; flex-direction:column !important; align-items:stretch !important; gap:20px !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #trial-credentials-status { border-left:0 !important; padding-left:0 !important; }
@media(max-width:800px) {
  body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace:not([hidden]) { grid-template-columns:minmax(0,1fr) !important; }
  body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #team-access-workspace > #trial-rep-platform-access { grid-column:1 !important; }
}

/* Navy accent for representative credentials. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #trial-rep-platform-access { background:linear-gradient(135deg,#1b436b 0%,#112f50 52%,#0b2039 100%) !important; }

/* Rounded multiline product and script fields. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #tenant-resource-admin textarea { border-radius:14px !important; padding:14px 16px !important; }

/* Brighter advisor assignment action, including unavailable state. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #create-advisor-button { background:#247bc1 !important; border-color:#75b8ec !important; color:#fff !important; -webkit-text-fill-color:#fff !important; opacity:1 !important; }

/* Dark green platform-health accent. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #sentinel-security-panel { background:linear-gradient(135deg,#20543f 0%,#143d2d 52%,#0b281e 100%) !important; }

/* Dedicated Agent account-access panel. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access { background:linear-gradient(135deg,#45484d,#202225) !important; color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .section-title { background:transparent !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access :is(h2,p,.eyebrow) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #trial-rep-platform-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .trial-rep-platform-card { background:#112f50 !important; color:#fff !important; border:1px solid #8a9bae; border-radius:14px; padding:20px; display:grid; gap:16px; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .trial-rep-platform-card :is(strong,small,label,span) { color:#fff !important; -webkit-text-fill-color:#fff !important; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .trial-rep-platform-card small { display:block; margin-top:6px; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .trial-rep-platform-choices { display:grid; gap:12px; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .trial-rep-platform-choices label { background:transparent !important; display:flex; align-items:center; gap:10px; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .trial-rep-platform-choices input { width:18px; height:18px; margin:0; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .trial-rep-platform-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access button { background:#247bc1 !important; color:#fff !important; -webkit-text-fill-color:#fff !important; }

/* Gold eyebrow titles. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel .eyebrow { color:#f3c65c !important; -webkit-text-fill-color:#f3c65c !important; }

/* Reusable Account Access roles */
body #admin-panel #agent-account-access .access-role-builder { color:#fff; }
body #admin-panel #agent-account-access #trial-rep-platform-list {display:none!important;}
body #admin-panel #agent-account-access .role-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0;}
body #admin-panel #agent-account-access .saved-role-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
body #admin-panel #agent-account-access .role-summary {display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:20px;background:linear-gradient(135deg,#245783,#112f50)!important;color:#fff!important;border:1px solid #92abc5;border-radius:16px;}
body #admin-panel #agent-account-access .role-summary strong {font-size:20px;color:#fff!important;}
body #admin-panel #agent-account-access .role-summary span,body #admin-panel #agent-account-access .role-summary small {color:#e1e8ef!important;}
body #admin-panel #agent-account-access .role-editor {margin-top:24px;padding:24px;background:linear-gradient(135deg,#3e4247,#25282c);border:1px solid #8f969e;border-radius:18px;}
body #admin-panel #agent-account-access .role-details {display:grid;grid-template-columns:1fr 2fr;gap:20px;}
body #admin-panel #agent-account-access .permission-groups {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
body #admin-panel #agent-account-access .permission-groups fieldset {min-width:0;border:1px solid #8d969f;border-radius:14px;padding:18px;background:#263646;}
body #admin-panel #agent-account-access .permission-groups legend {color:#f3c65c!important;font-weight:800;padding:0 8px;}
body #admin-panel #agent-account-access .permission-groups label {display:flex;align-items:center;gap:10px;margin:12px 0;color:#fff!important;line-height:1.4;}
body #admin-panel #agent-account-access .permission-groups input {width:18px;height:18px;flex:0 0 18px;accent-color:#3288d1;}
body #admin-panel #agent-account-access .role-group-toggle {background:#466178!important;color:#fff!important;padding:6px 12px;border-radius:8px;font-size:13px;}
body #admin-panel #agent-account-access .role-demo-note {padding:16px;border-left:4px solid #f3c65c;background:#183650;color:#fff!important;border-radius:8px;}
body #admin-panel #agent-account-access .role-user {display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;padding:16px;border-bottom:1px solid #71808e;}
body #admin-panel #agent-account-access .role-details input,body #admin-panel #agent-account-access select {background:#f3f5f7!important;color:#14283d!important;border-radius:12px;padding:12px;width:100%;}
body #admin-panel #agent-account-access [data-role-message] {color:#a9ffce!important;min-height:24px;}
body #admin-panel #agent-account-access [data-role-message].error {color:#ffd0d0!important;}
@media(max-width:1000px){body #admin-panel #agent-account-access .permission-groups{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){body #admin-panel #agent-account-access .permission-groups,body #admin-panel #agent-account-access .saved-role-grid,body #admin-panel #agent-account-access .role-details,body #admin-panel #agent-account-access .role-user{grid-template-columns:1fr;}}

body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access h3,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access h4,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details label,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-user label {color:#fff!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-summary {background:linear-gradient(135deg,#245783,#112f50)!important;}

/* Account Access charcoal background, including permission groups and gaps. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .access-role-builder,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-editor,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-summary {background:linear-gradient(135deg,#45484d 0%,#303236 52%,#202225 100%)!important;color:#fff!important;}

/* Off-white outer Account Access surface; charcoal inner panels. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access {background:#f3f4f2!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .access-role-builder {background:transparent!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title h2,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title p,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .access-role-builder > .role-toolbar h3,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .access-role-builder > h3,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .access-role-builder > [data-role-users] > p {color:#26313b!important;}

body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access [data-role-message] {color:#17633d!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access [data-role-message].error {color:#a12030!important;}

/* Account Access contrast and breathing room. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access {padding:28px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title {margin-bottom:24px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title .eyebrow {color:#8a6100!important;-webkit-text-fill-color:#8a6100!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-toolbar {margin:24px 0 18px!important;gap:20px!important;flex-wrap:wrap;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-editor {padding:28px!important;margin-top:28px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details {gap:24px!important;margin:20px 0 28px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details label {display:flex;flex-direction:column;gap:10px;color:#fff!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details input::placeholder {color:#65717c!important;opacity:1!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups {gap:24px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset {padding:20px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups label {margin:14px 0!important;line-height:1.5!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child {grid-column:1 / -1!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 24px;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child .role-group-toggle {grid-column:1 / -1;justify-self:start;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child label {min-width:0;margin:6px 0!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-user {color:#26313b!important;background:#e7e9e7;border-radius:12px;margin:12px 0;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-user label {color:#26313b!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-editor > p {color:#e9edf1!important;line-height:1.6!important;margin-bottom:24px!important;}
@media(max-width:700px){body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:440px){body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child {grid-template-columns:1fr;}}

/* Space after descriptive copy. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title p {margin-bottom:28px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-editor > p {margin-bottom:32px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-summary small {display:block;margin-bottom:14px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details {margin-bottom:36px!important;}

/* Strong contrast for Account Access title and description. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title h2,
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title p {color:#171b20!important;-webkit-text-fill-color:#171b20!important;opacity:1!important;}

/* Keep the intro and demo notice close together. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title {margin-bottom:16px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access > .section-title p {margin-bottom:0!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-demo-note {margin-top:0!important;}

/* Platforms heading and group action share one line. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child legend {display:flex;align-items:center;gap:18px;white-space:nowrap;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child legend .role-group-toggle {display:inline-flex;align-items:center;margin:0!important;}

/* Compact spacing between role details and access points. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details {margin-bottom:12px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details + .role-toolbar {margin-top:0!important;margin-bottom:12px!important;}

body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .role-details + .role-toolbar h4 {margin:0!important;}

/* One row for the Platforms selection button and actual platform options. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child {grid-template-columns:auto repeat(4,minmax(0,1fr))!important;align-items:center;gap:12px 20px;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child > .role-group-toggle {grid-column:auto!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child > label {white-space:nowrap;}
@media(max-width:850px){body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child {display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:20px;}body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access .permission-groups fieldset:last-child > * {flex-shrink:0;}}

/* Readable empty-state message and separation from the next module. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access [data-role-users] > p {color:#171b20!important;-webkit-text-fill-color:#171b20!important;margin:16px 0 32px!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #agent-account-access {margin-bottom:32px!important;}

/* Platform health has a dedicated page linked in the global footer. */
body #sentinel-security-panel {display:none!important;}

/* Global Support menu: gold trigger and charcoal dropdown. */
body #empire-header-support#empire-header-support#empire-header-support > summary {background:linear-gradient(135deg,#f5d57a,#d8ac37)!important;color:#211c0e!important;-webkit-text-fill-color:#211c0e!important;border:1px solid #e5c266!important;}
body #empire-header-support#empire-header-support#empire-header-support > nav {background:linear-gradient(135deg,#45484d,#303236 52%,#202225)!important;border:1px solid #858b93!important;}
body #empire-header-support#empire-header-support#empire-header-support > nav a,body #empire-header-support#empire-header-support#empire-header-support > nav strong,body #empire-header-support#empire-header-support#empire-header-support > nav small {background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;}
body #empire-header-support#empire-header-support#empire-header-support > nav a:hover {background:#53575c!important;}

/* Use the Team & Access banner in place of the plain workspace heading. */
body #team-access-top-banner {display:none!important;}
body[data-admin-workspace="team-access"] .content-heading > div {display:none!important;}
body[data-admin-workspace="team-access"] #team-access-top-banner {display:block!important;width:100%;margin:0!important;padding:30px!important;border-radius:22px;border:1px solid #858b93;border-left:5px solid #f3c65c;background:linear-gradient(135deg,#45484d,#303236 52%,#202225)!important;color:#fff!important;}
body[data-admin-workspace="team-access"] #team-access-top-banner h2 {color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:34px;margin:10px 0!important;}
body[data-admin-workspace="team-access"] #team-access-top-banner p {color:#fff!important;-webkit-text-fill-color:#fff!important;margin:0!important;}
body[data-admin-workspace="team-access"] #team-access-top-banner .eyebrow {color:#f3c65c!important;-webkit-text-fill-color:#f3c65c!important;}

/* Campaign Dialer Control navy surface. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control {background:linear-gradient(135deg,#1b436b 0%,#112f50 52%,#0b2039 100%)!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control > summary {background:transparent!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control > summary h2, body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control > summary p {color:#fff!important;-webkit-text-fill-color:#fff!important;}

body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control :is(h2,h3,h4,p,label,legend,small,.eyebrow) {color:#fff!important;-webkit-text-fill-color:#fff!important;}

/* Form controls retain dark text on light fields. */
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control :is(input,select,textarea,option) {color:#172334!important;-webkit-text-fill-color:#172334!important;}
body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control :is(input,textarea)::placeholder {color:#596675!important;-webkit-text-fill-color:#596675!important;opacity:1!important;}

body #admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel#admin-panel #admin-dialer-control .priority-scale-help {background:#e6edf5!important;color:#172334!important;-webkit-text-fill-color:#172334!important;border:1px solid #a8bbcf!important;opacity:1!important;}

/* Retired guided tour entry points. */
body .mason-guide-launcher, body .mason-tour-button, body [data-mason-tour] {display:none!important;}