#demo-exploration[hidden] { display: none !important; }
.establishment-demo-exploration {
  display: grid;
  gap: var(--atende-space-2);
  min-width: 0;
}
.demo-primary-actions > .establishment-demo-exploration { flex: 0 1 auto; }
.demo-primary-actions:has(.demo-guide-current) { align-items: flex-start; }
.demo-primary-actions > .establishment-demo-exploration:has(.demo-guide-current) { flex: 1 1 100%; }
.demo-guide-resting { display: flex; flex-wrap: wrap; gap: var(--atende-space-3); align-items: center; }
.establishment-demo-exploration .btn, .demo-guide-welcome .btn { min-height: var(--atende-control-height); white-space: normal; }
.demo-guide-feedback { margin: 0; color: var(--atende-color-muted-strong); font-size: .875rem; line-height: 1.5; overflow-wrap: anywhere; }
.demo-guide-feedback[hidden] { display: none !important; }
.demo-guide-welcome > p { margin: 0 0 var(--atende-space-4); color: var(--atende-color-text-soft); line-height: var(--atende-line-height); }
.demo-guide-welcome .operation-actions { display: flex; flex-wrap: wrap; gap: var(--atende-space-3); }
@media (max-width: 767px) {
  .demo-guide-welcome .operation-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
}
.demo-guide-current {
  display: grid;
  gap: var(--atende-space-2);
  min-width: 0;
  padding: var(--atende-space-3);
  border: 1px solid var(--atende-color-border);
  border-radius: var(--atende-radius-md);
  background: var(--atende-color-surface);
}
.demo-guide-current header { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--atende-space-2) var(--atende-space-3); }
.demo-guide-stage { color: var(--atende-color-brand-strong); font-size: .75rem; font-weight: 700; white-space: nowrap; }
.demo-guide-current h3 { margin: 0; font-size: 1rem; line-height: 1.4; color: var(--atende-color-text); }
.demo-guide-description { margin: 0; color: var(--atende-color-text-soft); font-size: .875rem; line-height: 1.5; }
.demo-guide-shortcuts, .demo-guide-controls { display: flex; flex-wrap: wrap; gap: var(--atende-space-2); }
.demo-guide-controls { padding-top: var(--atende-space-1); }
.demo-guide-completed { color: var(--atende-color-text-soft); font-size: .875rem; }
.establishment-demo-exploration :is(button, a):focus-visible { outline: 3px solid var(--atende-focus-ring); outline-offset: 2px; }
.establishment-demo-exploration button:disabled { cursor: not-allowed; }
@media (max-width: 767px) {
  .demo-guide-controls .btn { flex: 1 1 auto; }
  .demo-guide-shortcuts .btn { flex: 0 1 auto; }
}
