/* RBS Desk v1.8.10 — Sprint 14 — Timeline acessível, retorno ao Cliente 360° e identidade canônica */

/* O detalhe do chamado passa a ser o próprio container de rolagem. A timeline é conteúdo primário. */
.ow-ticket-center{min-height:0;overflow:hidden}
.ws-ticket-pane.v189-ticket-pane.v1810-ticket-pane{
  display:flex!important;
  flex-direction:column;
  gap:12px;
  height:100%!important;
  min-height:0;
  min-width:0;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
  padding:12px 12px calc(28px + env(safe-area-inset-bottom,0px));
  touch-action:pan-y;
}
.v1810-ticket-pane>.v189-staff-head,
.v1810-ticket-pane>.v189-ticket-actionbar,
.v1810-ticket-pane>.v189-staff-history,
.v1810-ticket-pane>.v189-staff-reply,
.v1810-ticket-pane>.v189-ticket-support{flex:0 0 auto;min-width:0}
.v1810-ticket-pane .v189-staff-history{
  position:relative;
  border:1px solid var(--border,#d7e1eb);
  border-radius:18px;
  background:var(--card,#fff);
  padding:14px;
  min-height:260px;
}
.v1810-ticket-pane .v189-staff-reply{
  border:1px solid var(--border,#d7e1eb);
  border-radius:18px;
  background:var(--card,#fff);
  padding:14px;
}
.v1810-ticket-pane .v189-conversation-head{margin-bottom:12px}
.v1810-ticket-pane .v189-tree{position:relative}
.v1810-ticket-pane .v189-tree-group{position:relative}
.v1810-ticket-pane .v189-tree-children{position:relative}
.v1810-ticket-pane .v189-tree-children:before{
  content:"";
  position:absolute;
  left:18px;
  top:8px;
  bottom:8px;
  width:2px;
  border-radius:2px;
  background:rgba(20,118,201,.12);
  pointer-events:none;
}
.v1810-ticket-back{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  border:1px solid var(--border,#d7e1eb);
  border-radius:13px;
  padding:8px 12px;
  background:var(--card,#fff);
  color:var(--text,#10253c);
  font:inherit;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.v1810-ticket-back svg{width:17px;height:17px;color:var(--primary,#1476c9)}
.v1810-ticket-back:hover{border-color:rgba(20,118,201,.42);background:rgba(20,118,201,.04)}

/* Clientes: enquanto a fonte canônica carrega, nunca renderizamos entidades derivadas de conversas. */
.v1810-customers-loading{display:grid;gap:14px}
.v1810-customers-loading-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}
.v1810-customers-loading-head h1{margin:4px 0 6px}
.v1810-customers-loading-head p{margin:0;color:var(--muted,#6c7e90)}
.v1810-customer-skeletons{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.v1810-customer-skeleton{
  min-height:150px;
  border:1px solid var(--border,#d7e1eb);
  border-radius:18px;
  background:var(--card,#fff);
  padding:16px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  align-items:start;
}
.v1810-customer-skeleton i,.v1810-customer-skeleton span{
  display:block;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(130,150,170,.10),rgba(130,150,170,.22),rgba(130,150,170,.10));
  background-size:200% 100%;
  animation:v1810sh 1.05s linear infinite;
}
.v1810-customer-skeleton i{width:48px;height:48px;grid-row:1/4}
.v1810-customer-skeleton span:nth-of-type(1){height:17px;width:72%;margin-top:4px}
.v1810-customer-skeleton span:nth-of-type(2){height:12px;width:92%;margin-top:8px}
.v1810-customer-skeleton span:nth-of-type(3){height:12px;width:58%;margin-top:8px}
@keyframes v1810sh{to{background-position:-200% 0}}

@media(max-width:900px){
  .ws-ticket-pane.v189-ticket-pane.v1810-ticket-pane{
    padding:10px 10px calc(118px + env(safe-area-inset-bottom,0px));
  }
}
@media(max-width:620px){
  .v1810-ticket-pane .v189-staff-history,
  .v1810-ticket-pane .v189-staff-reply{padding:12px;border-radius:17px}
  .v1810-ticket-back{width:100%;justify-content:flex-start}
  .v1810-customers-loading-head{display:grid}
  .v1810-customer-skeletons{grid-template-columns:1fr}
}