/* Administrative surfaces share the console white palette without changing editor layout. */
.app-shell [data-view-panel="admin"] {
  --admin-accent: rgba(89,104,206,.92);
  --admin-line: #e5e7eb;
  --admin-muted: var(--glass-muted,#737373);
  --admin-surface: #fff;
  color: var(--glass-ink,#171717);
}
.app-shell [data-view-panel="admin"] .admin-view-heading h1,
.app-shell [data-view-panel="admin"] .admin-panel-heading h2,
.app-shell [data-view-panel="admin"] .admin-visual-heading strong {
  color: var(--glass-ink,#171717);
}
.app-shell [data-view-panel="admin"] .admin-workspace-toolbar { border-color: #e5e7eb; }
.app-shell [data-view-panel="admin"] .admin-favorite,
.app-shell [data-view-panel="admin"] .admin-tool,
.app-shell [data-view-panel="admin"] .admin-filter-toggle {
  border-color: #e5e7eb;
  border-radius: 9px;
  background: #fff;
  color: #525252;
  box-shadow: none;
}
.app-shell [data-view-panel="admin"] .admin-favorite.active,
.app-shell [data-view-panel="admin"] .admin-tool[aria-pressed="true"] {
  border-color: rgba(173,181,229,.85);
  background: rgba(238,240,255,.72);
  color: #4d5bc0;
}
.app-shell [data-view-panel="admin"] .admin-quick-jump {
  border-color: rgba(89,104,206,.92);
  border-radius: 9px;
  background: rgba(89,104,206,.92);
  box-shadow: none;
}
.app-shell [data-view-panel="admin"] .admin-filter-chip { border-color: rgba(173,181,229,.85); border-radius: 8px; background: rgba(238,240,255,.72); color: #4d5bc0; }
.app-shell [data-view-panel="admin"] .admin-panel-heading .primary-button { border-color: rgba(89,104,206,.92); background: rgba(89,104,206,.92); }

/* Keep the major surfaces white while preserving their existing elevation. */
.app-shell [data-view-panel="admin"] .metric-card,
.app-shell [data-view-panel="admin"] .admin-overview-metrics article,
.app-shell [data-view-panel="admin"] .admin-overview-chart,
.app-shell [data-view-panel="admin"] .admin-overview-breakdowns > section,
.app-shell [data-view-panel="admin"] .global-settings-editor {
  border: 1px solid #e5e7eb;
  border-radius: var(--glass-radius,16px);
  background: var(--glass-surface,#fff);
  box-shadow: var(--glass-shadow,0 1px 2px rgba(16,24,40,.025));
  -webkit-backdrop-filter: var(--glass-blur,none);
  backdrop-filter: var(--glass-blur,none);
}
.app-shell [data-view-panel="admin"] .admin-resource-visual,
.app-shell [data-view-panel="admin"] [class*="filter-bar"],
.app-shell [data-view-panel="admin"] .admin-form:not(.global-settings-form) {
  border-color: #e5e7eb;
  border-radius: 14px;
  background: var(--glass-surface,#fff);
  box-shadow: var(--glass-shadow-sm,0 1px 2px rgba(16,24,40,.025));
}
.app-shell [data-view-panel="admin"] [class*="filter-bar"] input,
.app-shell [data-view-panel="admin"] [class*="filter-bar"] select {
  border-color: #dfe3e8;
  border-radius: 9px;
  background-color: #fff;
  color: var(--glass-ink,#171717);
}
.app-shell [data-view-panel="admin"] .admin-overview-chart-grid { border: 0; }
.app-shell [data-view-panel="admin"] .admin-overview-chart,
.app-shell [data-view-panel="admin"] .admin-overview-breakdowns > section { padding: 22px; }
.app-shell [data-view-panel="admin"] .admin-overview-metrics { gap: 16px; }
.app-shell [data-view-panel="admin"] .admin-overview-metrics article { padding-top: 22px; padding-inline: 22px; }
.app-shell [data-view-panel="admin"] .admin-overview-metrics strong { color: var(--glass-ink,#171717); }
.app-shell [data-view-panel="admin"] .admin-overview-metrics span,
.app-shell [data-view-panel="admin"] .admin-overview-metrics em { color: var(--glass-muted,#737373); }
.app-shell [data-view-panel="admin"] .admin-overview-chart .section-title,
.app-shell [data-view-panel="admin"] .admin-overview-breakdowns .section-title { padding: 0 0 18px; border-bottom-color: #ededed; }
.app-shell [data-view-panel="admin"] .admin-metric-link { color: #525252; }
.app-shell [data-view-panel="admin"] .admin-usage-summary { gap: 10px; border: 0; background: transparent; }
.app-shell [data-view-panel="admin"] .admin-usage-summary > div {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: var(--glass-surface,#fff);
  box-shadow: var(--glass-shadow-sm,0 1px 2px rgba(16,24,40,.025));
}

/* Keep sticky action cells opaque enough to mask horizontally scrolling text. */
.app-shell [data-view-panel="admin"] .table-wrap {
  border-color: #e5e7eb;
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--glass-shadow-sm,0 1px 2px rgba(16,24,40,.025));
}
.app-shell [data-view-panel="admin"] table th { border-color: #e5e7eb; background: #fafafa; color: #737373; }
.app-shell [data-view-panel="admin"] table td { border-color: #f0f0f0; }
.app-shell [data-view-panel="admin"] table .admin-cell-actions { border-color: #f0f0f0; background: #fff; }
.app-shell [data-view-panel="admin"] table th.admin-cell-actions { background: #fafafa; }
.app-shell [data-view-panel="admin"] table tbody tr:hover td { background: #fafafa; }
.app-shell [data-view-panel="admin"] table tbody tr.admin-row-selected td { background: #f0f0f0; }
.app-shell [data-view-panel="admin"] .provider-bulk-bar { border-color: #d4d4d4; border-radius: 12px; background: #fff; }
.app-shell [data-view-panel="admin"] .admin-page-number { border-color: #e5e7eb; border-radius: 8px; background: #fff; color: #525252; }
.app-shell [data-view-panel="admin"] .admin-page-number.active { border-color: rgba(89,104,206,.92); background: rgba(89,104,206,.92); color: #fff; }
.app-shell [data-view-panel="admin"] .admin-actions-menu-popover { border-color: #e5e7eb; border-radius: 12px; background: #fff; box-shadow: 0 16px 36px -16px rgba(15,23,42,.25); }

/* Settings retain their existing sticky/mobile navigation and independent scroll regions. */
.app-shell [data-view-panel="admin"] .global-settings-nav {
  border-color: #e5e7eb;
  border-radius: 14px;
  background: var(--glass-surface,#fff);
  box-shadow: var(--glass-shadow-sm,0 1px 2px rgba(16,24,40,.025));
}
.app-shell [data-view-panel="admin"] .global-settings-nav button { border-radius: 8px; color: #525252; }
.app-shell [data-view-panel="admin"] .global-settings-nav button.active { border-color: rgba(173,181,229,.85); background: rgba(238,240,255,.72); color: #4d5bc0; }
.app-shell [data-view-panel="admin"] .global-settings-section-heading > span { border-color: #e5e7eb; border-radius: 9px; background: #fafafa; color: #525252; }
.app-shell [data-view-panel="admin"] .global-settings-section-heading h3 { color: var(--glass-ink,#171717); }
.app-shell [data-view-panel="admin"] .global-settings-status { border-left-color: #a3a3a3; border-radius: 10px; background: #fff; }
.app-shell [data-view-panel="admin"] .global-settings-actions { border-color: #e5e7eb; background: #fff; }
.app-shell [data-view-panel="admin"] .admin-section-search { border-color: #e5e7eb; }

/* Management drawers retain their viewport sizing with white shells and inner panels. */
dialog.provider-editor-dialog,
dialog.customer-group-drawer {
  --danger: #b42318;
  border-color: rgba(255,255,255,.7);
  background: #fff;
  color: var(--glass-ink,#20344e);
  box-shadow: -18px 0 64px rgba(32,58,91,.17);
}
dialog.provider-editor-dialog::backdrop,
dialog.customer-group-drawer::backdrop,
dialog.admin-command-dialog::backdrop { background: rgba(32,51,77,.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); }
dialog.provider-editor-dialog .provider-editor,
dialog.provider-editor-dialog .admin-usage-detail,
dialog.provider-editor-dialog .audit-log-detail {
  background: #fff;
  color: var(--glass-ink,#20344e);
  box-shadow: none;
}
dialog.provider-editor-dialog .provider-editor-header,
dialog.customer-group-drawer .customer-group-drawer-header {
  border-color: rgba(109,137,171,.14);
  background: #fff;
}
dialog.provider-editor-dialog .provider-editor-nav,
dialog.provider-editor-dialog .model-vendor-sidebar {
  border-color: rgba(109,137,171,.13);
  background: #fff;
}
dialog.provider-editor-dialog .provider-editor-nav button,
dialog.provider-editor-dialog .model-vendor-list > button { border-radius: 11px; }
dialog.provider-editor-dialog .provider-editor-nav button.active,
dialog.provider-editor-dialog .model-vendor-list > button.active { border-color: #bdd5ef; background: #e1edfc; color: #235e9c; }
dialog.provider-editor-dialog .provider-editor-section { border-color: rgba(109,137,171,.12); }
dialog.provider-editor-dialog .provider-editor-footer,
dialog.customer-group-drawer .customer-group-drawer-footer {
  border-color: rgba(109,137,171,.14);
  background: #fff;
  box-shadow: 0 -6px 20px -14px rgba(46,74,116,.18);
}
dialog.provider-editor-dialog .provider-editor-icon,
dialog.provider-editor-dialog .provider-section-heading > span,
dialog.customer-group-drawer .customer-group-section-heading > span {
  border-color: transparent;
  border-radius: 11px;
  background: #e4eefc;
  color: #3978b5;
}
dialog.provider-editor-dialog .provider-editor-close { border-radius: 11px; background: #fff; color: #526b87; }
dialog.provider-editor-dialog .provider-editor-title h2,
dialog.provider-editor-dialog .provider-section-heading h3 { color: var(--glass-ink,#20344e); }
dialog.provider-editor-dialog .provider-editor-title p,
dialog.provider-editor-dialog .provider-section-heading p { color: var(--glass-muted,#596b82); }
dialog.provider-editor-dialog .provider-editor-content,
dialog.customer-group-drawer .customer-group-drawer-content { scrollbar-color: #bccde1 transparent; scrollbar-width: thin; }

/* Nested panels use white surfaces instead of another blur layer. */
dialog.provider-editor-dialog .provider-create-mode,
dialog.provider-editor-dialog .provider-advanced-route,
dialog.provider-editor-dialog .supplier-channel-card,
dialog.provider-editor-dialog .model-metadata-audit-item,
dialog.provider-editor-dialog .model-metadata-audit-summary,
dialog.provider-editor-dialog .provider-model-update-summary,
dialog.provider-editor-dialog .channel-binding-list,
dialog.provider-editor-dialog .provider-routing-list,
dialog.provider-editor-dialog .model-route-pricing,
dialog.customer-group-drawer .group-model-browser,
dialog.customer-group-drawer .group-model-policy-editor {
  border-color: rgba(109,137,171,.18);
  border-radius: 15px;
  background-color: #fff;
}
dialog.provider-editor-dialog .provider-routing-list-head,
dialog.provider-editor-dialog .provider-routing-toolbar,
dialog.provider-editor-dialog .provider-advanced-routes-toolbar,
dialog.provider-editor-dialog .supplier-channel-model-scope { background: #fff; }
dialog.provider-editor-dialog .provider-routing-toolbar,
dialog.provider-editor-dialog .provider-advanced-routes-toolbar { border-left-color: #7ba9d6; border-radius: 10px; }
dialog.provider-editor-dialog .supplier-channel-policy span { border-radius: 8px; background: #fff; }
dialog.provider-editor-dialog .channel-binding-row { border-color: rgba(109,137,171,.13); background: #fff; }
dialog.provider-editor-dialog .channel-binding-row.selected { background: #eaf3ff; }
dialog.provider-editor-dialog .model-bind-dropdown { border-color: #cfdeef; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px -12px rgba(46,74,116,.25); }
dialog.provider-editor-dialog .model-bind-trigger { border-color: rgba(109,137,171,.23); border-radius: 11px; background: #fff; }
dialog.provider-editor-dialog .model-binding-prompt { border-color: #c7dcf2; border-radius: 14px; background: #fff; }

/* Routing weights and outcome/status colors remain supplied by the routing editor. */
dialog.provider-editor-dialog .routing-editor { --routing-border: rgba(109,137,171,.19); color: var(--glass-ink,#20344e); }
dialog.provider-editor-dialog .routing-tier { border-radius: 16px; background: #fff; }
dialog.provider-editor-dialog .routing-tier-heading { background: #fff; }
dialog.provider-editor-dialog .routing-tier:first-of-type .routing-tier-heading { background: #fff; }
dialog.provider-editor-dialog .routing-card { border-radius: 12px; background: #fff; box-shadow: 0 4px 14px -10px rgba(46,74,116,.23); }
dialog.provider-editor-dialog .routing-card.inactive { background: #f4f7fb; }
dialog.provider-editor-dialog .routing-tier-index { border-color: #cbdcf0; border-radius: 8px; background: #f9fcff; color: #466b93; }
dialog.provider-editor-dialog .routing-editor-tools button { border-radius: 9px; }
dialog.provider-editor-dialog .routing-trace-card { border-color: rgba(109,137,171,.18); border-radius: 15px; background: #fff; }
dialog.provider-editor-dialog .routing-trace-policy { border-color: rgba(109,137,171,.16); border-radius: 12px; background: #fff; }
dialog.provider-editor-dialog .admin-usage-detail-hero,
dialog.provider-editor-dialog .audit-log-detail-hero { border-color: rgba(109,137,171,.14); background: #fff; }

/* Announcement editing: distinguish selection without masking availability/error colors. */
.app-shell [data-view-panel="admin"] .announcement-admin-list-panel,
.app-shell [data-view-panel="admin"] .announcement-admin-audience {
  border-color: rgba(109,137,171,.17);
  border-radius: 16px;
  background: #fff;
}
.app-shell [data-view-panel="admin"] .announcement-admin-item { border-color: rgba(109,137,171,.16); border-radius: 12px; background: #fff; }
.app-shell [data-view-panel="admin"] .announcement-admin-item.is-selected { border-color: #91b7df; background: #e8f2ff; box-shadow: 0 0 0 1px #91b7df,0 4px 14px -10px rgba(35,94,156,.3); }
.app-shell [data-view-panel="admin"] .announcement-admin-customer-groups,
.app-shell [data-view-panel="admin"] .announcement-admin-group-list { border-color: rgba(109,137,171,.18); border-radius: 12px; background: #fff; }
.app-shell [data-view-panel="admin"] .announcement-admin-group-mode { border-color: rgba(109,137,171,.14); border-radius: 10px; background: #fff; }
.app-shell [data-view-panel="admin"] .announcement-admin-group-mode button { border-radius: 7px; }
.app-shell [data-view-panel="admin"] .announcement-admin-group-mode button[aria-pressed="true"] { border-color: #c5d9ef; background: #fff; color: #235e9c; }
.app-shell [data-view-panel="admin"] .announcement-admin-group-option.is-selected { background: #e7f1ff; }
.app-shell [data-view-panel="admin"] .announcement-admin-preview { border-color: rgba(109,137,171,.19); border-radius: 14px; }
.app-shell [data-view-panel="admin"] .announcement-admin-editor-actions { border-color: rgba(109,137,171,.14); }

dialog.admin-command-dialog { border-color: rgba(255,255,255,.85); border-radius: 22px; background: #fff; color: var(--glass-ink,#20344e); box-shadow: 0 24px 80px -18px rgba(32,58,91,.3); }
dialog.admin-command-dialog .admin-command-search input { border-color: #cadbed; border-radius: 12px; background: #fff; }
dialog.admin-command-dialog .admin-command-result { border-radius: 12px; background: transparent; }
dialog.admin-command-dialog .admin-command-result.active,
dialog.admin-command-dialog .admin-command-result:hover { border-color: #c6daf0; background: #e5f0ff; }
dialog.admin-command-dialog .admin-command-help { border-color: rgba(109,137,171,.14); background: #fff; }

dialog.provider-editor-dialog,
dialog.customer-group-drawer { border-color: #e5e7eb; color: #171717; box-shadow: -18px 0 64px rgba(15,23,42,.14); }
dialog.provider-editor-dialog :is(.provider-editor,.admin-usage-detail,.audit-log-detail) { color: #171717; }
dialog.provider-editor-dialog :is(.provider-editor-header,.provider-editor-footer,.provider-editor-nav,.provider-editor-section),
dialog.customer-group-drawer :is(.customer-group-drawer-header,.customer-group-drawer-footer) { border-color: #e5e7eb; }
dialog.provider-editor-dialog :is(.provider-editor-nav button.active,.model-vendor-list > button.active) { border-color: #d4d4d4; background: #f0f0f0; color: #171717; }
dialog.provider-editor-dialog :is(.provider-editor-icon,.provider-section-heading > span),
dialog.customer-group-drawer .customer-group-section-heading > span { border-color: #e5e7eb; background: #fafafa; color: #525252; }
dialog.provider-editor-dialog :is(.provider-create-mode,.provider-advanced-route,.supplier-channel-card,.model-metadata-audit-item,.model-metadata-audit-summary,.provider-model-update-summary,.channel-binding-list,.provider-routing-list,.model-route-pricing,.routing-tier,.routing-trace-card,.routing-trace-policy),
dialog.customer-group-drawer :is(.group-model-browser,.group-model-policy-editor) { border-color: #e5e7eb; border-radius: 12px; }
dialog.provider-editor-dialog :is(.routing-card,.model-bind-dropdown) { border-color: #e5e7eb; box-shadow: none; }
.app-shell [data-view-panel="admin"] :is(.announcement-admin-list-panel,.announcement-admin-audience,.announcement-admin-item,.announcement-admin-customer-groups,.announcement-admin-group-list,.announcement-admin-group-mode,.announcement-admin-preview) { border-color: #e5e7eb; }
.app-shell [data-view-panel="admin"] .announcement-admin-item.is-selected { border-color: #a3a3a3; background: #f5f5f5; box-shadow: none; }
.app-shell [data-view-panel="admin"] :is(.announcement-admin-group-option.is-selected) { background: #f0f0f0; }
dialog.admin-command-dialog { border-color: #e5e7eb; border-radius: 16px; color: #171717; box-shadow: 0 24px 70px -20px rgba(15,23,42,.3); }
dialog.admin-command-dialog .admin-command-search input { border-color: #dfe3e8; border-radius: 9px; }
dialog.admin-command-dialog :is(.admin-command-result.active,.admin-command-result:hover) { border-color: #e5e7eb; background: #f5f5f5; }

@media (hover:hover) and (pointer:fine) {
  .app-shell [data-view-panel="admin"] .admin-favorite:not(.active):hover,
  .app-shell [data-view-panel="admin"] .admin-tool:not([aria-pressed="true"]):hover { background: #fff; border-color: #cedff1; }
  .app-shell [data-view-panel="admin"] .global-settings-nav button:not(.active):hover,
  dialog.provider-editor-dialog .provider-editor-nav button:not(.active):hover,
  dialog.provider-editor-dialog .model-vendor-list > button:not(.active):hover { background: rgba(220,234,251,.65); color: #315f8e; }
  dialog.provider-editor-dialog .provider-editor-close:hover { background: #e0ecfb; color: #235e9c; }
  dialog.provider-editor-dialog .provider-routing-row:not(.disabled):hover { background: rgba(229,241,255,.55); }
}
@media (max-width:820px) {
  .app-shell [data-view-panel="admin"] .global-settings-nav { border-radius: 13px; }
  /* Keep all channel actions visible without consuming the save/cancel row. */
  #channel-dialog:not(.mobile-editor-keyboard) .provider-editor-footer > .provider-editor-left-actions:has(button:not([hidden])) {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 4px;
    overflow: visible;
    padding-bottom: 0;
  }
  #channel-dialog .provider-editor-left-actions button {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 8px 3px;
    white-space: normal;
    font-size: 11px;
    line-height: 1.4;
  }
  #channel-dialog .provider-editor-left-actions button svg {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
  }
}
@media (max-width:560px) {
  #provider-actions-menu .admin-actions-menu-popover { left: 0; right: auto; width: min(250px,calc(100vw - 80px)); }
  /* The provider table is a card list on phones; its outer wrapper stays transparent. */
  .app-shell [data-view-panel="admin"] .table-wrap:has(> .provider-admin-table) { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .app-shell [data-view-panel="admin"] .provider-admin-table tbody tr {
    border: 0;
    border-radius: 20px;
    background: var(--glass-surface,#fff);
    box-shadow: var(--glass-shadow,0 12px 36px -16px rgba(46,74,116,.24));
  }
  .app-shell [data-view-panel="admin"] .provider-admin-table tbody tr.admin-row-selected { background: #e5f0ff; box-shadow: inset 0 0 0 1px #a5c7eb,var(--glass-shadow,0 12px 36px -16px rgba(46,74,116,.24)); }
  .app-shell [data-view-panel="admin"] .provider-admin-table tbody tr td,
  .app-shell [data-view-panel="admin"] .provider-admin-table tbody tr:hover td,
  .app-shell [data-view-panel="admin"] .provider-admin-table tbody tr.admin-row-selected td { background: transparent; }
  .app-shell [data-view-panel="admin"] .metric-card,
  .app-shell [data-view-panel="admin"] .admin-overview-metrics article,
  .app-shell [data-view-panel="admin"] .admin-overview-chart,
  .app-shell [data-view-panel="admin"] .admin-overview-breakdowns > section,
  .app-shell [data-view-panel="admin"] .global-settings-editor { border-radius: 20px; }
  .app-shell [data-view-panel="admin"] .admin-overview-chart,
  .app-shell [data-view-panel="admin"] .admin-overview-breakdowns > section { padding: 16px; }
  .app-shell [data-view-panel="admin"] .admin-overview-metrics { gap: 12px; }
  .app-shell [data-view-panel="admin"] .admin-overview-metrics article { padding-top: 18px; padding-inline: 18px; }
  .app-shell [data-view-panel="admin"] .admin-usage-summary { gap: 8px; }
}
@media (prefers-reduced-motion:reduce) {
  dialog.customer-group-drawer[open] { animation: none; }
}
@media (forced-colors:active) {
  .app-shell [data-view-panel="admin"] .admin-overview-metrics article,
  .app-shell [data-view-panel="admin"] .admin-overview-chart,
  .app-shell [data-view-panel="admin"] .admin-overview-breakdowns > section,
  .app-shell [data-view-panel="admin"] .global-settings-editor,
  .app-shell [data-view-panel="admin"] .admin-resource-visual { outline: 1px solid CanvasText; }
}