/* Product role map for the suite's semantic type scale. This is the one late
   adapter, not a second palette or a fork of the shared chrome. Fixed-coordinate
   topology-node, SVG/chart, and map-marker labels deliberately keep their own
   drawing scale; ordinary toolbars, inspectors and legends do not. */
.smdl .smdl-canvas,
.smdl .ud {
  font-size:var(--smdl-text-body); line-height:var(--smdl-leading-body);
  font-weight:var(--smdl-weight-regular);
}
.smdl .smdl-canvas :is(h1,h2,h3,h4) {
  font-weight:var(--smdl-weight-semibold); letter-spacing:normal;
  text-transform:none; line-height:var(--smdl-leading-heading);
}
/* Page identity and record identity. Section titles below never compete with
   these, and a compact preference changes roles rather than browser zoom. */
.smdl :is(.datacenter-record-title,.ud-flyout header h2) {
  font-size:var(--smdl-text-heading); line-height:var(--smdl-leading-heading);
}
.smdl :is(.op-workspace-head h2,.traffic-toolbar h2,.int-page-head h2,
  .site-form-intro h2,.ud-greeting h2,.op-response-card h2,.op-section-head h2,.op-alert-workspace h2,
  .traffic-map-head h3,.traffic-panel-head h2,.traffic-panel-head h3,.traffic-map-empty h3,.traffic-setup h2,
  .site-panel-head h2,.site-estate-head h2,.site-directory-empty h2,
  .site-view-intro h2,.site-topology-heading h2,.site-link-head h2,.site-danger-zone h2,
  .site-form-section-copy h3,.site-topology-empty h3,
  .int-edit-head h2,.int-edit-title h2,.int-setup-head h2,.int-dialog-head h2,.int-preview-state h3,
  .int-evidence-head h2,.int-evidence-next h3,.int-agent-disclosure h3,.int-install-card h3,
  .ud-section-head h2,.ud-alerts header h2,.ud-flyout-section-title,.topology-inspector h3,
  .topology-workspace dialog.topology-inspector h3) {
  font-size:var(--smdl-text-section); line-height:var(--smdl-leading-heading);
}
.smdl :is(.op-pulse strong,.traffic-stat strong,.site-stat strong,.site-metric-strip strong,.stat .n,.guide-count,
  .ud-pulse dt) {
  font-size:var(--smdl-text-metric); line-height:var(--smdl-leading-heading);
  font-weight:var(--smdl-weight-semibold); letter-spacing:normal;
  font-variant-numeric:tabular-nums;
}
/* Reading text and primary record names. Emphasis is assigned separately so
   paragraphs never become bold merely because a label shares their size. */
.smdl :is(.op-response-copy strong,.op-alert-table strong,.op-clear,.op-empty,
  .op-guide summary b,.op-links-drawer summary b,.op-guide-body li b,
  .int-connection-name b,.int-provider-copy b,.int-connection-facts dd,
  .int-empty-row b,.int-review b,.int-site-name b,.int-sites-head b,
  .int-dialog-body,.traffic-rank-name b,.traffic-ranking li > strong,
  .traffic-panel-empty,.site-directory-primary strong,.site-estate-list-head > div strong,
  .dev-neighbour-name,.traffic-setup p,.traffic-map-empty p,
  .traffic-map-inspector > strong,.traffic-map-inspector dl div,
  .topology-inspector dl div,.topology-workspace dialog.topology-inspector dl div,
  .topology-canvas-bar strong,
  .int-evidence-status,.int-evidence-next p,.int-evidence-details summary,
  .int-evidence-details .int-connection-facts dd,.int-capabilities tbody th,.int-capabilities td,
  .int-dialog summary,.int-stream-choices legend,.int-draft-guard,
  .int-form-step legend,.int-howto-body ol,.int-howto-body p,.int-info-body,.int-info-body p,.int-preview-state p,
  .site-directory-empty p,.site-form-section-copy p,.site-map-fallback span,
  .site-directory-ops strong,.site-location-caption strong,.site-at-a-glance dd,
  .site-attention-link strong,.site-all-clear strong,.site-inline-empty strong,
  .site-nextstep-copy strong,.site-link-path a,.site-topology-empty strong,
  .site-view-intro > div > p,.site-danger-zone p,.int-fixed-account b,
  .ud-pulse > div strong,.ud-next-event strong,.ud-calendar-empty strong,.ud-work-row strong,
  .ud-agenda-row strong,.ud-notification strong,.ud-alert div strong,
  .ud-focus-summary strong,.ud-flyout header p,.ud-facts dd,.ud-rail-empty strong,.ud-status-card strong,
  .mon-steps .s-b,.guide-steps .g-body a,.reader) {
  font-size:var(--smdl-text-body); line-height:var(--smdl-leading-body);
}
.smdl :is(.op-eyebrow,.op-exception-count small,.op-pulse span,.op-pulse strong small,
  .op-response-copy small,.op-response-meta,.op-alert-table small,.op-alert-table time,
  .op-alert-table > a > b,.op-guide summary small,.op-links-drawer summary small,
  .op-guide-body li small,.op-guide-body li > span,.op-section-head > div > p,
  .op-section-head > span,.op-alert-workspace > header p,.op-view-tabs a span,
  .traffic-eyebrow,.traffic-window,.traffic-precision,.traffic-stat > span,.traffic-stat small,.traffic-stat strong i,
  .traffic-map-head p,.traffic-panel-head p,.traffic-map-meta,.traffic-map-meta > span,
  .traffic-map-foot p,.traffic-legend,.traffic-map-legend,.traffic-map-legend > strong,
  .traffic-inspector-kicker,.traffic-map-inspector span,
  .traffic-panel-head > span,.traffic-rank-name small,.traffic-setup small,
  .site-eyebrow,.site-directory-primary small,.site-directory-ops,.site-directory-devices,
  .site-health-key,.site-estate-head > p,.site-detail-identity > p,.site-detail-identity > p small,
  .site-metric-strip strong small,.site-context-note,.site-operator-note,
  .site-link-head p,.site-link-summary > span,.site-link-result-count,.site-source-pill,
  .int-health-strip,.int-connection-name small,.int-connection-facts dt,
  .int-delete-devices,.int-row-tags,.int-connection-error,.int-note,.int-empty-row small,
  .int-provider-copy small,.int-fixed-account small,.int-page-head p,.int-lead,
  .int-setup-head p,.int-review span,.int-security,.int-storage-warning,
  .int-readiness b,.int-readiness span,.int-site-name small,.int-sites-head .help,
  .int-newsite-note,.int-sites-empty,.int-dialog .help,.int-stream-summary dt,
  .int-stream-summary b,.int-stream-summary small,.int-agent-disclosure > summary .sub,
  .mon-controls .lbl,.mon-head .sub,.dev-neighbour-meta,.dev-scroll-hint,
  .topology-canvas-bar span,.topology-key,.topology-key small,
  .topology-inspector-heading span[data-topology-inspector-kind],
  .int-evidence-head .int-connection-name small,.int-evidence-details summary > span,
  .int-evidence-next small,.int-evidence-details .int-connection-facts dt,
  .int-capabilities thead,.int-capabilities small,.int-capability-mobile-source,
  .int-stepper li,.int-stepper li b,.int-dialog-head small,.int-review span,
  .int-fixed-account > span,.int-site-where-label,.int-newsite-grid .field > .label,
  .int-scope-note,.int-edit-title p,.int-maturity,.int-howto-links a,
  .int-howto-warn,.int-sites-help,.int-newsite-head,
  .site-directory-empty small,.site-location-status,.site-suggestion small,
  .site-section-count,.site-view-count,.site-directory-columns,.site-directory-ops small,
  .site-suggestions-empty,.site-suggestions-provider,.site-section-nav a > span,
  .site-metric-strip span,.site-location-caption small,.site-location-caption em,
  .site-at-a-glance dt,.site-attention-link small,.site-all-clear small,
  .site-topology-heading p,.site-topology-empty span,.site-inline-empty span,
  .site-link-path small,.site-link-meter + small,.site-stat > span,.site-stat small,
  .site-nextstep-copy span,.site-panel-head > a,
  .ud-greeting p,.ud-timezone,.ud-legend,.ud-next-event small,.ud-pulse small,
  .ud-next-event div span,.ud-focus-summary small,.ud-calendar-empty small,
  .ud-alerts header small,.ud-alerts header p,.ud-alert div small,.ud-alert div p,
  .ud-section-head p,.ud-app-tag,.ud-work-row p,.ud-work-state,
  .ud-agenda-row time,.ud-notification time,.ud-agenda-row small,.ud-notification small,
  .ud-rail-empty span,.ud-pulse dd,.ud-guide-chip span,.ud-guide-chip b,
  .ud-flyout header small,.ud-status-card small,.ud-facts dt,.ud-action-error,
  .op-response-card header > a,.ud-section-head > a,.ud-section-head .ud-text-button,
  .mon-facet h3,.mon-facet a,.mon-note,.mon-meterline,.guide-count small,
  .guide-steps .g-body small,.mon-code,.mon-token,.mon-steps .s-n,
  .mgmt-h,.mgmt-name .card-sub,.mgmt-select,table.list td.mon-msg,
  table.list td.mon-msg .pat) {
  font-size:var(--smdl-text-meta); line-height:var(--smdl-leading-body);
}
/* Labels and links are medium, not miniature all-caps headings. User-entered
   content retains its case; these selectors only remove CSS transforms. */
.smdl :is(.op-eyebrow,.op-pulse span,.traffic-eyebrow,.traffic-inspector-kicker,.site-eyebrow,
  .site-directory-columns,.site-location-caption small,.site-stat > span,
  .int-fixed-account > span,.int-site-where-label,.int-maturity,
  .int-connection-facts dt,.int-review span,.int-newsite-head,.mon-facet h3,.mgmt-h,
  .ud-next-event small,.ud-pulse small,.ud-calendar-empty small,.ud-alerts header small,
  .ud-alert div small,.ud-app-tag,.ud-guide-chip span,.ud-guide-chip b,
  .ud-flyout header small,.ud-status-card small,.ud-facts dd,
  .topology-inspector-heading span[data-topology-inspector-kind]) {
  font-weight:var(--smdl-weight-medium); letter-spacing:normal; text-transform:none;
}
.smdl :is(.op-view-tabs a,.op-response-card header > a,.op-card-footer,
  .op-alert-table > a > b,.op-response-meta b,.traffic-stat > span,.traffic-stat strong i,
  .traffic-map-foot strong,.traffic-ranking li > strong,.traffic-map-inspector dd,
  .topology-inspector dd,.int-modes a,.int-provider-action,.int-capabilities tbody th,
  .int-howto-toggle,.int-info-toggle,.int-howto-links a,.site-directory-primary strong,
  .site-panel-head > a,.site-at-a-glance dd,.site-link-path a,.ud-tabs button,
  .ud-text-button,.ud-facts dd,.int-stream-summary b) {
  font-weight:var(--smdl-weight-medium);
}
.smdl :is(.op-response-copy strong,.op-alert-table strong,.op-guide summary b,
  .op-links-drawer summary b,.op-guide-body li b,.int-provider-copy b,.int-connection-name b,
  .int-connection-facts dd,.int-site-name b,.int-sites-head b,.int-review b,
  .int-readiness b,.traffic-rank-name b,.traffic-map-inspector > strong,
  .ud-work-row strong,.ud-agenda-row strong,.ud-notification strong,.ud-alert div strong,
  .ud-next-event strong,.ud-calendar-empty strong,.ud-pulse > div strong,.int-fixed-account b) {
  font-weight:var(--smdl-weight-semibold);
}
.smdl :is(.traffic-map-recenter,.site-map-reset,.site-section-nav a,.site-suggestion,
  .site-link-filters > button,.smdl-seg > a,.smdl-seg > button,
  .topology-search input,.topology-command-group button,.topology-command-actions button,
  .topology-canvas-actions button,.topology-command-group button b,
  .int-modes a,.int-agent-disclosure > summary,.ud-tabs button,.ud-text-button) {
  font-size:var(--smdl-text-control); line-height:var(--smdl-leading-body);
  font-weight:var(--smdl-weight-medium);
}
.smdl .smdl-seg > :is(a,button):is(.is-active,[aria-selected="true"],[aria-pressed="true"],[aria-current="page"]) {
  font-weight:var(--smdl-weight-semibold);
}

/* Operations uses flexible content sizing; readable copy is not squeezed into
   the former 32px filter or fixed-width 132px action boxes. */
.smdl .op-workspace-head { flex-wrap:wrap; gap:20px; margin-bottom:16px; }
.smdl .op-workspace-actions { align-items:stretch; gap:12px; }
.smdl .op-workspace-actions > .btn {
  width:auto; min-width:0; max-width:100%; height:auto;
  min-height:var(--smdl-control-height); padding:var(--smdl-control-pad) 14px;
  font-size:var(--smdl-text-control); line-height:1.4; white-space:normal;
}
.smdl .op-workspace-actions > .op-exception-count {
  height:auto; min-height:var(--smdl-control-height); padding:8px 12px;
}
.smdl .op-exception-count strong { font-size:var(--smdl-text-body); line-height:1.35; }
.smdl .op-viewbar { min-height:var(--smdl-control-height); flex-wrap:wrap; gap:12px 24px; margin-bottom:20px; }
.smdl .op-view-tabs a {
  min-height:var(--smdl-control-height); padding-block:8px;
  font-size:var(--smdl-text-control); line-height:1.4;
}
.smdl .op-view-tabs a span { height:auto; min-height:24px; }
.smdl .op-site-select { height:auto; min-height:var(--smdl-control-height); align-items:stretch; max-width:100%; }
.smdl .op-site-select > .smdl-select { flex:1 1 190px; min-width:0; }
.smdl .op-site-select > .smdl-select > .smdl-select-trigger,
.smdl .op-site-select select:not(.smdl-select-native) {
  height:auto; min-height:var(--smdl-control-height); min-width:0;
  padding:var(--smdl-control-pad) 12px; font-size:var(--smdl-text-control); line-height:1.4;
}
.smdl .op-site-select select:not(.smdl-select-native) { padding-right:32px; }
.smdl .op-site-select button[type="submit"] {
  height:auto; min-height:var(--smdl-control-height); padding:var(--smdl-control-pad) 14px;
  font-size:var(--smdl-text-control); line-height:1.4;
}
.smdl .op-pulse { grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr)); margin-bottom:24px; }
.smdl .op-pulse a { min-height:92px; padding:16px; }
.smdl .op-response-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); gap:24px; margin-bottom:24px; }
.smdl :is(.op-response-card > header,.op-section-head,.op-alert-workspace > header) { padding:18px; gap:16px; flex-wrap:wrap; }
.smdl :is(.op-card-footer,.op-view-tabs a,.int-modes a,.int-provider-action) {
  font-size:var(--smdl-text-control); line-height:1.4;
}
.smdl .op-response-list > a { grid-template-columns:36px minmax(0,1fr) auto 16px; padding:var(--smdl-row-padding) 16px; gap:12px; }
.smdl :is(.op-response-copy strong,.op-response-copy small,.op-alert-table strong,.op-alert-table small) {
  white-space:normal; overflow-wrap:anywhere;
}
.smdl :is(.op-device-icon,.op-alert-severity) { width:32px; height:32px; font-size:var(--smdl-text-meta); }
.smdl .op-card-footer { min-height:var(--smdl-control-height); padding:12px 18px; }
.smdl :is(.op-guide summary,.op-links-drawer summary) { min-height:var(--smdl-control-height); padding:14px 18px; gap:12px; }
.smdl :is(.op-guide summary > span,.op-links-drawer summary > span) { flex-wrap:wrap; }
.smdl .op-guide-body ol { grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:16px; }
.smdl .op-guide-body li > span { width:24px; height:24px; }
.smdl .op-alert-table > a { padding:var(--smdl-row-padding) 16px; }

/* Domain tables inherit the same reading scale; their neutral row surfaces,
   health edges, and horizontal overflow behavior remain unchanged. */
.smdl .dev-inventory .list td { font-size:var(--smdl-text-body); line-height:1.5; padding-block:var(--smdl-row-padding); }
.smdl .dev-inventory .list :is(th,.card-sub,.ref) { font-size:var(--smdl-text-meta); line-height:1.5; }
.smdl .int-collector-card tbody td { font-size:var(--smdl-text-body); line-height:1.5; }
.smdl .int-collector-card :is(.card-sub,.mon-note) { font-size:var(--smdl-text-meta); line-height:1.5; }
.smdl .int-collector-card tbody td:nth-child(5) { font-size:var(--smdl-text-meta); }
.smdl .int-health-strip { flex-wrap:wrap; padding-block:12px; }
.smdl .int-row-actions { flex-wrap:wrap; gap:8px; }
.smdl :is(.int-connection-name b,.int-connection-name small,.int-review b,.traffic-stat > span,.traffic-stat small) {
  white-space:normal; overflow-wrap:anywhere;
}
.smdl .int-connection-facts dt { letter-spacing:normal; text-transform:none; }
.smdl .int-dialog .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.smdl .int-dialog .field select:not(.smdl-select-native),
.smdl .dev-filters > input[type="search"],
.smdl .dev-series-picker select:not(.smdl-select-native),
.smdl .site-estate-search input {
  box-sizing:border-box; min-height:var(--smdl-control-height); height:auto;
  padding-block:var(--smdl-control-pad); font-size:var(--smdl-text-control); line-height:1.4;
}
.smdl .site-estate-list .site-health-key { font-size:var(--smdl-text-meta); line-height:1.5; flex-wrap:wrap; }
.smdl .site-estate-list .site-directory-row { padding-block:var(--smdl-row-padding); }
.smdl .traffic-toolbar-actions { flex-wrap:wrap; }
.smdl .traffic-live-control { min-height:var(--smdl-control-height); padding:var(--smdl-control-pad) 12px; font-size:var(--smdl-text-control); line-height:1.4; }
.smdl .traffic-ranking li { padding-block:12px; }
/* Ordinary controls may grow with text. Canvas transforms, node coordinates,
   plot dimensions and marker labels stay entirely in their domain styles. */
.smdl :is(.topology-commandbar,.topology-canvas-bar,.topology-canvas-actions,.ud-section-head,
  .ud-alerts header,.traffic-panel-head) { flex-wrap:wrap; }
.smdl :is(.topology-search,.topology-command-group,.topology-command-actions) {
  height:auto; min-height:var(--smdl-control-height); max-width:100%;
}
.smdl .topology-search { width:220px; }
.smdl .topology-search input { min-height:var(--smdl-control-height); }
.smdl .topology-command-group button b { font-size:var(--smdl-text-meta); }
.smdl :is(.site-link-filters input,.site-link-filters select:not(.smdl-select-native)) {
  font-size:var(--smdl-text-control); line-height:var(--smdl-leading-body);
  height:auto; min-height:var(--smdl-control-height); padding-block:8px;
}
.smdl .topology-command-group { flex-wrap:wrap; }
.smdl :is(.topology-command-group button,.topology-canvas-actions button,.traffic-map-recenter,.site-map-reset) {
  height:auto; min-height:var(--smdl-control-height); padding-block:8px; white-space:normal;
}
.smdl .topology-inspector { width:min(320px,calc(100% - 32px)); max-height:calc(100% - 80px); overflow:auto; }
.smdl .topology-inspector h3 { white-space:normal; overflow-wrap:anywhere; }
.smdl .traffic-map-inspector { width:min(320px,calc(100% - 36px)); max-height:calc(100% - 36px); overflow:auto; }
.smdl :is(.traffic-ranking li,.traffic-map-foot) { flex-wrap:wrap; }
.smdl :is(.traffic-rank-name b,.traffic-rank-name small,.ud-work-row strong,.ud-work-row p,
  .ud-agenda-row strong,.ud-agenda-row small,.ud-notification strong,.ud-notification small,
  .ud-next-event strong,.ud-pulse dt,.ud-app-tag) { white-space:normal; overflow-wrap:anywhere; }
.smdl .ud-work-row { align-items:start; }
.smdl .ud-app-tag { max-width:none; }
.smdl .int-agent-disclosure h3 { margin:20px 0 0; }
.smdl :is(.site-panel-head,.site-section-head,.site-detail-identity,.site-link-head) { flex-wrap:wrap; }
.smdl :is(.site-stat > span,.site-stat small,.site-location-caption strong,
  .site-link-path a,.site-suggestion > span) { white-space:normal; overflow-wrap:anywhere; }
@media (max-width:560px) {
  .smdl .op-response-list > a { grid-template-columns:32px minmax(0,1fr) 16px; }
  .smdl .op-workspace-actions { justify-content:flex-start; }
  .smdl .op-pulse { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .smdl .op-site-select > .smdl-select > .smdl-select-trigger,
  .smdl .op-site-select select:not(.smdl-select-native),
  .smdl .int-dialog .field input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
  .smdl .int-dialog .field select:not(.smdl-select-native),
  .smdl .dev-filters > input[type="search"],
  .smdl .dev-series-picker select:not(.smdl-select-native),
  .smdl .site-estate-search input { font-size:16px; }
}

/* Resolve layout from the canvas width; the navigation rail is not space
   available to a data panel. Keep short actions beside their own labels. */
.smdl .op-workspace-head>div:first-child{flex:1 1 240px;min-width:0}
.smdl .op-workspace-head h2{overflow-wrap:anywhere}
.smdl .op-workspace-actions{flex:0 1 auto;margin-inline-start:auto;justify-content:flex-end}
.smdl .op-viewbar{align-items:center;flex-direction:row}
.smdl .op-site-select{width:auto;margin-inline-start:auto;flex:0 1 280px}
.smdl .op-view-tabs{width:auto;flex:0 1 auto;gap:20px}
.smdl .op-pulse{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:16px}
.smdl .op-pulse a{min-height:76px;padding:12px}
.smdl .op-response-grid{gap:16px;margin-bottom:16px}
.smdl .op-response-card>header>div{min-width:0}
.smdl .op-response-meta{overflow-wrap:anywhere}
.smdl .int-evidence-next{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:16px 0}
.smdl .int-evidence-next>div{flex:1 1 360px;min-width:0}
.smdl .int-evidence-next h3{font-size:16px;line-height:1.4;letter-spacing:normal}
.smdl .int-evidence-next p{margin:4px 0 0;line-height:1.5;max-width:76ch}
.smdl .int-evidence-next>.btn{flex:0 0 auto;margin-inline-start:auto;min-height:var(--smdl-control-height)}
.smdl .int-evidence-connections{gap:16px}
.smdl .int-evidence-head{padding:16px;gap:16px}
.smdl .int-evidence-head h2{font-size:20px;line-height:1.4;letter-spacing:normal}
.smdl .int-evidence-head .int-provider-mark{width:36px;height:36px;flex-basis:36px;font-size:20px}
.smdl .int-evidence-status{font-size:14px;line-height:1.4}
.smdl .int-evidence-head .int-connection-name{gap:4px}
.smdl .int-capabilities tbody :is(th,td){padding:12px 16px}
.smdl .int-capabilities thead th{padding:10px 16px}
.smdl .int-evidence-details{padding-inline:16px}
.smdl .int-evidence-details summary{padding-block:14px}
.int-collection-option{display:grid;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--hair)}
.int-collection-option h3{margin:0;font-size:16px;line-height:1.4}
.int-collection-option .btn{justify-self:start}
@container workspace (max-width:980px){
 .smdl .op-pulse{grid-template-columns:repeat(3,minmax(0,1fr))}
 .smdl .op-response-grid{grid-template-columns:minmax(0,1fr)}
}
@container workspace (max-width:560px){
 .smdl .op-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}
 .smdl .op-workspace-head{gap:12px;flex-direction:row}
 .smdl .op-workspace-actions{margin-inline-start:0;width:auto}
 .smdl .op-viewbar{gap:12px}
 .smdl .op-view-tabs{width:100%;justify-content:flex-start}
 .smdl .op-site-select{margin-inline-start:0;flex-basis:100%}
 .smdl .op-response-list>a{grid-template-columns:32px minmax(0,1fr) 16px}
 .smdl .op-response-meta{display:none}
 .smdl .int-evidence-next{margin-inline:16px}
 .smdl .int-capabilities tbody td{padding-left:8px}
}

.smdl table.region-table{min-width:480px}

/* Action tables become labelled records on narrow canvases. Their controls
   remain next to the record rather than off the right edge of a wide table. */
@container workspace (max-width:700px){
 .smdl table.dc-action-table,.smdl table.dc-action-table tbody{display:block;min-width:0;width:100%}
 .smdl table.dc-action-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .smdl table.dc-action-table tr{display:block;padding:12px 0;border-bottom:1px solid var(--hair)}
 .smdl table.dc-action-table tr:last-child{border-bottom:0}
 .smdl table.dc-action-table td{display:flex;align-items:baseline;gap:12px;padding:5px 12px;border:0;min-width:0;white-space:normal;text-align:left;overflow-wrap:anywhere}
 .smdl table.dc-action-table td::before{content:attr(data-label);flex:0 0 76px;font-size:var(--smdl-text-meta);font-weight:var(--smdl-weight-regular)}
 .smdl table.dc-action-table td:first-child{display:block;font-size:var(--smdl-text-body);font-weight:var(--smdl-weight-semibold);padding-bottom:8px}
 .smdl table.dc-action-table td:first-child::before{display:none}
 .smdl table.dc-action-table td form{min-width:0;max-width:100%;flex-wrap:wrap}
 .smdl table.dc-action-table td .btn{white-space:normal;flex:none}
 .smdl table.dc-action-table td .chip{white-space:normal}
 .smdl table.region-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:4px 12px}
 .smdl table.region-table td:first-child{grid-column:1/-1}
 .smdl table.region-table td.num::before{flex-basis:auto}
 .smdl table.region-table td.nowrap{justify-content:flex-end}
 .smdl table.region-table td.nowrap::before{display:none}
}

/* The archive link is outside the status track and may wrap independently. */
.smdl .smdl-crossover{max-width:100%;flex-wrap:wrap;white-space:normal;line-height:1.5}

/* Keep the alert's title readable on phones. The desktop columns remain
   intact; narrow canvases use compact records with all metadata retained. */
@container workspace (max-width:560px){
 .smdl table.dc-alert-table,.smdl table.dc-alert-table tbody{display:block;min-width:0;width:100%}
 .smdl table.dc-alert-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .smdl table.dc-alert-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 12px;padding:14px 16px;border-bottom:1px solid var(--hair)}
 .smdl table.dc-alert-table tr:last-child{border-bottom:0}
 .smdl table.dc-alert-table td{display:block;min-width:0;padding:0;border:0;white-space:normal;text-align:left;overflow-wrap:anywhere}
 .smdl table.dc-alert-table .subject{grid-column:1/-1;grid-row:1;font-size:var(--smdl-text-body);line-height:1.5}
 .smdl table.dc-alert-table .ref{grid-column:1;align-self:center;font-size:var(--smdl-text-meta)}
 .smdl table.dc-alert-table .alert-severity{grid-column:2}
 .smdl table.dc-alert-table .alert-state{grid-column:3}
 .smdl table.dc-alert-table .alert-device{grid-column:1/3;font-size:var(--smdl-text-meta);line-height:1.5}
 .smdl table.dc-alert-table .when{grid-column:3;grid-row:3;align-self:start;font-size:var(--smdl-text-meta)}
 .smdl table.dc-alert-table .alert-observed{grid-column:1/-1;font-size:var(--smdl-text-meta)}
}