/* v5-escritorio-v146.css — Escritório com a planta nova   (30/09/2026 · v146)

   1. PAINEL DA EQUIPE + NOVA ATIVIDADE num cartão só, legível, com a nova
      atividade logo embaixo do painel (eram duas caixas de 7px desenhadas
      dentro da sala). Na tela larga fica no canto de baixo à esquerda da
      sala (a parte escura da planta nova); no celular vem logo abaixo dela.
   2. O MINI MENU do boneco: o que ele pode responder.
   3. Sala aproximada: dá para arrastar (dedo ou mouse) e pinçar. */

.esc-sala { position: relative; }
#office-map { touch-action: pan-x pan-y; }
.esc-com-zoom #office-map { touch-action: none; cursor: grab; }
.esc-arrastando #office-map { cursor: grabbing; transition: none !important; }

/* ----------------------------------------------------------- 1. o cartão */
.esc-hud {
  display: block; margin: 10px 0 0; color: #EAF4F5;
  background: rgba(10, 30, 38, .95); border: 1px solid #1C3A45; border-radius: 14px;
  overflow: hidden; font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.esc-hud h6 {
  padding: 0;
  display: flex; align-items: baseline; justify-content: space-between; gap: 8px;
  margin: 0 0 4px; font: 700 11px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .06em; text-transform: uppercase; color: #8FAAB3;
}
.esc-hud h6 small { font: inherit; color: #5E7A84; letter-spacing: 0; }
.esc-hud-painel { padding: 10px 14px 9px 13px; border-left: 3px solid var(--hud-cor, #73E7CF); }
.esc-hud .esc-hud-painel p {
  margin: 3px 0 0; padding: 0; font: 500 13px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: var(--l-cor, #9FBFC7); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.esc-hud-ativ { padding: 8px 14px 10px 13px; border-top: 1px solid #1C3A45; border-left: 3px solid #F0AD4E; }
.esc-hud-ativ h6 { color: #F0AD4E; }
.esc-hud .esc-hud-ativ p {
  margin: 0; padding: 0; font-size: 14.5px; font-weight: 650; line-height: 1.3; color: #FBEEE0;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  animation: escHudTroca .45s ease both;
}
@keyframes escHudTroca { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }

/* dentro da sala (sala larga) — o v5-escritorio.js põe a classe .dentro */
.esc-hud.dentro {
  position: absolute; z-index: 3; left: 12px; bottom: 12px; margin: 0;
  width: min(310px, 38%); backdrop-filter: blur(8px);
  box-shadow: 0 12px 30px -14px rgba(0, 0, 0, .55);
}
/* a frase "Organização hoje, mais lucro amanhã" morava nesse canto */
body.v5-escritorio .esc-sala.com-hud .esc-frase { display: none !important; }

/* --------------------------------------------------------- 2. mini menu */
.esc-agente-menu {
  position: absolute; left: 0; top: 0; z-index: 6; width: 292px; max-width: calc(100% - 16px);
  padding: 12px; border-radius: 16px; color: #EAF4F5;
  background: #0D222B; border: 1px solid #2F7E70;
  box-shadow: 0 20px 44px -12px rgba(0, 0, 0, .6);
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
}
.esc-agente-menu[hidden] { display: none; }
.esc-agente-menu.entra { animation: escMenuEntra .18s ease-out both; }
@keyframes escMenuEntra { from { opacity: 0; } to { opacity: 1; } }
.esc-agente-menu .esc-am-cab { display: flex; margin: 0; gap: 10px; align-items: flex-start; }
.esc-agente-menu .esc-am-cab img {
  flex: none; width: 44px; height: 42px; object-fit: contain; image-rendering: pixelated;
  background: #112B35; border: 1px solid #1C3A45; border-radius: 11px;
}
.esc-agente-menu .esc-am-cab div { flex: 1; min-width: 0; }
.esc-agente-menu .esc-am-cab b { display: block; font-size: 15px; line-height: 1.25; }
.esc-agente-menu .esc-am-cab small {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  margin-top: 2px; font-size: 12px; line-height: 1.35; color: #8FAAB3;
}
.esc-agente-menu button { font: inherit; cursor: pointer; }
.esc-am-fecha {
  flex: none; width: 28px; height: 28px; border-radius: 9px; border: 1px solid #1C3A45;
  background: transparent; color: #8FAAB3; font-size: 18px; line-height: 1;
}
.esc-am-fecha:hover { color: #EAF4F5; border-color: #34D6B5; }
.esc-agente-menu .esc-am-rot { margin: 12px 0 6px; padding: 0; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; color: #34D6B5; }
.esc-am-lista { display: flex; flex-direction: column; gap: 6px; }
.esc-am-lista button {
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
  padding: 9px 10px; border-radius: 10px; border: 1px solid #1C3A45; background: #112B35;
  color: #EAF4F5; font-size: 13px; line-height: 1.3;
}
.esc-am-lista button span { flex: 1; }
.esc-am-lista button i { font-style: normal; color: #34D6B5; font-size: 16px; }
.esc-am-lista button:hover, .esc-am-lista button:focus-visible { border-color: #34D6B5; background: #143540; outline: none; }
.esc-agente-menu .esc-am-pe { display: flex; gap: 6px; margin-top: 10px; }
.esc-am-conversa {
  flex: 1; padding: 9px 10px; border-radius: 10px; border: 0;
  background: #34D6B5; color: #07181F; font-weight: 700; font-size: 13px;
}
.esc-am-conversa:hover { filter: brightness(1.06); }
.esc-am-cafe { width: 40px; border-radius: 10px; border: 1px solid #1C3A45; background: #112B35; font-size: 16px; }
.esc-am-cafe:hover { border-color: #F0AD4E; }
@media (prefers-reduced-motion: reduce) {
  .esc-agente-menu.entra, .esc-hud-ativ p { animation: none; }
}

/* os botões do site têm fonte grande por padrão: aqui o menu manda */
body.v5-escritorio .esc-agente-menu .esc-am-pe .esc-am-conversa {
  font-size: 13px !important; font-weight: 700 !important; line-height: 1.2 !important;
  min-height: 38px; padding: 9px 10px !important; letter-spacing: 0;
}
body.v5-escritorio .esc-agente-menu .esc-am-pe .esc-am-cafe { font-size: 17px !important; line-height: 1 !important; padding: 0 !important; color: #EAF4F5; }
body.v5-escritorio .esc-agente-menu .esc-am-lista button { font-size: 13px !important; font-weight: 500 !important; }