/* DESIGN R2 017 — FULL FRONTEND + AÇÕES R2
   Escopo cirúrgico: carregado somente quando a sala ativa tem flow_adapter=designer. */

body:has([data-production-room-runtime-host].r2-designer-host){
  overflow:hidden!important;
  overscroll-behavior:none;
}

body:has([data-production-room-runtime-host].r2-designer-host) .main-area{
  height:100dvh;
  min-height:0;
  overflow:hidden;
}

body:has([data-production-room-runtime-host].r2-designer-host) #content{
  width:100%!important;
  height:calc(100dvh - var(--topbar))!important;
  min-height:0!important;
  max-width:none!important;
  padding:10px!important;
  overflow:hidden!important;
}

[data-production-room-runtime-host].r2-designer-host,
[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend{
  width:100%;
  height:100%!important;
  min-width:0;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}

/* Keep the Designer workspace in the same first row before and after the R2
   queue resolves. The generic room grid reserves three header rows; while
   those rows are empty their stretch sizing pushed the loading shell down. */
[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend{
  grid-template-rows:minmax(0,1fr)!important;
  gap:0!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime-workspace{
  display:grid!important;
  grid-column:1!important;
  grid-row:1!important;
  grid-template-columns:minmax(270px,310px) minmax(0,1fr) minmax(270px,300px)!important;
  grid-template-rows:minmax(0,1fr)!important;
  width:100%;
  height:100%!important;
  min-width:0;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  border:1px solid var(--designer-line)!important;
  border-radius:14px!important;
  background:#07111a;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel,
[data-production-room-runtime-host].r2-designer-host .room-runtime-detail-panel,
[data-production-room-runtime-host].r2-designer-host .r2-designer-inspector{
  width:auto!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:100%!important;
  overflow:hidden!important;
}

/* Fila: somente pedido e ordem ordinal dos itens. */
[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel{
  grid-column:1;
  display:flex!important;
  flex-direction:column;
  border-right:1px solid var(--designer-line);
}

[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-head{
  position:relative!important;
  inset:auto!important;
  flex:0 0 auto;
  padding:12px!important;
  gap:9px!important;
}

[data-production-room-runtime-host].r2-designer-host [data-room-orders-scroll]>.room-runtime-orders-list{
  flex:1 1 auto;
  min-height:0;
  padding:10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-order-card{
  gap:0!important;
  margin:0 0 9px!important;
  padding:0!important;
  overflow:hidden;
  border-radius:12px!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-order-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:54px;
  padding:11px 12px!important;
  gap:10px!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-order-copy>strong{
  color:#fff!important;
  font-size:15px!important;
  line-height:1.2;
  white-space:nowrap;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-order-copy>.r2-room-seller{
  display:block!important;
  margin-top:3px!important;
  color:#c6d8e3!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.25!important;
  white-space:normal!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-order-badges{
  display:flex!important;
  align-items:center;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime-order-count{
  width:auto!important;
  min-width:0!important;
  height:25px!important;
  padding:0 8px!important;
  font-size:9px!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-items-toggle{
  min-height:38px!important;
  padding:8px 11px!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-order-items{
  display:grid;
  gap:6px;
  max-height:none!important;
  padding:8px!important;
  overflow:visible!important;
  border:0!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-queue-item{
  display:grid!important;
  grid-template-columns:34px 46px minmax(0,1fr)!important;
  min-height:66px!important;
  padding:7px 9px!important;
  gap:9px!important;
  align-items:center!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-item-copy{
  display:block!important;
  min-width:0!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-item-copy>b{
  font-size:11px!important;
  letter-spacing:.045em;
  line-height:1.25!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Centro: um único scroll interno; a página nunca ganha rolagem. */
[data-production-room-runtime-host].r2-designer-host .room-runtime-detail-panel{
  grid-column:2;
  display:flex!important;
  flex-direction:column;
  background:#07131d;
}

[data-production-room-runtime-host].r2-designer-host [data-room-actions-slot]{
  display:flex!important;
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  overflow:hidden!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities{
  flex:1 1 auto;
  min-width:0;
  min-height:0;
  padding:14px 15px 18px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .orderTop{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
  margin-bottom:11px!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .orderTop h1{
  max-width:100%;
  overflow-wrap:anywhere;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .topButtons{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-end!important;
  gap:7px!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .topButtons .btn{
  min-height:38px;
  padding:8px 12px;
  white-space:nowrap;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .tabs{
  position:sticky!important;
  top:-14px!important;
  z-index:15;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
  margin:0 -1px 11px!important;
  padding:9px 1px 11px!important;
  overflow:visible!important;
  background:#07131d!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .tab{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:7px 6px!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .tab span{
  overflow:hidden!important;
  text-overflow:ellipsis;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .cardBody{
  min-width:0;
  overflow-x:hidden!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .table{
  width:100%;
  min-width:560px;
}

/* Barra de lifecycle persistente: nada desaparece; indisponibilidade explica o motivo. */
[data-production-room-runtime-host].r2-designer-host .r2-designer-action-rail-host{
  position:sticky;
  top:65px;
  z-index:14;
  display:block;
  margin-bottom:11px;
  padding-top:1px;
  background:#07131d;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid #29485b!important;
  border-radius:12px!important;
  background:#0a1b27!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle>*,
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-head,
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-steps,
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-grid,
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-secondary{
  grid-column:1/-1!important;
  min-width:0;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-head>div{
  display:flex;
  align-items:baseline;
  gap:9px;
  min-width:0;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-head span{
  color:#8fb0c3;
  font-size:10px;
  font-weight:800;
  letter-spacing:.075em;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-head strong{
  color:#eaf8ff;
  font-size:11px;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-steps{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:5px;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-steps span{
  position:relative;
  padding:5px 6px;
  border-radius:7px;
  background:#102838;
  color:#8fb0c3;
  font-size:9px;
  text-align:center;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(138px,1fr));
  gap:6px;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-secondary{
  display:grid;
  grid-template-columns:repeat(2,minmax(138px,160px));
  gap:6px;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-secondary .r2-designer-lifecycle-action{
  width:100%;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  min-height:96px!important;
  padding:10px 9px!important;
  border-color:#315064!important;
  background:#112737!important;
  color:#e8f4fa!important;
  font-size:11px!important;
  line-height:1.3!important;
  text-align:center!important;
  white-space:normal!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action span{
  font-weight:850;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action small{
  display:block;
  max-width:100%;
  color:#8ca8b8;
  font-size:10px;
  line-height:1.35;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action.green:not(:disabled){border-color:#208c61!important;background:#0d4a34!important}
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action.blue:not(:disabled){border-color:#2f76c2!important;background:#123d69!important}
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action.purple:not(:disabled){border-color:#7850ba!important;background:#3c2362!important}
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action.orange:not(:disabled){border-color:#bf7629!important;background:#553516!important}
[data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-action:disabled{
  opacity:1!important;
  border-style:dashed!important;
  background:#0b1923!important;
  color:#7f99a8!important;
  cursor:not-allowed!important;
}

/* Ícones locais do sprite do aplicativo: sem fonte, CDN, emoji ou entidade. */
[data-production-room-runtime-host].r2-designer-host .r2-designer-icon{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  visibility:visible!important;
}

/* Inspector: dados e contato sempre acessíveis no scroll próprio. */
[data-production-room-runtime-host].r2-designer-host .r2-designer-inspector{
  grid-column:3;
  display:flex!important;
  flex-direction:column;
  border-left:1px solid var(--designer-line);
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-inspector-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable;
  overscroll-behavior:contain;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-inspector .kv{
  grid-template-columns:minmax(82px,.75fr) minmax(0,1.25fr)!important;
  align-items:start;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-inspector .kv b{
  max-width:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-contact{
  border-color:#23634f!important;
}

[data-production-room-runtime-host].r2-designer-host button:disabled .r2-designer-icon{
  opacity:.7!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-media-button{
  width:100%;
  padding:0;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:zoom-in;
}

/* Anexos e mockups pertencem ao workspace do Designer, não à OS.
   Cada arquivo mantém um card compacto e a imagem inteira visível. */
[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .gallery,
[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .gallery.mock{
  grid-template-columns:repeat(auto-fill,minmax(160px,190px))!important;
  justify-content:start!important;
  align-items:start!important;
  overflow:visible!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .mediaCard{
  width:100%!important;
  max-width:190px!important;
  align-self:start!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .mediaThumb{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  padding:6px!important;
  background:#0a1720!important;
}

[data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .mediaThumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:520px){
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .gallery,
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .gallery.mock{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .mediaCard{
    max-width:none!important;
  }
}

[data-production-room-runtime-host].r2-designer-host .r2-designer-media-zoom{
  position:absolute;
  inset:auto 7px 7px auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border-radius:7px;
  background:rgba(4,15,23,.86);
  color:#eef9ff;
  font-size:10px;
  font-weight:800;
}

/* O visualizador é anexado ao content root para permanecer acima de todo o
   workspace. Por isso ele não pode depender da ancestralidade do runtime host. */
.r2-designer-media-preview{
  position:fixed;
  inset:0;
  z-index:10050;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.82);
}

.r2-designer-media-preview-card{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  width:min(1100px,calc(100vw - 40px));
  height:min(820px,calc(100dvh - 40px));
  border:1px solid var(--designer-line,#28516b);
  border-radius:14px;
  overflow:hidden;
  background:#07131d;
}

.r2-designer-media-preview-card>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border-bottom:1px solid var(--designer-line,#28516b);
}

.r2-designer-media-preview-body{
  display:grid;
  place-items:center;
  min-width:0;
  min-height:0;
  padding:12px;
  overflow:auto;
  background:#02070b;
}

.r2-designer-media-preview-body img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

/* OS: ocupa o máximo do centro e nunca mantém ficha antiga visível. */
[data-production-room-runtime-host].r2-designer-host .room-runtime-inline-os-slot{
  display:none;
  min-width:0;
  min-height:0;
  overflow:hidden!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .room-runtime-workspace{
  grid-template-columns:minmax(250px,280px) minmax(0,1fr)!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .room-runtime-detail-panel{
  grid-column:2/-1!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .r2-designer-inspector{
  display:none!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .r2-art-capabilities{
  flex:0 0 auto;
  max-height:none;
  padding-bottom:10px!important;
  overflow:visible!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .r2-designer-action-rail-host,
[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] [data-designer-tab-body]{
  display:none!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .room-runtime-inline-os-slot{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  flex:1 1 0!important;
  width:auto!important;
  height:auto!important;
  min-height:300px!important;
  margin:0 12px 12px!important;
}

[data-production-room-runtime-host].r2-designer-host .room-runtime-inline-os-body,
[data-production-room-runtime-host].r2-designer-host .room-runtime-inline-os-frame{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
}

@media(max-width:1500px) and (min-width:1181px){
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace{
    grid-template-columns:minmax(240px,270px) minmax(0,1fr) minmax(230px,255px)!important;
  }
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .orderTop{grid-template-columns:1fr!important}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .topButtons{justify-content:flex-start!important}
}

@media(max-width:1180px) and (min-width:901px){
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace{
    grid-template-columns:minmax(235px,270px) minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  [data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel{grid-column:1!important;grid-row:1!important}
  [data-production-room-runtime-host].r2-designer-host .room-runtime-detail-panel{grid-column:2!important;grid-row:1!important}
  [data-production-room-runtime-host].r2-designer-host .r2-designer-inspector{display:none!important}
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-grid{grid-template-columns:repeat(auto-fit,minmax(126px,1fr))}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .orderTop{grid-template-columns:1fr!important}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .topButtons{justify-content:flex-start!important}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

@media(max-width:900px){
  body:has([data-production-room-runtime-host].r2-designer-host) #content{padding:7px!important}
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
  }
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace[data-mobile-pane="orders"] .room-runtime-orders-panel{display:flex!important;grid-column:1!important;grid-row:1!important}
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace[data-mobile-pane="orders"] .room-runtime-detail-panel,
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace[data-mobile-pane="orders"] .r2-designer-inspector{display:none!important}
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace[data-mobile-pane="detail"] .room-runtime-orders-panel,
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace[data-mobile-pane="detail"] .r2-designer-inspector{display:none!important}
  [data-production-room-runtime-host].r2-designer-host .room-runtime-workspace[data-mobile-pane="detail"] .room-runtime-detail-panel{display:flex!important;grid-column:1!important;grid-row:1!important}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .orderTop{grid-template-columns:1fr!important}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .topButtons{justify-content:flex-start!important}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .tabs{position:relative!important;top:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  [data-production-room-runtime-host].r2-designer-host .r2-designer-action-rail-host{position:relative;top:auto}
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
  [data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .room-runtime-workspace{grid-template-columns:minmax(0,1fr)!important}
  [data-production-room-runtime-host].r2-designer-host .room-runtime.r2-designer-full-frontend[data-designer-tab="os"] .room-runtime-detail-panel{grid-column:1!important}
}

@media(max-width:520px){
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities{padding:10px!important}
  [data-production-room-runtime-host].r2-designer-host .r2-art-capabilities .tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-grid{grid-template-columns:1fr 1fr}
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-steps{grid-template-columns:1fr 1fr}
}

@media(max-width:380px){
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-grid,
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-secondary,
  [data-production-room-runtime-host].r2-designer-host .r2-designer-lifecycle-steps{grid-template-columns:minmax(0,1fr)}
}

/* P0 DESIGNER QUEUE EXPAND + SCROLL 001V
   One scroll authority: the official orders panel. Seller groups and expanded
   order items grow naturally inside it; the queue header stays sticky. */
[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel[data-room-orders-scroll]{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#3b6077 #091722;
}
[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel[data-room-orders-scroll]::-webkit-scrollbar{
  width:10px;
}
[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel[data-room-orders-scroll]::-webkit-scrollbar-track{
  background:#091722;
}
[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel[data-room-orders-scroll]::-webkit-scrollbar-thumb{
  min-height:42px;
  border:2px solid #091722;
  border-radius:999px;
  background:#3b6077;
}
[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel[data-room-orders-scroll]>.room-runtime-orders-head{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  flex:0 0 auto!important;
}
[data-production-room-runtime-host].r2-designer-host .room-runtime-orders-panel[data-room-orders-scroll]>.room-runtime-seller-groups{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-gutter:auto!important;
}
[data-production-room-runtime-host].r2-designer-host .room-runtime-seller-section,
[data-production-room-runtime-host].r2-designer-host .room-runtime-seller-body,
[data-production-room-runtime-host].r2-designer-host .room-runtime-seller-body>.room-runtime-orders-list,
[data-production-room-runtime-host].r2-designer-host .r2-designer-order-card,
[data-production-room-runtime-host].r2-designer-host .r2-designer-order-items{
  height:auto!important;
  max-height:none!important;
}
[data-production-room-runtime-host].r2-designer-host .room-runtime-seller-body,
[data-production-room-runtime-host].r2-designer-host .room-runtime-seller-body>.room-runtime-orders-list,
[data-production-room-runtime-host].r2-designer-host .r2-designer-order-items{
  overflow:visible!important;
}