/* Caixa de entrada compartilhada — estudante, imobiliaria, proprietario e republica. */
.conversation-page{
  flex:1;min-width:0;min-height:0;width:100%;display:flex;flex-direction:column;
  overflow:hidden;background:var(--papel);color:var(--tinta)
}
.conversation-page.imob{overflow:visible;background:transparent}
.conversation-page-header{flex:none;padding:18px 20px 0}
.conversation-page-header h1{font-size:28px;line-height:1.2;letter-spacing:-.6px;margin:0 0 3px}
.conversation-page-header p{font-size:13.5px;color:var(--cinza);margin:0}

.conversation-search{
  flex:none;min-width:0;min-height:44px;margin:14px 20px 0;padding:0 14px;border:1px solid var(--linha);
  border-radius:12px;display:flex;align-items:center;gap:10px;background:var(--papel);color:var(--cinza)
}
.conversation-page.imob > .conversation-search{margin:0 0 12px}
.conversation-search:focus-within{border-color:var(--terracota);box-shadow:0 0 0 3px var(--terracota-fraco)}
.conversation-search > span{display:flex;flex:none;font-size:18px}
.conversation-search input{
  width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--tinta);padding:11px 0;
  font:500 13px 'Inter',sans-serif
}
.conversation-search input::placeholder{color:var(--cinza);opacity:.9}

.conversation-filters{
  flex:none;display:flex;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;
  scrollbar-width:none;padding:15px 20px 13px;-webkit-overflow-scrolling:touch
}
.conversation-page.imob > .conversation-filters{padding:0 0 14px}
.conversation-filters::-webkit-scrollbar{display:none}
.conversation-filter{
  flex:none;min-height:37px;border:1px solid var(--linha);border-radius:20px;padding:7px 9px 7px 13px;
  display:inline-flex;align-items:center;gap:8px;background:var(--papel);color:var(--tinta);
  font:600 12.5px 'Inter',sans-serif;white-space:nowrap;cursor:pointer
}
.conversation-filter b{
  min-width:21px;height:21px;border-radius:11px;padding:0 6px;display:inline-flex;align-items:center;
  justify-content:center;background:var(--apoio);color:var(--cinza);font:600 10px 'JetBrains Mono',monospace
}
.conversation-filter.on{border-color:var(--terracota);background:var(--terracota);color:#fff}
.conversation-filter.on b{background:#fff;color:var(--terracota)}
.conversation-filter:focus-visible,.conversation-row:focus-visible{outline:3px solid var(--mostarda);outline-offset:-3px}

.conversation-workbench{flex:1;min-width:0;min-height:0;display:block;overflow:hidden}
.conversation-list-column{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;background:var(--papel)}
.conversation-list-region{min-width:0;min-height:0;display:flex;flex:1;flex-direction:column}
.conversation-list{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.conversation-row{
  width:100%;min-width:0;border:0;border-bottom:1px solid #eee9e2;background:var(--papel);color:inherit;
  display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:start;padding:15px 20px;
  text-align:left;font:inherit;cursor:pointer
}
.conversation-row:last-child{border-bottom:0}
.conversation-row:active{background:var(--apoio)}
.conversation-row.ativa{background:var(--terracota-fraco);box-shadow:inset 3px 0 var(--terracota)}
.conversation-row > .av{width:52px;height:52px;font-size:18px}
.conversation-row-main{min-width:0;display:flex;flex-direction:column;gap:3px}
.conversation-row-top,.conversation-row-preview{min-width:0;display:flex;align-items:center;gap:9px}
.conversation-row-top strong{min-width:0;flex:1;font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row-top time{flex:none;color:var(--cinza);font:11px 'JetBrains Mono',monospace;white-space:nowrap}
.conversation-row-preview > span{min-width:0;flex:1;color:var(--cinza);font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row.nova .conversation-row-top strong{font-weight:800}
.conversation-row.nova .conversation-row-preview > span{color:var(--tinta);font-weight:600}
.conversation-row.nova .conversation-row-top time{color:var(--terracota);font-weight:700}
.conversation-row-property{min-width:0;display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--cinza)}
.conversation-row-thumb{
  width:38px;height:34px;border-radius:8px;flex:none;background:center/cover no-repeat var(--bege);
  color:var(--terracota);display:flex;align-items:center;justify-content:center
}
.conversation-row-thumb svg{font-size:16px}
.conversation-row-property-copy{min-width:0;flex:1;width:0;display:flex;align-items:baseline;gap:6px}
.conversation-row-property-copy strong{min-width:0;max-width:180px;flex:1;font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row-property-copy small{min-width:0;max-width:44%;color:var(--cinza);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conversation-row-property-copy small span{margin-right:2px}
.conversation-row-property.fallback{font-size:11.5px}
.conversation-row-property.fallback .conversation-row-thumb{width:27px;height:25px;border-radius:7px}
.conversation-row-property.fallback .conversation-row-thumb svg{font-size:13px}
.conversation-list-status{margin:10px 14px 0}
.conversation-list-more{flex:none;width:calc(100% - 28px);margin:12px 14px 14px}
.conversation-filter-empty{padding:34px 20px;text-align:center;color:var(--cinza);font-size:13px}
.conversation-list-empty{margin:14px 20px}

.conversation-chat-column{display:none;min-width:0;min-height:0;background:var(--papel);overflow:hidden}
.conversation-chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;color:var(--cinza)}
.conversation-chat-empty > span{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--terracota-fraco);color:var(--terracota);font-size:24px;margin-bottom:13px}
.conversation-chat-empty strong{font-size:15px;color:var(--tinta);margin-bottom:3px}
.conversation-chat-empty p{font-size:12.5px;max-width:250px}

/* Chat aberto ocupa a tela inteira no celular; a lista continua no DOM apenas no desktop. */
.conversation-page.aberta > .conversation-page-header,
.conversation-page.aberta > .conversation-search,
.conversation-page.aberta > .conversation-filters,
.conversation-workbench.aberta > .conversation-list-column{display:none}
.conversation-workbench.aberta{display:flex}
.conversation-workbench.aberta > .conversation-chat-column{display:flex;flex:1}
.conversation-chat-column > .chat-pane{min-width:0;width:100%;max-width:none;margin:0;border:0}

@media (max-width:899px){
  .conversation-list{padding:0 14px 18px;display:flex;flex-direction:column;gap:10px}
  .conversation-row{
    border:1px solid var(--linha);border-radius:16px;padding:14px;background:var(--papel);
    box-shadow:0 3px 12px rgba(63,42,25,.045)
  }
  .conversation-row:last-child{border-bottom:1px solid var(--linha)}
  .conversation-row.ativa{border-color:var(--terracota);box-shadow:inset 3px 0 var(--terracota),0 3px 12px rgba(63,42,25,.045)}
  .imob-conversas-aberta .imob-topbar,
  .imob-conversas-aberta .imob-mobile-nav,
  .imob-conversas-aberta .imob-page-head{display:none}
  .imob-conversas-aberta .imob-scroll,.imob-conversas-aberta .imob-content{height:100%;min-height:0}
  .imob-conversas-aberta .imob-content{padding:0}
  .imob-conversas-aberta .conversation-page{height:100%;overflow:hidden;background:var(--papel)}
  .conversation-page.imob:not(.aberta){overflow:visible}
  .conversation-page.imob:not(.aberta) .conversation-list-column{border:1px solid var(--imob-border);border-radius:13px;overflow:hidden}
  .conversation-page.imob:not(.aberta) .conversation-list{overflow:visible}
}

@media (max-width:360px){
  .conversation-page-header{padding-left:16px;padding-right:16px}
  .conversation-search{margin-left:16px;margin-right:16px;padding-left:12px;padding-right:12px}
  .conversation-filters{padding-left:16px;padding-right:16px}
  .conversation-list{padding-left:10px;padding-right:10px;gap:8px}
  .conversation-row{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:13px}
  .conversation-row > .av{width:42px;height:42px;font-size:15px}
  .conversation-row-property-copy strong{max-width:none}
}

@media (min-width:900px){
  .conversation-page{height:100vh;padding:28px 32px 32px;background:#f8f4ed}
  .conversation-page.imob{height:auto;min-height:0;padding:0;background:transparent}
  .conversation-page.aberta > .conversation-page-header{display:block}
  .conversation-page.aberta > .conversation-search{display:flex}
  .conversation-page.aberta > .conversation-filters{display:flex}
  .conversation-page-header{padding:0 0 16px}
  .conversation-page-header h1{font-size:29px}
  .conversation-search,.conversation-page.imob > .conversation-search{margin:0 0 12px}
  .conversation-filters,.conversation-page.imob > .conversation-filters{padding:0 0 14px}
  .conversation-workbench,.conversation-workbench.aberta{
    min-height:560px;height:calc(100vh - 168px);display:grid;
    grid-template-columns:minmax(310px,36%) minmax(0,1fr);border:1px solid var(--linha);
    border-radius:14px;background:var(--papel);box-shadow:0 8px 28px rgba(63,42,25,.045);overflow:hidden
  }
  .conversation-page.imob .conversation-workbench{height:calc(100vh - 210px);min-height:540px;border-color:var(--imob-border)}
  .conversation-workbench.aberta > .conversation-list-column{display:flex}
  .conversation-list-column{border-right:1px solid var(--linha)}
  .conversation-list{display:block;padding:0}
  .conversation-row{grid-template-columns:44px minmax(0,1fr);gap:11px;padding:13px 14px}
  .conversation-row:hover{background:#fdfaf6}
  .conversation-row > .av{width:44px;height:44px;font-size:15px}
  .conversation-row-property-copy strong{max-width:150px}
  .conversation-chat-column,.conversation-workbench.aberta > .conversation-chat-column{display:flex}
  .conversation-chat-column > .chat-pane{height:100%;max-height:100%;background:var(--papel)}
  .conversation-chat-column .chat-imovel-voltar{display:none}
  .conversation-chat-column .chat-imovel-contexto{gap:13px;padding:13px 18px;background:#fcfaf7}
  .conversation-chat-column .chat-imovel-contexto .conv-imovel-foto{width:92px;height:68px;border-radius:10px}
  .conversation-chat-column .chat-imovel-contexto strong{font-size:14px}
  .conversation-chat-column .chat-imovel-contexto small{font-size:11.5px;margin-top:4px}
  .conversation-chat-column .chat-topo{padding:13px 18px}
  .conversation-chat-column .chat-aviso{padding:12px 18px 0}
  .conversation-chat-column .msgs{padding:16px 18px}
  .conversation-chat-column .chat-sug{padding:0 18px}
  .conversation-chat-column .compor{padding:12px 18px 15px}
}

@media (min-width:1280px){
  .conversation-workbench,.conversation-workbench.aberta{grid-template-columns:360px minmax(0,1fr)}
  .conversation-row-property-copy strong{max-width:190px}
}