/* An independent production workspace; no asset tabs or library initialization. */
body.direction-b.content-production-app .app-body {
  height: 100dvh;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
body.direction-b.content-production-app .topbar { flex: none; }
body.direction-b.content-production-app #main {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  padding: 12px 32px 22px;
  overflow: hidden;
}
body.direction-b.content-production-app .production-panel {
  display: flex;
  flex: 1;
  min-width: 0;
  min-height: 0;
  height: auto;
}
body.direction-b.content-production-app .production-frame {
  display: block;
  flex: 1;
  width: 100%;
  height: 100% !important;
  min-height: 0;
  border: 0;
  border-radius: 0;
  background: var(--b-canvas);
}
.production-load-status { flex: none; margin: 0 0 8px; color: var(--b-muted); font-size: 12px; }
@media (max-width: 1040px) {
  body.direction-b.content-production-app #main { padding-inline: 18px; }
}
@media (max-width: 760px) {
  body.direction-b.content-production-app .app-body { min-height: 100dvh; height: auto; }
  body.direction-b.content-production-app .topbar { height: auto; min-height: 56px; padding: 8px 16px; gap: 12px; }
  body.direction-b.content-production-app .topbar .location { display: none; }
  body.direction-b.content-production-app #main { padding: 10px 16px 24px; overflow: visible; }
  body.direction-b.content-production-app .production-panel { min-height: 880px; }
  body.direction-b.content-production-app .production-frame { height: 1200px !important; }
}