/* UX-203A visual adapters for existing page components. No layout, visibility,
   table sizing, or workflow rules: those remain owned by the existing pages. */
.md-shell.md-interiors {
  --bg: var(--md-bg); --bg-card: var(--md-surface);
  --navy: var(--md-primary); --text: var(--md-text);
  --text-mid: var(--md-text-secondary); --muted: var(--md-text-muted);
  --border: var(--md-border); --shadow: var(--md-shadow-sm);
  --border-light: var(--md-border);
  --red: var(--md-danger); --red-pale: var(--md-danger-soft);
  --green: var(--md-success); --green-pale: var(--md-success-soft);
  --gold: var(--md-warning); --gold-pale: var(--md-warning-soft);
  font-family: var(--md-font-family);
}
.md-shell.md-interiors[data-workspace=medical-sales] { --accent: var(--md-sales); --accent-dark: var(--md-sales); --accent-pale: var(--md-sales-soft); }
.md-shell.md-interiors[data-workspace=research] { --accent: var(--md-research); --accent-dark: var(--md-research); --accent-pale: var(--md-research-soft); }
.md-shell.md-interiors[data-workspace=staffing] { --teal: var(--md-staffing); --teal-dark: var(--md-staffing); --teal-pale: var(--md-staffing-soft); }
.md-shell.md-interiors :where(.main,.target-main) {
  color: var(--md-text); font-size: var(--md-font-body);
}
.md-shell.md-interiors :is(h1,h2,h3,h4,button,input,select,textarea) {
  font-family: var(--md-font-family);
}
.md-shell.md-interiors h2 { font-size: var(--md-font-h2); font-weight: 700; line-height: var(--md-leading-heading); }
.md-shell.md-interiors h3 { font-size: var(--md-font-h3); font-weight: 600; line-height: var(--md-leading-heading); }
.md-shell.md-interiors :is(.content-panel,.panel,.billing-card,.settings-card,.export-card,.window-panel,.hero-card,.insight-card,.section-shell,.collapsible-panel,.integration-card,.api-card,.upgrade-card,.list-hero) {
  background: var(--md-surface); border-color: var(--md-border);
  border-radius: var(--md-radius-lg); box-shadow: var(--md-shadow-sm);
  padding: var(--md-space-4);
}
.md-shell.md-interiors :is(.summary-card,.stat-card,.metric-card,.quick-card,.today-action-card,.today-work-card,.workflow-card,.list-card,.provider-card,.candidate-card,.pipeline-card,.intel-card,.procedure-card,.area-card,.detail-card,.side-card,.location-card,.signal-card,.opportunity-card,.priority-card,.plan-card,.hero-callout,.insight-point,.leaderboard-row,.list-row,.search-shortcut,.use-case-item,.detail-section,.notes-form-card,.note-form-card,.timeline-item,.activity-item) {
  background: var(--md-surface); border-color: var(--md-border);
  border-radius: var(--md-radius-lg); box-shadow: var(--md-shadow-sm);
  padding: var(--md-space-3);
}
.md-shell.md-interiors :is(.filter-panel,.create-section,.workflow-explainer,.workflow-note,.summary-intro,.pipeline-summary,.pipeline-bulk-panel,.pipeline-crm-panel,.stage-column,.compact-stage-panel,.provider-column,.detail-panel,.notes-column,.timeline-column,.bulk-actions,.bulk-toolbar,.table-meta,.table-shell,.table-wrap,.results-table-wrap,.result-card,.summary-strip,.bulk-bar,.table-scroll-rail-wrap,.pipeline-filter-bar) {
  background: var(--md-surface-muted); border-color: var(--md-border);
  border-radius: var(--md-radius-md); box-shadow: var(--md-shadow-sm);
}
.md-shell.md-interiors :is(.empty-state,.empty-providers,.empty-note,.state-card,.pipeline-state,.procedure-state,.planner-state,.intel-state,.locked-state,.loading-line,.pipeline-group-state,.table-state) {
  background: var(--md-surface-muted); border-color: var(--md-border);
  border-radius: var(--md-radius-lg); color: var(--md-text-secondary);
  box-shadow: var(--md-shadow-sm);
}
.md-shell.md-interiors :is(.state-icon,.empty-state-icon,.locked-icon) {
  background: var(--md-primary-soft); color: var(--md-primary); border-radius: var(--md-radius-md);
}
.md-shell.md-interiors :is(.summary-value,.metric-value,.today-action-value,.today-work-value,.workflow-value,.estimate-count,.leaderboard-value),
.md-shell.md-interiors[data-workspace=staffing] .stat-card span {
  font-family: var(--md-font-family); font-size: 1.5rem; font-weight: 700;
  color: var(--md-text); line-height: var(--md-leading-tight);
}
.md-shell.md-interiors :is(.summary-label,.metric-label,.stat-label) {
  color: var(--md-text-muted); font-size: .6875rem; letter-spacing: .06em;
}
.md-shell.md-interiors :is(.summary-copy,.metric-copy,.helper-text,.field-help,.hint) {
  color: var(--md-text-muted); font-size: var(--md-font-helper); line-height: var(--md-leading-body);
}
.md-shell.md-interiors :is(.btn,.btn-create,.window-btn,.window-actions button,.chip,.status-tab,.pipeline-filter-btn,.compact-stage-tab) {
  font-family: var(--md-font-family); font-size: var(--md-font-button);
  font-weight: 600; border-radius: var(--md-radius-md); box-shadow: none;
}
.md-shell.md-interiors :is(.btn-primary,.btn-create,.btn-gold,.window-actions button) {
  background: var(--md-primary); border-color: var(--md-primary); color: var(--md-text-inverse);
}
.md-shell.md-interiors :is(.btn-primary,.btn-create,.btn-gold,.window-actions button):hover {
  background: var(--md-primary-hover); border-color: var(--md-primary-hover);
}
.md-shell.md-interiors :is(.btn-secondary,.btn-outline,.window-btn,.chip,.compact-stage-tab) {
  background: var(--md-surface); border-color: var(--md-border-strong); color: var(--md-primary);
}
.md-shell.md-interiors :is(.btn-ghost) { background: transparent; border-color: var(--md-border); color: var(--md-primary); }
.md-shell.md-interiors :is(.btn-danger) { background: var(--md-danger-soft); border-color: var(--md-danger); color: var(--md-danger); }
.md-shell.md-interiors :is(.window-btn.active,.status-tab.active,.pipeline-filter-btn.active,.compact-stage-tab.active,.chip:hover,.btn-secondary:hover) {
  background: var(--md-primary-soft); border-color: var(--md-primary); color: var(--md-primary);
}
.md-shell.md-interiors :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
  border-color: var(--md-border-strong); border-radius: var(--md-radius-md);
  background-color: var(--md-surface); color: var(--md-text);
}
.md-shell.md-interiors :is(button,input,select,textarea):disabled {
  background-color: var(--md-disabled-bg); border-color: var(--md-disabled-border);
  color: var(--md-disabled-text); box-shadow: none;
}
.md-shell.md-interiors :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 2px solid var(--md-primary); outline-offset: 3px;
}
.md-shell.md-interiors :is(.badge,.tier-badge,.detail-chip,.window-chip,.summary-pill,.timeline-pill) {
  border-radius: var(--md-radius-pill); font-family: var(--md-font-family); font-size: var(--md-font-badge);
}
.md-shell.md-interiors :is(.badge-primary,.window-chip,.summary-pill,.workflow-chip) { background: var(--md-primary-soft); color: var(--md-primary); }
.md-shell.md-interiors .workflow-chip { border-color: var(--md-border); border-radius: var(--md-radius-md); padding: var(--md-space-3); }
.md-shell.md-interiors :is(.card-header,.card-footer,th) { border-color: var(--md-border); background-color: var(--md-surface-muted); }
.md-shell.md-interiors :is(.card-header,.card-body,.card-footer) { padding: var(--md-space-4); }
.md-shell.md-interiors :is(.page-message,.research-message,.dashboard-message,.alert,.message) {
  border-radius: var(--md-radius-md); font-family: var(--md-font-family);
}
.md-shell.md-interiors :is(.page-message,.research-message,.dashboard-message,.alert,.message).error {
  color: var(--md-danger); background: var(--md-danger-soft); border-color: var(--md-danger);
}
.md-shell.md-interiors :is(.page-message,.research-message,.dashboard-message,.alert,.message).success {
  color: var(--md-success); background: var(--md-success-soft); border-color: var(--md-success);
}
.md-shell.md-interiors :is(.warning-note,.source-note,.disclaimer-card,.insight-warning,.insight-banner) {
  background: var(--md-warning-soft); border-color: var(--md-border);
  border-radius: var(--md-radius-md); color: var(--md-warning); box-shadow: none;
}
.md-shell.md-interiors :is(.modal,.action-modal,.save-modal,.detail-drawer) {
  background: var(--md-surface); border-color: var(--md-border); border-radius: var(--md-radius-lg); box-shadow: var(--md-shadow-md);
}
/* Staffing retains its lead metric grouping and date-window hierarchy. */
.md-shell.md-interiors[data-workspace=staffing] .hero-card {
  background: var(--md-primary-soft); color: var(--md-text); border-top: 3px solid var(--md-staffing);
}
.md-shell.md-interiors .hero-card::after { background: none; box-shadow: none; }
.md-shell.md-interiors :is(.hero-title,.hero-name,.provider-title) { font-size: var(--md-font-h1); color: var(--md-text); }
.md-shell.md-interiors .hero-value { font-size: 2.5rem; font-weight: 700; color: var(--md-text); }
.md-shell.md-interiors .hero-card :is(.hero-kicker,.hero-subtitle,.hero-window-copy,.hero-callout span,.hero-callout strong) { color: var(--md-text-secondary); }
.md-shell.md-interiors .hero-callout { backdrop-filter: none; }
.md-shell.md-interiors .plan-card-price { font-size: 2rem; color: var(--md-text); }
.md-shell.md-interiors .plan-card-price span { font-size: var(--md-font-small); }
.md-shell.md-interiors .compact-stage-tab.active::after { background: var(--md-primary); }
/* Skeleton shimmer and quantitative progress/data fills remain domain visuals. */
.md-shell.md-interiors :is(.locked-feature-modal,.billing-upgrade-modal,.list-quota-modal,.smart-list-modal,.recruiting-list-modal,.cancel-subscription-modal) {
  background: var(--md-surface); color: var(--md-text); border-color: var(--md-border);
  border-radius: var(--md-radius-lg); box-shadow: var(--md-shadow-md);
  font-family: var(--md-font-family);
}
.md-shell.md-interiors :is(.locked-feature-title,.billing-upgrade-title,.list-quota-title,.smart-list-title) {
  font-family: var(--md-font-family); font-size: var(--md-font-h2); line-height: var(--md-leading-heading);
}
.md-shell.md-interiors :is(.locked-feature-capability,.billing-upgrade-enterprise,.list-quota-detail,.smart-list-provider,.smart-list-quota,.recruiting-list-modal-provider,.recruiting-list-modal-empty) {
  background: var(--md-surface-muted); color: var(--md-text-secondary); border-color: var(--md-border); border-radius: var(--md-radius-md);
}
.md-shell.md-interiors :is(.locked-feature-btn,.billing-upgrade-btn,.list-quota-btn,.smart-list-btn,.smart-list-option,.recruiting-list-modal-btn,.recruiting-list-modal-option) {
  background: var(--md-surface); color: var(--md-primary); border-color: var(--md-border-strong); border-radius: var(--md-radius-md);
  font-family: var(--md-font-family); font-size: var(--md-font-button);
}
.md-shell.md-interiors :is(.locked-feature-btn,.billing-upgrade-btn,.list-quota-btn,.smart-list-btn,.recruiting-list-modal-btn).primary {
  background: var(--md-primary); color: var(--md-text-inverse); border-color: var(--md-primary);
}
.md-shell.md-interiors :is(.locked-feature-btn,.billing-upgrade-btn,.list-quota-btn,.smart-list-btn,.recruiting-list-modal-btn):disabled {
  background: var(--md-disabled-bg); color: var(--md-disabled-text); border-color: var(--md-disabled-border);
}
@media (prefers-reduced-motion: reduce) {
  .md-shell.md-interiors *, .md-shell.md-interiors *::before, .md-shell.md-interiors *::after {
    animation-duration: .01ms; animation-iteration-count: 1; transition-duration: .01ms;
  }
}

/* Explicit migration of the inventoried legacy serif selectors. */
.md-shell.md-interiors .summary-value,
.md-shell.md-interiors .procedure-state h2,
.md-shell.md-interiors .hero-title,
.md-shell.md-interiors .hero-value,
.md-shell.md-interiors .insight-card h2,
.md-shell.md-interiors .metric-value,
.md-shell.md-interiors .window-header h2,
.md-shell.md-interiors .section-title h2,
.md-shell.md-interiors .leaderboard-value,
.md-shell.md-interiors .panel h2,
.md-shell.md-interiors .today-action-value,
.md-shell.md-interiors .state-card h2,
.md-shell.md-interiors .provider-title,
.md-shell.md-interiors .section-title,
.md-shell.md-interiors .empty-state h3,
.md-shell.md-interiors .workflow-value,
.md-shell.md-interiors .panel-title,
.md-shell.md-interiors .detail-provider-name,
.md-shell.md-interiors .empty-providers h3,
.md-shell.md-interiors .today-work-value,
.md-shell.md-interiors .pipeline-state h2,
.md-shell.md-interiors .intel-state h2,
.md-shell.md-interiors .planner-state h2,
.md-shell.md-interiors .upgrade-card h2,
.md-shell.md-interiors .insight-card h3,
.md-shell.md-interiors .state-card h3,
.md-shell.md-interiors .estimate-count,
.md-shell.md-interiors .locked-state h3,
.md-shell.md-interiors .plan-card-price,
.md-shell.md-interiors .hero-name,
.md-shell.md-interiors .notes-form-card h3,
.md-shell.md-interiors .list-name,
.md-shell.md-interiors .modal-head h3,
.md-shell.md-interiors .stat-card span,
.md-shell.md-interiors .stage-title,
.md-shell.md-interiors .candidate-name,
.md-shell.md-interiors .section-header h2,
.md-shell.md-interiors .collapsible-panel summary,
.md-shell.md-interiors .table-state strong,
.md-shell.md-interiors .drawer-header h2,
.md-shell.md-interiors .modal-header h3,
.md-shell.md-interiors .empty-state strong,
.md-shell.md-interiors .list-hero h2 { font-family: var(--md-font-family); }