/* Router geography shares the dashboard map and the active application palette. */
@layer mobile_readability {
 @media(max-width:1024px),(pointer:coarse) {
  body:has(#appShell) .world-map-maplibre__popup :is(.gui-metric-card__value,.world-map-leaflet__info-window-metric strong) { font-size:16px !important; }
 }
 /* Match every donut frame to the tallest card in its row, without stretching rings. */
 body:has(#appShell) .donut-card { align-self:stretch !important; height:auto !important; box-sizing:border-box !important; align-content:start !important; }
 body:has(#appShell) .meeting-workspace-header { border:1px solid var(--ac-line) !important; border-radius:16px !important; background:var(--ac-card) !important; padding:12px !important; min-width:0 !important; }
 body:has(#appShell) .meeting-workspace-header .meeting-hero { background:transparent !important; border:0 !important; box-shadow:none !important; padding:4px 6px 12px !important; border-radius:0 !important; margin:0 !important; gap:12px !important; }
 body:has(#appShell) .meeting-workspace-header .meeting-workspace-groups { background:transparent !important; border:0 !important; border-top:1px solid var(--ac-line) !important; border-radius:0 !important; box-shadow:none !important; padding:10px 0 0 !important; margin:0 !important; }
 body:has(#appShell) .global-network-popup-window .popup-window__body { background:var(--ac-page) !important; color:var(--ac-text) !important; }
 body:has(#appShell) .global-network-popup :is(.content-card,.global-network-map__sidebar,.global-network-design__node-card,.global-network-design__backbone-shell,.global-network-design__region) { background:var(--ac-card) !important; color:var(--ac-text) !important; border-color:var(--ac-line) !important; box-shadow:none !important; }
 body:has(#appShell) .global-network-popup :is(h3,h4,strong,.detail-item__value) { color:var(--ac-text) !important; }
 body:has(#appShell) .global-network-popup :is(.muted-copy,.detail-item__label) { color:var(--ac-secondary) !important; }
 body:has(#appShell) .global-network-popup :is(.global-network-design__backbone-hub,.global-network-design__connection,.global-network-design__node-stats > div) { background:var(--ac-raised) !important; color:var(--ac-text) !important; border-color:var(--ac-line) !important; }
 body:has(#appShell) .global-network-design :is(small,.global-network-design__node-stats span) { color:var(--ac-secondary) !important; }
 body:has(#appShell) .global-network-map { grid-template-columns:minmax(0,1fr) 260px !important; gap:12px !important; }
 body:has(#appShell) .global-network-map__canvas-shell { height:clamp(320px,52vh,560px) !important; background:var(--ac-raised) !important; border-color:var(--ac-line) !important; box-shadow:none !important; }
 body:has(#appShell) .global-network-map__canvas-shell::before { display:none !important; }
 body:has(#appShell) .global-network-map__sidebar { height:clamp(320px,52vh,560px) !important; box-sizing:border-box !important; padding:12px !important; }
 body:has(#appShell) .global-network-map__list { display:grid !important; align-content:start !important; grid-auto-rows:max-content !important; gap:8px !important; }
 body:has(#appShell) .global-network-map__list-item { display:block !important; height:auto !important; min-height:0 !important; padding:10px !important; background:var(--ac-raised) !important; border:1px solid var(--ac-line) !important; color:var(--ac-text) !important; border-radius:10px !important; }
 body:has(#appShell) .global-network-map__list-item p { margin:2px 0 !important; font-size:14px !important; line-height:1.4 !important; }
 body:has(#appShell) .global-network-map__list-item:hover { background:var(--ac-hover) !important; }
 body:has(#appShell) .global-network-map__tools { left:8px !important; right:auto !important; bottom:32px !important; gap:5px !important; }
 body:has(#appShell) .global-network-map__tools .status-pill { display:none !important; }
 body:has(#appShell) .global-network-map__hub { --hub-color:var(--ac-unknown); display:flex !important; flex-direction:column !important; align-items:center !important; gap:2px !important; min-width:44px !important; min-height:44px !important; padding:5px !important; border:2px solid var(--hub-color) !important; border-radius:12px !important; background:var(--ac-card) !important; color:var(--ac-text) !important; box-shadow:0 0 0 5px color-mix(in srgb,var(--hub-color) 22%,transparent) !important; }
 body:has(#appShell) .global-network-map__hub svg { width:18px !important; height:18px !important; color:var(--hub-color) !important; }
 body:has(#appShell) .global-network-map__hub span { font-size:12px !important; font-weight:700 !important; line-height:1.2 !important; color:var(--ac-text) !important; }
 body:has(#appShell) .global-network-map__hub--mint { --hub-color:var(--ac-success); }
 body:has(#appShell) .global-network-map__hub--rose { --hub-color:var(--ac-danger); }
 body:has(#appShell) .global-network-map__hub--amber { --hub-color:var(--ac-warning); }
 body:has(#appShell) .global-network-map__hub--sky { --hub-color:var(--ac-info); }
 body:has(#appShell) .global-network-map__link-marker { padding:0 !important; min-height:36px !important; background:var(--ac-card) !important; color:var(--ac-text) !important; border:1px solid var(--ac-control) !important; border-radius:20px !important; }
 body:has(#appShell) .global-network-map__connection-label :is(strong,span) { color:var(--ac-text) !important; font-size:12px !important; }
 body:has(#appShell) .global-network-map__popup { width:min(440px,calc(100vw - 48px)) !important; max-width:calc(100% - 24px) !important; font-family:var(--gui-font-sans,system-ui) !important; z-index:5 !important; }
 body:has(#appShell) .global-network-map__popup .maplibregl-popup-content { box-sizing:border-box !important; width:100% !important; padding:14px !important; border-radius:12px !important; border:1px solid var(--ac-line) !important; background:var(--ac-card) !important; color:var(--ac-text) !important; max-height:320px !important; overflow:auto !important; box-shadow:0 8px 24px #0003 !important; }
 body:has(#appShell) .global-network-map__popup-card { min-width:0 !important; padding-right:18px !important; color:var(--ac-text) !important; }
 body:has(#appShell) .global-network-map__popup-card strong { font-size:14px !important; line-height:1.4 !important; color:var(--ac-text) !important; }
 body:has(#appShell) .global-network-map__popup-card :is(p,span) { font-size:13px !important; line-height:1.4 !important; color:var(--ac-secondary) !important; }
 body:has(#appShell) .global-network-map__popup-grid > div { background:var(--ac-raised) !important; border-color:var(--ac-line) !important; padding:6px 8px !important; }
 body:has(#appShell) .global-network-map__popup-card .search-chip { background:var(--ac-raised) !important; color:var(--ac-text) !important; border-color:var(--ac-line) !important; }
 body:has(#appShell) .global-network-map__popup .maplibregl-popup-close-button { width:28px !important; height:28px !important; min-height:28px !important; padding:0 !important; background:#b42318 !important; color:#fff !important; border-radius:6px !important; font-size:20px !important; }
 body:has(#appShell) .global-network-map .maplibregl-popup-tip { border-top-color:var(--ac-card) !important; border-bottom-color:var(--ac-card) !important; }
 body:has(#appShell) .global-network-map .maplibregl-ctrl-group { background:var(--ac-card) !important; }
 body:has(#appShell) .global-network-map .maplibregl-ctrl-group button { background:var(--ac-card) !important; min-width:32px !important; min-height:32px !important; padding:0 !important; border-color:var(--ac-line) !important; }
 html[data-theme="dark"] body:has(#appShell) .global-network-map .maplibregl-ctrl-icon { filter:invert(1); }
 @media(max-width:900px) {
  body:has(#appShell) .global-network-map { grid-template-columns:minmax(0,1fr) !important; }
  body:has(#appShell) .global-network-map__sidebar { height:auto !important; max-height:240px !important; }
  body:has(#appShell) .global-network-map__list { grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important; }
 }
}
@layer compact_popovers {
 /* Keep the chat policy readable without competing with the message composer. */
 .agentic-chat-policy { display:block !important; grid-column:1 / -1 !important; width:100% !important; box-sizing:border-box !important; margin:6px 0 0 !important; padding:2px 0 !important; min-width:0 !important; max-width:100% !important; font-size:12px !important; line-height:1.4 !important; color:var(--text-secondary,#aebbd0) !important; white-space:nowrap !important; overflow-wrap:normal !important; overflow-x:auto !important; overflow-y:hidden !important; text-align:center !important; scrollbar-width:thin; }
 .agentic-chat-policy:focus-visible { outline:2px solid var(--ac-focus,currentColor) !important; outline-offset:2px !important; border-radius:3px !important; }
 .agentic-chat-policy a { color:inherit !important; text-decoration:underline !important; text-underline-offset:3px !important; }
 .agentic-chat-policy a:focus-visible { outline:2px solid currentColor !important; outline-offset:3px !important; border-radius:2px !important; }
 .agentic-chat-policy sup { font-size:.65em !important; line-height:0 !important; vertical-align:super !important; }
 :is(#dashboard-attention-preview-popover,#dashboard-value-explanation-popover) { width:min(860px,calc(100vw - 24px)) !important; max-width:calc(100vw - 24px) !important; max-height:min(420px,calc(100dvh - 32px)) !important; padding:10px 12px !important; overflow:auto !important; }
 :is(#dashboard-attention-preview-popover,#dashboard-value-explanation-popover) :is(.dashboard-attention-preview__head,.dashboard-value-explanation__head) { display:flex !important; align-items:center !important; gap:12px !important; margin:0 0 8px !important; min-height:32px !important; }
 :is(#dashboard-attention-preview-popover,#dashboard-value-explanation-popover) :is(button,.toolbar-button) { min-width:28px !important; min-height:28px !important; height:auto !important; padding:4px 8px !important; font-size:13px !important; line-height:1.35 !important; }
 :is(#dashboard-attention-preview-popover,#dashboard-value-explanation-popover) .dashboard-hover-close { flex:0 0 30px !important; width:30px !important; height:30px !important; margin-left:auto !important; padding:3px !important; }
 :is(#dashboard-attention-preview-popover,#dashboard-value-explanation-popover) :is(th,td) { padding:6px 8px !important; font-size:13px !important; line-height:1.4 !important; vertical-align:top !important; }
 :is(#dashboard-attention-preview-popover,#dashboard-value-explanation-popover) table { width:100% !important; min-width:0 !important; }
 .world-map-maplibre__popup,.world-map-maplibre__popup .maplibregl-popup-content { box-sizing:border-box !important; width:min(560px,calc(100vw - 32px),var(--ac-map-popup-width,560px)) !important; max-width:min(560px,calc(100vw - 32px),var(--ac-map-popup-width,560px)) !important; }
 .world-map-maplibre__popup .maplibregl-popup-content { max-height:min(300px,calc(100dvh - 64px),var(--ac-map-popup-height,300px)) !important; overflow:auto !important; }
 .world-map-maplibre__popup .world-map-leaflet__info-window { padding:6px !important; gap:3px !important; }
 .world-map-maplibre__popup .world-map-maplibre__local-clock-copy { display:flex !important; align-items:baseline !important; flex-wrap:wrap !important; gap:2px 8px !important; }
 .world-map-maplibre__popup .world-map-maplibre__local-clock-copy > small { flex-basis:100%; }
 .world-map-maplibre__popup .world-map-leaflet__info-window-grid,.world-map-maplibre__popup .world-map-leaflet__info-window-grid > .gui-metric-rail { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:3px !important; padding:0 !important; margin:0 !important; overflow:visible !important; }
 .world-map-maplibre__popup .world-map-leaflet__info-window-grid > .gui-metric-rail { grid-column:1/-1 !important; }
 .world-map-maplibre__popup .world-map-leaflet__info-window-grid :is(.world-map-maplibre__metric-card,.gui-metric-card) { box-sizing:border-box !important; display:grid !important; grid-template-columns:16px minmax(0,1fr) !important; align-items:center !important; padding:3px 5px !important; margin:0 !important; min-width:0 !important; width:auto !important; min-height:36px !important; height:auto !important; border-radius:7px !important; gap:1px 4px !important; box-shadow:none !important; }
 .world-map-maplibre__popup .world-map-leaflet__info-window-icon { width:16px !important; height:16px !important; padding:1px !important; }
 .world-map-maplibre__popup .world-map-leaflet__info-window-icon svg { width:14px !important; height:14px !important; }
 .world-map-maplibre__popup .gui-metric-card .gui-metric-card__copy { display:grid !important; min-width:0 !important; gap:1px !important; }
 .world-map-maplibre__popup .gui-metric-card .gui-metric-card__label { font-size:11px !important; line-height:1.2 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
 .world-map-maplibre__popup .gui-metric-card .gui-metric-card__value { font-size:14px !important; line-height:1.2 !important; }
 .world-map-maplibre__popup .world-map-leaflet__info-window-metric small { font-size:11px !important; line-height:1.2 !important; }
 .world-map-maplibre__popup .world-map-leaflet__info-window-metric strong { font-size:14px !important; line-height:1.2 !important; }
 .world-map-maplibre__popup .world-map-maplibre__metric-chevron { display:none !important; }
 .world-map-maplibre__popup :is(.maplibregl-popup-close-button,[data-world-map-metric-close]) { width:28px !important; min-height:28px !important; height:28px !important; padding:3px !important; font-size:20px !important; }
 .world-map-maplibre__popup [data-world-map-open-dc] { min-height:28px !important; padding:4px 8px !important; font-size:12px !important; }
 .world-map-maplibre__popup .world-map-maplibre__metric-panel > header { padding:6px 8px !important; gap:6px !important; }
 .world-map-maplibre__popup .world-map-maplibre__metric-panel > header :is(strong,small) { font-size:12px !important; line-height:1.3 !important; }
 .world-map-maplibre__popup .world-map-maplibre__metric-table-wrap { padding:0 5px 5px !important; max-height:180px; overflow:auto; }
 .world-map-maplibre__popup .world-map-maplibre__metric-table { width:100% !important; min-width:0 !important; table-layout:fixed !important; }
 .world-map-maplibre__popup .world-map-maplibre__metric-table :is(td,th) { padding:3px 5px !important; font-size:12px !important; line-height:1.35 !important; height:auto !important; min-height:0 !important; white-space:normal !important; overflow-wrap:anywhere; }
 @media(max-width:760px) {
  .world-map-maplibre__popup .world-map-leaflet__info-window-grid,.world-map-maplibre__popup .world-map-leaflet__info-window-grid > .gui-metric-rail { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
 }
}

/* Operational-attention snapshots: compact desktop width with wrapping values. */
@layer compact_popovers {
 #dashboard-attention-preview-popover { width:min(640px,calc(100vw - 24px)) !important; font-size:13px !important; line-height:1.4 !important; }
 #dashboard-attention-preview-popover .dashboard-attention-preview__head { font-size:14px !important; gap:8px !important; }
 #dashboard-attention-preview-popover .dashboard-attention-preview__head :is(strong,span) { font-size:14px !important; }
 #dashboard-attention-preview-popover table { table-layout:fixed !important; }
 #dashboard-attention-preview-popover :is(th,td) { font-size:13px !important; padding:5px 8px !important; overflow-wrap:anywhere !important; white-space:normal !important; }
 #dashboard-attention-preview-popover :is(th,td) :is(span,strong,small,a) { font-size:inherit !important; }
 #dashboard-attention-preview-popover tr > :first-child { width:30%; }
 #dashboard-attention-preview-popover :is(.dashboard-attention-preview__note,.dashboard-attention-preview__actions) { font-size:12px !important; line-height:1.4 !important; }
 #dashboard-attention-preview-popover .dashboard-attention-preview__note { margin:8px 0 !important; }
 #dashboard-attention-preview-popover .dashboard-attention-preview__actions a { font-size:13px !important; }
}

/* This compact preview also opts out of the general mobile table enlargement. */
@layer mobile_readability {
 body:has(#appShell) .agentic-chat-policy { font-size:12px !important; line-height:1.4 !important; }
 #dashboard-attention-preview-popover { box-sizing:border-box !important; width:min(480px,calc(100vw - 24px)) !important; padding:8px 10px !important; font-size:12px !important; max-height:calc(100dvh - 24px) !important; }
 #dashboard-attention-preview-popover .dashboard-attention-preview__head { min-height:26px !important; margin-bottom:6px !important; }
 #dashboard-attention-preview-popover .dashboard-attention-preview__head :is(strong,span) { font-size:14px !important; line-height:1.3 !important; }
 #dashboard-attention-preview-popover :is(table,thead,tbody,tr) { min-height:0 !important; height:auto !important; }
 #dashboard-attention-preview-popover :is(th,td) { padding:4px 6px !important; font-size:12px !important; line-height:1.35 !important; height:auto !important; min-height:0 !important; }
 #dashboard-attention-preview-popover :is(th,td):has(input[type="checkbox"]):not(:has(span,a,strong)) { padding:4px 6px !important; }
 #dashboard-attention-preview-popover input[type="checkbox"] { width:13px !important; height:13px !important; min-height:0 !important; margin:0 !important; }
 #dashboard-attention-preview-popover :is(.dashboard-attention-preview__note,.dashboard-attention-preview__actions a) { font-size:11px !important; line-height:1.4 !important; margin-block:6px !important; }
 #dashboard-attention-preview-popover :is(button,.toolbar-button) { width:28px !important; height:28px !important; min-height:28px !important; min-width:28px !important; padding:4px !important; font-size:12px !important; }
 #dashboard-attention-preview-popover .dashboard-hover-close { flex-basis:28px !important; }
 #dashboard-attention-preview-popover svg { width:14px !important; height:14px !important; }
}
/* Customer 360 uses one compact, keyboard-accessible tab rail. */
@layer compact_popovers {
 .table-connection-actions { display:flex !important; flex-wrap:nowrap !important; gap:5px !important; align-items:center !important; }
 .table-connection-actions .device-inline-action { display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; min-width:30px !important; height:30px !important; min-height:30px !important; padding:5px !important; border:1px solid var(--ac-line) !important; border-radius:7px !important; background:var(--ac-raised) !important; color:var(--ac-text) !important; box-shadow:none !important; }
 .table-connection-actions .device-inline-action:not(:disabled):hover { border-color:var(--ac-focus,#80cdbd) !important; background:var(--ac-card) !important; }
 .table-connection-actions .device-inline-action:focus-visible { outline:2px solid var(--ac-focus,#80cdbd) !important; outline-offset:2px; }
 .table-connection-actions .device-inline-action:disabled { opacity:.4 !important; cursor:not-allowed !important; }
 .table-connection-actions svg { width:16px !important; height:16px !important; }
 #detailDrawer .detail-drawer__head { flex-wrap:wrap !important; gap:8px !important; }
 #detailDrawer .detail-drawer__head > div:first-child { flex:1 1 180px !important; min-width:0 !important; }
 #detailDrawer .detail-drawer__header-connections { flex:0 0 auto !important; margin-left:auto !important; }
 #detailDrawer:is([data-detail-mode="record"],[data-detail-mode="vm-record"]) :is(#detailDrawerCopy,#detailDrawerClose) { position:static !important; flex:0 0 30px !important; width:30px !important; min-width:30px !important; height:30px !important; min-height:30px !important; padding:5px !important; margin:0 !important; }
 #detailDrawer:not([data-detail-mode="record"]):not([data-detail-mode="vm-record"]) .detail-drawer__header-connections { display:none !important; }
 #detailDrawer[data-detail-mode="record"] .detail-drawer__panel { box-sizing:border-box !important; width:min(840px,calc(100vw - 16px)) !important; max-width:calc(100vw - 16px) !important; }
 #detailDrawer[data-detail-mode="record"] .detail-drawer__head { padding:10px 12px !important; }
 #detailDrawer[data-detail-mode="record"] .detail-drawer__head h3 { font-size:16px !important; margin:0 !important; }
 @media (max-width:1024px) {
  .table-connection-actions .device-inline-action { width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important; }
  #detailDrawer:is([data-detail-mode="record"],[data-detail-mode="vm-record"]) :is(#detailDrawerCopy,#detailDrawerClose) { flex-basis:44px !important; width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important; }
 }
 .customer360-tabs { min-width:0 !important; width:100% !important; }
 .customer360-tabs__nav { position:relative; display:flex !important; align-items:center !important; gap:6px !important; padding:6px !important; margin:0 0 10px !important; overflow-x:auto !important; background:var(--ac-card) !important; border:1px solid var(--ac-line) !important; border-radius:10px !important; scrollbar-width:thin; }
 .customer360-tabs__nav [role="tab"] { display:inline-flex !important; flex:0 0 auto !important; align-items:center !important; gap:7px !important; min-height:34px !important; padding:6px 10px !important; border:1px solid transparent !important; border-radius:7px !important; background:transparent !important; color:var(--ac-secondary) !important; font-size:13px !important; line-height:1.4 !important; white-space:nowrap !important; box-shadow:none !important; }
 .customer360-tabs__nav [role="tab"][aria-selected="true"] { color:var(--ac-text) !important; background:var(--ac-raised) !important; border-color:var(--ac-focus,#80cdbd) !important; }
 .customer360-tabs__nav svg { width:16px !important; height:16px !important; }
 .customer360-tabs__count { padding:1px 6px !important; border-radius:20px !important; background:var(--ac-page) !important; font-size:11px !important; }
 .customer360-tabs__panel { min-width:0 !important; }
 .customer360-tabs__panel[hidden], .customer360-ping-table tr[hidden] { display:none !important; }
 .customer360-tabs__panel:focus-visible, .customer360-tabs__nav button:focus-visible { outline:2px solid var(--ac-focus,#80cdbd) !important; outline-offset:2px; }
 .customer360-tabs__panel .customer360-dataset-shell { margin:0 !important; padding:10px !important; }
 .customer360-tabs__panel .customer360-dataset-shell > .table-head { margin-bottom:8px !important; }
 .customer360-ping-panel { padding:12px !important; margin:0 !important; }
 .customer360-ping-panel .table-head { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin:0 0 10px !important; }
 .customer360-ping-panel :is(h3,p) { margin:0 0 4px !important; }
 .customer360-ping-panel h3 { font-size:16px !important; }
 .customer360-ping-panel .muted-copy { font-size:13px !important; }
 .customer360-ping-toolbar { display:flex !important; flex-wrap:wrap !important; gap:6px !important; align-items:center !important; margin:0 0 8px !important; }
 .customer360-ping-toolbar > :is(input,.search-field) { flex:1 1 180px !important; min-width:0 !important; }
 .customer360-ping-toolbar input { width:100% !important; box-sizing:border-box !important; }
 .customer360-ping-panel :is(input[type="search"],button) { min-height:32px !important; padding:5px 9px !important; font-size:13px !important; }
 .customer360-ping-toolbar :is(#customer360PingFill,#customer360PingClear) { display:inline-flex !important; align-items:center !important; gap:0 !important; min-width:34px !important; }
 .customer360-ping-panel button svg { width:16px !important; height:16px !important; }
 .customer360-ping-toolbar .customer360-select-all { color:#21864b !important; }
 .customer360-ping-toolbar .customer360-clear { color:#de5057 !important; }
 #customer360PingCount { font-size:13px !important; white-space:nowrap; color:var(--ac-secondary); }
 .customer360-ping-targets { max-height:280px !important; overflow:auto !important; border:1px solid var(--ac-line); border-radius:8px; }
 .customer360-ping-table { width:100% !important; min-width:0 !important; border-collapse:collapse !important; }
 .customer360-ping-table th { position:sticky; top:0; z-index:1; background:var(--ac-raised) !important; }
 .customer360-ping-table :is(th,td) { padding:7px 10px !important; font-size:13px !important; line-height:1.4 !important; height:auto !important; color:var(--ac-text) !important; border-bottom:1px solid var(--ac-line); text-align:left; overflow-wrap:anywhere; }
 .customer360-ping-table tr > :first-child { width:32px !important; }
 .customer360-ping-table input[type="checkbox"] { appearance:auto !important; opacity:1 !important; position:static !important; width:18px !important; height:18px !important; min-height:18px !important; margin:0 !important; accent-color:var(--ac-focus,#80cdbd); }
 #customer360PingLimit { margin:7px 0 0 !important; }
 #modeSwitch .tenant-context-selector__copy :is([data-active-tenant],strong) { font-size:12px !important; font-weight:500 !important; }
 #detailDrawer[data-detail-mode="vm-record"] .detail-drawer__panel { box-sizing:border-box !important; width:min(840px,calc(100vw - 16px)) !important; max-width:calc(100vw - 16px) !important; }
 #detailDrawer[data-detail-mode="vm-record"] .detail-drawer__head { padding:10px 12px !important; gap:8px !important; }
 #detailDrawer[data-detail-mode="vm-record"] .detail-drawer__head :is(h2,h3) { font-size:16px !important; margin:0 !important; }
 #detailDrawer[data-detail-mode="vm-record"] .detail-drawer__content { padding:12px !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-device-report { gap:10px !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-device-report :is(h3,h4) { font-size:16px !important; line-height:1.35 !important; margin:0 !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-device-report :is(p,dt,small,.eyebrow) { font-size:13px !important; line-height:1.4 !important; margin:0 !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-device-report__summary { padding:6px !important; gap:8px !important; margin:0 !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-device-report .vm-device-report__summary :is(dt,small) { font-size:12px !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-device-report__summary dd { font-size:18px !important; line-height:1.35 !important; margin:2px 0 !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-device-report__analysis { gap:10px !important; }
 #detailDrawer[data-detail-mode="vm-record"] :is(button,.toolbar-button) { min-height:30px !important; padding:5px 8px !important; font-size:13px !important; }
 #detailDrawer[data-detail-mode="vm-record"] .vm-record-table :is(td,th) { font-size:13px !important; padding:4px 8px !important; line-height:1.4 !important; }
 @media(max-width:600px) {
  .customer360-ping-panel .table-head { flex-wrap:wrap !important; }
 }
}