/* Quantum-Like Lab by Ethan Dickey. Keep experiment status within reach. */
#error-notice:not([hidden]) {
  position: fixed;
  inset: auto 16px 16px;
  z-index: 90;
  width: min(800px, calc(100vw - 32px));
  max-height: min(60vh, 460px);
  overflow: auto;
  margin: 0 auto;
  box-shadow: 0 12px 60px #0009;
  background: #351c27;
}
#global-progress:not([hidden]) {
  position: fixed;
  bottom: 14px;
  right: 14px;
  z-index: 80;
  max-width: min(560px, calc(100vw - 28px));
  border: 1px solid #416271;
  border-radius: 10px;
  padding: 14px;
  background: #102530;
  box-shadow: 0 8px 40px #0008;
}
#global-progress small,
#dialog-pending small,
#workbench-pending small { display: block; margin-top: 7px; color: #adc2ce; }
.calculation-progress { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.calculation-progress progress { flex: 1 1 120px; max-width: 280px; height: 12px; accent-color: var(--teal); }
.calculation-progress > span { font-size: .85rem; }
.dialog-error { border-color: #c07c86; background: #351c27; }
.result-local-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #304956; }
.result-local-tabs button[aria-pressed="true"] { border-color: var(--teal); color: var(--teal); background: #153531; }