/* Screenshot references 1/4/5: quiet business panels, compact controls and
   opaque data surfaces. Scoped to the materials shell; no business state,
   table geometry, visibility, permissions or dialog mechanics are changed. */
html:root[data-theme][data-shx-theme] body.terminal-mode {
  --materials-panel: var(--bg-elevated);
  --materials-inset: var(--bg-surface);
  --materials-line: var(--border-strong);
  --materials-radius: 10px;
}
html:root[data-theme="light"][data-shx-theme] body.terminal-mode {
  --materials-panel: #fff;
  --materials-inset: #f4f6f9;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content {
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .page-heading {
  gap: 10px;
  margin-bottom: 14px;
  align-items: center;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .page-heading h1 {
  font-size: 22px;
  line-height: 1.35;
  letter-spacing: -.02em;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .page-heading p {
  color: var(--text-secondary) !important;
  font-size: 12px;
  line-height: 1.6;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(
  .data-panel,.terminal-orders-table,.terminal-grid,.terminal-orders-filters,
  .automation-workflow,.automation-service-status,.material-compact-metrics
) {
  background: var(--materials-panel) !important;
  color: var(--text-primary) !important;
  border-color: var(--materials-line) !important;
  border-radius: var(--materials-radius) !important;
  box-shadow: none !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(
  .panel-toolbar,.panel-bottom,.terminal-page-toolbar,.terminal-record-controls,
  .terminal-summary-line,.terminal-grid-toolbar,.terminal-grid-footer
) {
  background: var(--materials-panel) !important;
  color: var(--text-secondary) !important;
  border-color: var(--materials-line) !important;
  box-shadow: none !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(.panel-toolbar,.terminal-page-toolbar) {
  gap: 8px;
  padding: 10px 12px;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(.panel-toolbar,.terminal-page-toolbar) :is(h2,h3) {
  color: var(--text-primary) !important;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 650;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(.terminal-tabs,.terminal-page-toolbar,.heading-actions,.panel-toolbar) .button {
  border-radius: 7px !important;
  font-size: 12px;
  line-height: 1.5;
}
/* Keep selected, dangerous and disabled control states from the shared theme. */
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .terminal-tabs {
  gap: 6px;
  padding: 4px 0 8px;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(
  .table-scroll,.terminal-table-scroll,.raw-table,.grid-table,.terminal-grid-table
) {
  background: var(--bg-base) !important;
  border-color: var(--materials-line) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(table,.terminal-grid-table) th {
  background: var(--materials-inset) !important;
  color: var(--text-secondary) !important;
  font-size: 12px;
  font-weight: 600;
  border-color: var(--materials-line) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(table,.terminal-grid-table) td {
  border-color: var(--materials-line) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .metric {
  border-radius: var(--materials-radius) !important;
  background: var(--materials-panel) !important;
  border-color: var(--materials-line) !important;
  box-shadow: none !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(
  .terminal-footnote,.material-sync-time,.material-control-note,
  .material-detail-fields dt,.material-metric-label,.material-disclosure-body
) {
  color: var(--text-secondary) !important;
  line-height: 1.6;
}
/* Remove legacy green/white washes from the Google customer registry. */
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .material-control-banner {
  padding: 12px 14px;
  background: var(--materials-panel) !important;
  color: var(--text-secondary) !important;
  border-color: var(--materials-line) !important;
  border-radius: var(--materials-radius) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .material-control-banner strong {
  color: var(--text-primary) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .material-google-page :is(
  .material-compact-metric,[data-material-disclosure]
) {
  background: var(--materials-panel) !important;
  color: var(--text-primary) !important;
  border-color: var(--materials-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .material-google-page .material-customer-name {
  color: var(--text-primary) !important;
  font-weight: 650;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .material-sheet-link {
  background: var(--teal-soft) !important;
  color: var(--success) !important;
  border-color: var(--border-teal) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .material-google-page .material-sync-progress.error {
  color: var(--danger) !important;
  background: var(--danger-soft) !important;
  border-color: var(--danger-border) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .material-google-page .material-sync-progress.material-sync-running {
  color: var(--info) !important;
  background: var(--info-soft) !important;
  border-color: var(--info-border) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(.automation-steps span,.automation-service-status) {
  background: var(--materials-inset) !important;
  color: var(--text-primary) !important;
  border-color: var(--materials-line) !important;
  border-radius: 6px;
}
html:root[data-theme][data-shx-theme] body.terminal-mode :is(#form-dialog,#record-drawer,#wb-record-drawer) {
  background: var(--materials-panel) !important;
  color: var(--text-primary) !important;
  border-color: var(--materials-line) !important;
}
html:root[data-theme][data-shx-theme] body.terminal-mode :is(#form-dialog,#record-drawer,#wb-record-drawer) :is(
  .material-detail-fields,.terminal-detail-field,.grid-record-field
) {
  background: var(--materials-inset) !important;
  color: var(--text-primary) !important;
  border-color: var(--materials-line) !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}
@media (max-width: 700px) {
  html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content .page-heading {
    align-items: flex-start;
  }
  html:root[data-theme][data-shx-theme] body.terminal-mode #app-view #page-content :is(.panel-toolbar,.terminal-page-toolbar) {
    padding: 10px;
  }
}