/* v5-escritorio-v139.css — a estrutura nova do Escritório   (27/09/2026 · v139)

   Entra por ÚLTIMO. Mexe só em estrutura e superfície: barra escura, coluna da
   esquerda, faixa de números, sobreposições da sala e o chat com abas.
   ⚠ A SALA (#office-map: a imagem + o canvas) NÃO é repintada aqui — só o
   tamanho da caixa em volta dela.
   Tudo vale acima de 1100px. Abaixo disso a tela continua a da v138 e os
   elementos novos ficam escondidos. */

.esc-lado, .esc-kpis, .esc-hoje, .esc-frase, .esc-zoom, .esc-abas, .esc-ola,
.esc-chat-largo, .esc-dica, .esc-sub, .esc-rot-curto { display: none; }

@media (min-width: 1101px) {
  body.v5-escritorio {
    --v139-fundo: #07181F;
    --v139-sup: #0D222B;
    --v139-sup2: #112B35;
    --v139-borda: #1C3A45;
    --v139-tx: #EAF4F5;
    --v139-tx2: #8FAAB3;
    --v139-menta: var(--ds-menta, #34D6B5);
    --v139-azul: #6E94F2;
    --v139-atencao: #F2B45C;
    --v139-erro: #F07A86;
    --v139-r: 22px;
    background: radial-gradient(1200px 600px at 70% -10%, rgba(14, 58, 58, .35), transparent), var(--v139-fundo) !important;
  }

  /* ------------------------------------------------ a barra de cima, escura */
  body.v5-escritorio :is(.app-page, .office-page) .sidebar {
    top: 0 !important; left: 0 !important; right: 0 !important; width: auto !important;
    height: 72px !important; border-radius: 0 !important; margin: 0 !important;
    padding: 0 20px !important;
    background: rgba(7, 24, 31, .92) !important;
    backdrop-filter: blur(14px);
    border: 0 !important; border-bottom: 1px solid var(--v139-borda) !important;
    box-shadow: none !important;
  }
  html body.v5-escritorio.v5-app-topo main.office-page.active aside.sidebar a.brand { background-image: url("/site/lucrei-horizontal-branco.svg?v=3") !important; }
  body.v5-escritorio :is(.app-page, .office-page) .sidebar .brand,
  body.v5-escritorio :is(.barra, .barra-app, .sidebar) :is(.logo, .brand, .marca) { color: var(--v139-tx) !important; }
  body.v5-escritorio :is(.app-page, .office-page) .sidebar nav a,
  body.v5-escritorio :is(.app-page, .office-page) .sidebar .abre-grupo,
  body.v5-escritorio .sidebar .back-site,
  body.v5-escritorio .sidebar nav .abre-grupo,
  body.v5-escritorio .sidebar .grupo > button { color: #C9DCE0 !important; background: transparent !important; }
  body.v5-escritorio :is(.app-page, .office-page) .sidebar nav a:hover,
  body.v5-escritorio :is(.app-page, .office-page) .sidebar .abre-grupo:hover { background: var(--v139-sup2) !important; color: var(--v139-tx) !important; }
  body.v5-escritorio :is(.app-page, .office-page) .sidebar nav a.active,
  body.v5-escritorio :is(.app-page, .office-page) .sidebar nav a.destaque.active {
    background: var(--v139-menta) !important; color: #06201C !important; font-weight: 700;
  }
  body.v5-escritorio :is(.app-page, .office-page) .sidebar nav a.active svg { color: #06201C !important; }
  body.v5-escritorio :is(.app-page, .office-page) .sidebar .conta-lado .perfil,
  body.v5-escritorio :is(.app-page, .office-page) .sidebar .loja-btn,
  body.v5-escritorio :is(.app-page, .office-page) .sidebar .loja-topo.so-uma {
    background: transparent !important; border: 1px solid var(--v139-borda) !important; color: var(--v139-tx) !important;
  }
  body.v5-escritorio .sidebar .conta-lado .quem b,
  body.v5-escritorio .sidebar .loja-btn b,
  body.v5-escritorio .sidebar .loja-topo.so-uma b { color: var(--v139-tx) !important; }
  body.v5-escritorio .sidebar .conta-lado .quem small { color: var(--v139-menta) !important; }
  body.v5-escritorio :is(.app-page, .office-page) .sidebar .conta-lado .ini { background: var(--v139-menta) !important; color: #06201C !important; }

  /* ------------------------------------------------ a grade da página */
  body.v5-escritorio main.office-page.active {
    display: grid !important;
    grid-template-columns: 250px minmax(0, 1fr) 330px;
    gap: 18px;
    padding: 90px 20px 20px !important;
    min-height: 100vh;
    align-items: start;
  }
  body.v5-escritorio.esc-chat-largo main.office-page.active { grid-template-columns: 250px minmax(0, 1fr) 460px; }
  body.v5-escritorio .office-panel { display: none !important; }

  /* ------------------------------------------------ coluna da esquerda */
  body.v5-escritorio .esc-lado {
    display: flex; flex-direction: column; gap: 14px;
    grid-column: 1; position: relative; top: 0; color: var(--v139-tx);
  }
  .esc-lado-card { background: var(--v139-sup); border: 1px solid var(--v139-borda); border-radius: var(--v139-r); }
  .esc-lado svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; flex: none; }
  .esc-perfil { display: flex; gap: 12px; padding: 16px; }
  .esc-perfil-foto { width: 54px; height: 54px; border-radius: 16px; flex: none; display: grid; place-items: center;
    background: linear-gradient(135deg, #1E6B5E, #0F3B38); color: var(--v139-menta); font-weight: 800; font-size: 22px; }
  .esc-perfil > div { min-width: 0; flex: 1; }
  .esc-perfil b { display: block; font-size: 14px; }
  .esc-perfil small { display: block; color: var(--v139-tx2); font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .esc-perfil small em { font-style: normal; color: var(--v139-menta); font-weight: 600; }
  .esc-perfil-conta { margin-top: 6px; text-align: right; }
  .esc-perfil-conta b { display: inline !important; color: var(--v139-menta); font-size: 12px !important; }
  .esc-barra { height: 6px; border-radius: 4px; background: var(--v139-borda); margin-top: 8px; overflow: hidden; }
  .esc-barra i { display: block; height: 100%; background: var(--v139-menta); border-radius: 4px; transition: width .6s; }
  .esc-barra i.abaixo { background: var(--v139-atencao); }

  .esc-menu { padding: 10px; display: flex; flex-direction: column; gap: 2px; }
  .esc-menu h6 { font-size: 11px; color: var(--v139-tx2); letter-spacing: .08em; margin: 6px 10px 4px; font-weight: 600; }
  .esc-menu h6 + * { margin-top: 0; }
  .esc-menu h6:not(:first-child) { margin-top: 12px; }
  .esc-menu a, .esc-menu button {
    all: unset; box-sizing: border-box; cursor: pointer;
    display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px;
    color: #D5E4E7; font-weight: 500; font-size: 14px;
  }
  .esc-menu a:hover, .esc-menu button:hover { background: var(--v139-sup2); }
  .esc-menu a:focus-visible, .esc-menu button:focus-visible { outline: 2px solid var(--v139-menta); outline-offset: 1px; }
  .esc-menu a.at { background: linear-gradient(90deg, #1E6B5E, #154B45); color: #fff; box-shadow: inset 3px 0 var(--v139-menta); }
  .esc-n { margin-left: auto; min-width: 26px; text-align: center; background: var(--v139-sup2); border-radius: 10px; padding: 1px 8px; font-size: 12px; }
  .esc-n.alerta { background: var(--v139-erro); color: #fff; }
  .esc-n.zero { background: var(--v139-sup2); color: var(--v139-tx2); }

  .esc-objetivo { padding: 16px; display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; align-items: center; }
  .esc-alvo { color: var(--v139-erro); }
  .esc-alvo svg { width: 30px; height: 30px; }
  .esc-objetivo small { display: block; font-size: 12px; color: var(--v139-tx2); }
  .esc-objetivo b { font-size: 13px; }
  .esc-objetivo .esc-barra { grid-column: 1 / -1; }
  .esc-obj-pe { grid-column: 1 / -1; display: flex; justify-content: space-between; font-size: 13px; color: var(--v139-tx); margin-top: 4px; }

  .esc-ajuda { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 12px; padding: 16px;
    background: var(--v139-sup); border: 1px solid var(--v139-borda); border-radius: var(--v139-r); color: var(--v139-menta); }
  .esc-ajuda:hover { border-color: #2F7E70; }
  .esc-ajuda span { flex: 1; }
  .esc-ajuda b { display: block; color: var(--v139-tx); font-size: 13.5px; }
  .esc-ajuda small { color: var(--v139-tx2); font-size: 13px; }
  .esc-ajuda i { font-style: normal; color: var(--v139-tx2); font-size: 18px; }

  /* ------------------------------------------------ o palco do meio */
  body.v5-escritorio .office-stage {
    grid-column: 2; padding: 0 !important; margin: 0 !important; width: auto !important; max-width: none !important; min-height: 0 !important;
    background: none !important; min-width: 0; display: flex !important; flex-direction: column; gap: 14px;
  }
  body.v5-escritorio .office-title {
    display: grid !important; grid-template-columns: auto 1fr; gap: 14px 12px;
    align-items: start; padding: 0 !important; margin: 0 !important;
  }
  body.v5-escritorio .office-title-esq h2 { font-size: 29px !important; letter-spacing: -.6px; margin: 0 !important; color: var(--v139-tx); white-space: nowrap; }
  body.v5-escritorio .esc-sub { display: block; margin: 0; color: var(--v139-tx2); font-size: 15px; white-space: nowrap; }
  body.v5-escritorio .esc-sub-linha { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
  body.v5-escritorio .office-title-esq { min-width: max-content; }
  body.v5-escritorio .office-title-actions {
    display: flex !important; flex-direction: row !important; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-end; gap: 10px;
    margin: 0 !important; padding: 0 !important; min-width: 0;
  }
  body.v5-escritorio .esc-linha-estado, body.v5-escritorio .esc-linha-acoes { display: contents !important; }
  body.v5-escritorio .esc-linha-estado .status-pill,
  body.v5-escritorio #bt-precisa,
  body.v5-escritorio .esc-linha-acoes a[href="/biblioteca"],
  body.v5-escritorio .office-chat-open { display: none !important; }
  body.v5-escritorio .esc-vivo-topo {
    display: inline-flex !important; align-items: center; gap: 8px; position: static !important;
    border: 1px solid var(--v139-borda); border-radius: 10px; padding: 5px 10px; margin: 0 !important;
    color: var(--v139-menta); background: transparent !important; white-space: nowrap;
  }
  body.v5-escritorio .esc-vivo-topo small { font-size: 12px; font-weight: 600; color: var(--v139-menta) !important; letter-spacing: .02em; }
  body.v5-escritorio :is(.esc-notif, .esc-acao-barra) {
    display: inline-flex !important; align-items: center; gap: 8px; align-self: flex-start; white-space: nowrap;
    height: 44px; padding: 0 14px !important; border-radius: 12px !important; margin: 0 !important;
    border: 1px solid #2A5A58 !important; background: #0C2A2C !important; color: var(--v139-tx) !important;
    font-weight: 600; font-size: 13.5px; position: relative; box-shadow: none !important;
  }
  body.v5-escritorio :is(.esc-notif, .esc-acao-barra):hover { border-color: var(--v139-menta) !important; }
  body.v5-escritorio :is(.esc-notif, .esc-acao-barra) svg { color: var(--v139-menta) !important; width: 18px; height: 18px; }
  body.v5-escritorio #bt-caixa .esc-rot-longo { display: none; }
  body.v5-escritorio #bt-caixa .esc-rot-curto { display: inline; }
  body.v5-escritorio #bt-caixa .esc-notif-n {
    position: absolute; top: -7px; right: -7px; min-width: 20px; height: 20px; border-radius: 10px; padding: 0 5px;
    display: grid; place-items: center; background: var(--v139-erro) !important; color: #fff !important; font-size: 11px;
  }
  body.v5-escritorio #bt-caixa .esc-notif-n.zero { display: none !important; }

  /* o Reunir a equipe vira o botão grande da direita, como no desenho */
  body.v5-escritorio .office-title-actions .esc-reuniao-hero {
    display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
    width: auto !important; min-width: 150px; height: 88px; margin: 0 !important; padding: 10px 20px !important;
    border-radius: 18px !important; border: 0 !important;
    background: var(--v139-menta) !important; color: #06201C !important;
    box-shadow: 0 8px 30px rgba(52, 214, 181, .28) !important; cursor: pointer;
    grid-template-columns: none !important;
  }
  body.v5-escritorio .office-title-actions .esc-reuniao-hero:hover { filter: brightness(1.06); }
  body.v5-escritorio .office-title-actions .esc-reuniao-hero .erh-ico { background: none !important; width: auto; height: auto; color: #06201C !important; }
  body.v5-escritorio .office-title-actions .esc-reuniao-hero .erh-ico svg { width: 26px; height: 26px; color: #06201C; }
  body.v5-escritorio .office-title-actions .esc-reuniao-hero .erh-txt b { font-size: 15px; color: #06201C !important; white-space: nowrap; }
  body.v5-escritorio .office-title-actions .esc-reuniao-hero :is(.erh-txt small, .erh-cta) { display: none !important; }

  /* a faixa da equipe: uma linha só, largura inteira */
  body.v5-escritorio .office-title .esc-equipe { grid-column: 1 / -1; margin: -30px 0 0 !important; padding: 0 !important; max-width: calc(100% - 180px); }
  body.v5-escritorio .esc-equipe .seq { display: flex !important; flex-wrap: nowrap; justify-content: space-between; gap: 4px; width: 100%; }
  body.v5-escritorio .esc-equipe .seq-nome { color: #D5E4E7 !important; font-size: 11.5px; font-weight: 600; }

  /* a faixa antiga de 4 cartões sai daqui (o v5-vivo.js continua escrevendo nela) */
  body.v5-escritorio .num-fila { display: none !important; }

  /* ------------------------------------------------ o cartão da sala */
  body.v5-escritorio .office-live-shell {
    display: flex !important; flex-direction: column; gap: 12px;
    background: var(--v139-sup) !important; border: 1px solid var(--v139-borda) !important;
    border-radius: var(--v139-r) !important; padding: 14px !important; margin: 0 !important;
    box-shadow: none !important;
  }
  body.v5-escritorio .esc-kpis { display: grid; grid-template-columns: 1.05fr 1.2fr 1fr .9fr 1.3fr; gap: 10px; }
  .esc-kpi { display: flex; align-items: center; gap: 12px; min-width: 0;
    background: var(--v139-sup2); border: 1px solid var(--v139-borda); border-radius: 16px; padding: 11px 14px; color: var(--v139-tx); text-decoration: none; }
  a.esc-kpi:hover { border-color: #2F7E70; }
  .esc-kpi > span:not(.esc-kpi-ico) { min-width: 0; }
  .esc-kpi small { display: block; color: var(--v139-tx2); font-size: 12px; white-space: nowrap; }
  .esc-kpi b { display: block; font-size: 16px; white-space: nowrap; font-variant-numeric: tabular-nums; }
  .esc-kpi-ico svg { width: 26px; height: 26px; fill: none; stroke: var(--v139-menta); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; display: block; }
  .esc-kpi.destaque { background: linear-gradient(135deg, #124B45, #0E2F33); border-color: #2F7E70; }
  .esc-kpi.destaque b { font-size: 21px; color: var(--v139-menta); }
  .esc-kpi i { margin-left: auto; font-style: normal; color: var(--v139-tx2); font-size: 18px; }
  .esc-kpi-loja { flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; }
  .esc-kpi-loja b { display: flex; align-items: center; gap: 7px; font-size: 14px; }
  .esc-kpi-loja em { font-style: normal; font-size: 11.5px; color: var(--v139-tx2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
  .esc-ml { width: 18px; height: 18px; border-radius: 50%; background: #FFE600; display: inline-block; flex: none; }

  body.v5-escritorio .esc-sala { position: relative; border-radius: 18px; overflow: hidden; }
  body.v5-escritorio .esc-sala .office-map {
    margin: 0 !important; border-radius: 18px !important; transform-origin: 50% 50%; transition: transform .35s ease;
  }
  body.v5-escritorio .office-controls { display: none !important; }

  .esc-sala :is(.esc-hoje, .esc-frase, .esc-zoom) { position: absolute; z-index: 3; color: var(--v139-tx); }
  body.v5-escritorio .esc-hoje {
    display: flex; flex-direction: column; gap: 6px; right: 12px; top: 12px;
    background: rgba(10, 30, 38, .94); border: 1px solid var(--v139-borda); border-radius: 14px;
    padding: 12px 14px; font-size: 12.5px; min-width: 190px; backdrop-filter: blur(8px);
  }
  .esc-hoje b { font-size: 13.5px; margin-bottom: 2px; }
  .esc-hoje span::before { content: ""; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: var(--c); margin-right: 8px; }
  .esc-hoje em { font-style: normal; font-weight: 700; color: var(--c); margin-right: 3px; }
  .esc-hoje .c-menta { --c: var(--v139-menta); }
  .esc-hoje .c-atencao { --c: var(--v139-atencao); }
  .esc-hoje .c-azul { --c: var(--v139-azul); }
  .esc-hoje .c-neutro { --c: var(--v139-tx2); }
  body.v5-escritorio .esc-frase {
    display: block; left: 12px; bottom: 12px; background: rgba(10, 30, 38, .94); border: 1px solid var(--v139-borda);
    border-radius: 14px; padding: 12px 16px; line-height: 1.3; backdrop-filter: blur(8px); pointer-events: none;
  }
  .esc-frase q { display: block; color: var(--v139-menta); font-size: 30px; line-height: .8; font-weight: 800; }
  .esc-frase q::before, .esc-frase q::after { content: none; }
  .esc-frase b { font-size: 15px; }
  .esc-frase small { display: block; color: var(--v139-tx2); font-size: 11.5px; margin-top: 4px; }
  body.v5-escritorio .esc-zoom { display: flex; gap: 8px; right: 12px; bottom: 12px; }
  .esc-zoom button { all: unset; box-sizing: border-box; cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
    height: 40px; min-width: 40px; justify-content: center; padding: 0 12px; border-radius: 12px;
    background: rgba(10, 30, 38, .94); border: 1px solid var(--v139-borda); font-weight: 600; font-size: 13px; color: var(--v139-tx); }
  .esc-zoom button:hover { border-color: var(--v139-menta); }
  .esc-zoom button:disabled { opacity: .45; cursor: default; }
  .esc-zoom svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
  .esc-area { position: relative; }
  .esc-area-lista { position: absolute; bottom: 48px; right: 0; width: 230px; max-height: 300px; overflow: auto;
    background: #0A1E26; border: 1px solid var(--v139-borda); border-radius: 14px; padding: 6px; display: flex; flex-direction: column; }
  .esc-area-lista[hidden] { display: none; }
  .esc-area-lista button { all: unset; cursor: pointer; padding: 8px 10px; border-radius: 9px; font-size: 13px; color: var(--v139-tx); }
  .esc-area-lista button:hover { background: var(--v139-sup2); }

  /* ------------------------------------------------ o chat da direita */
  body.v5-escritorio .office-chat-panel {
    grid-column: 3; position: relative !important; top: 0 !important; inset: auto !important; right: auto !important; left: auto !important;
    width: auto !important; height: calc(100vh - 110px) !important; max-height: none !important; transform: none !important;
    display: flex !important; flex-direction: column; gap: 10px;
    background: var(--v139-sup) !important; border: 1px solid var(--v139-borda) !important;
    border-radius: var(--v139-r) !important; padding: 16px !important; margin: 0 !important; box-shadow: none !important;
    color: var(--v139-tx);
  }
  body.v5-escritorio .office-chat-panel > header { display: flex !important; align-items: center; gap: 8px; padding: 0 !important; margin: 0 !important; border: 0 !important; }
  body.v5-escritorio .office-chat-panel > header > div { flex: 1; }
  body.v5-escritorio .office-chat-panel > header h2 { font-size: 19px !important; margin: 0 !important; color: var(--v139-tx); }
  body.v5-escritorio .office-chat-panel .chat-close { display: none !important; }
  body.v5-escritorio .esc-chat-largo { all: unset; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; cursor: pointer; color: var(--v139-tx2); }
  body.v5-escritorio .esc-chat-largo:hover { background: var(--v139-sup2); color: var(--v139-tx); }
  .esc-chat-largo svg, .esc-abas svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

  body.v5-escritorio .esc-abas { display: grid; grid-template-columns: 1fr 1fr; background: var(--v139-sup2); border-radius: 12px; padding: 4px; flex: none; }
  .esc-abas button { all: unset; cursor: pointer; display: flex; justify-content: center; align-items: center; gap: 6px;
    padding: 8px; border-radius: 9px; font-size: 13px; font-weight: 600; color: var(--v139-tx2); }
  .esc-abas button[aria-selected="true"] { background: #16453F; color: var(--v139-tx); box-shadow: inset 0 0 0 1px #2F7E70; }
  .esc-abas button[aria-selected="true"] svg { color: var(--v139-menta); }

  body.v5-escritorio .esc-ola { display: flex; gap: 12px; flex: none; background: var(--v139-sup2); border: 1px solid var(--v139-borda); border-radius: 16px; padding: 12px; }
  .esc-ola-foto { width: 54px; height: 62px; border-radius: 14px; background: radial-gradient(circle at 50% 40%, #1E6B5E, #0F3B38); flex: none; display: grid; place-items: center; overflow: hidden; }
  .esc-ola-foto img { width: 44px; image-rendering: pixelated; }
  .esc-ola b { font-size: 15px; }
  .esc-ola p { margin: 3px 0 0; color: var(--v139-tx2); font-size: 12.5px; line-height: 1.4; }

  /* o crachá de quem respondeu só aparece quando já tem conversa */
  body.v5-escritorio .office-chat-panel .chat-agent-summary { display: none !important; }
  body.v5-escritorio .office-chat-panel.esc-conversando .chat-agent-summary { display: flex !important; }
  body.v5-escritorio .office-chat-panel.esc-conversando .esc-ola { display: none; }
  body.v5-escritorio .office-chat-panel:not(.esc-conversando) .agent-chat-messages { display: none !important; }
  body.v5-escritorio .office-chat-panel.esc-conversando .agent-chat-messages { flex: 1 1 auto; min-height: 120px; overflow: auto; }

  /* as perguntas prontas: uma coluna, com seta, como no desenho */
  body.v5-escritorio .office-chat-panel .chat-quick-actions {
    display: flex !important; flex-direction: column; gap: 8px; flex: 1 1 auto; min-height: 0; max-height: none !important; overflow: auto;
    grid-template-columns: none !important; padding: 0 2px 0 0 !important; margin: 0 !important;
  }
  body.v5-escritorio .office-chat-panel.esc-conversando .chat-quick-actions { flex: 0 1 auto; max-height: 40%; }
  body.v5-escritorio .office-chat-panel .chat-quick-actions.recolhido { display: none !important; }
  body.v5-escritorio .office-chat-panel .chat-quick-actions button {
    display: flex !important; align-items: center; gap: 10px; width: 100%; min-height: 42px; flex: none;
    background: var(--v139-sup2) !important; border: 1px solid var(--v139-borda) !important; border-radius: 12px !important;
    padding: 10px 12px !important; font-size: 13px !important; font-weight: 500 !important; color: var(--v139-tx) !important; text-align: left;
  }
  body.v5-escritorio .office-chat-panel .chat-quick-actions button::after { content: "›"; margin-left: auto; color: var(--v139-tx2); font-size: 16px; }
  body.v5-escritorio .office-chat-panel .chat-quick-actions button:hover { border-color: #2F7E70 !important; }
  body.v5-escritorio .office-chat-panel .chat-quick-actions button svg { color: var(--v139-menta) !important; width: 18px; height: 18px; flex: none; }
  /* na aba Assistente, as 7 primeiras; em Sugestões, todas */
  body.v5-escritorio .office-chat-panel[data-aba="assistente"]:not(.esc-conversando) .chat-quick-actions button:nth-child(n+8) { display: none !important; }
  body.v5-escritorio .office-chat-panel[data-aba="sugestoes"] .esc-ola { display: none; }

  body.v5-escritorio .office-chat-panel .agent-chat-form { flex: none; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  body.v5-escritorio .office-chat-panel .agent-chat-form label { display: none !important; }
  body.v5-escritorio .office-chat-panel .agent-chat-form > div {
    display: flex !important; border: 1px solid var(--v139-borda) !important; border-radius: 14px !important; overflow: hidden;
    background: var(--v139-fundo) !important;
  }
  body.v5-escritorio .office-chat-panel .agent-chat-form input { flex: 1; background: transparent !important; border: 0 !important; color: var(--v139-tx) !important; padding: 13px 14px !important; }
  body.v5-escritorio .office-chat-panel .agent-chat-form button[type="submit"] { width: 52px; border-radius: 0 !important; background: var(--v139-menta) !important; color: #06201C !important; border: 0 !important; }
  body.v5-escritorio .office-chat-panel #chat-rodape { display: none !important; }
  body.v5-escritorio .esc-dica { display: block; margin-top: 8px; font-size: 11.5px; color: var(--v139-tx2); }
}

/* telas médias: a coluna da esquerda estreita e o chat um pouco menor */
@media (min-width: 1101px) and (max-width: 1440px) {
  body.v5-escritorio main.office-page.active { grid-template-columns: 220px minmax(0, 1fr) 300px; gap: 14px; }
  body.v5-escritorio .esc-kpis { grid-template-columns: repeat(4, 1fr); }
  body.v5-escritorio .esc-kpi-loja { display: none; }
  body.v5-escritorio .esc-kpis > :nth-child(5) { grid-column: span 1; }
  body.v5-escritorio .office-title { grid-template-columns: 1fr; }
  body.v5-escritorio .office-title-actions { justify-content: flex-start; flex-wrap: wrap; }
  body.v5-escritorio .office-title .esc-equipe { margin-top: 0 !important; max-width: 100%; }
  body.v5-escritorio .office-title-actions .esc-reuniao-hero { flex-direction: row; height: 44px; min-width: 0; border-radius: 12px !important; }
  body.v5-escritorio .office-title-actions .esc-reuniao-hero .erh-ico svg { width: 20px; height: 20px; }
  body.v5-escritorio .esc-equipe .seq { justify-content: flex-start; gap: 18px; }
  body.v5-escritorio .esc-kpi i { display: none; }
  body.v5-escritorio .esc-kpi.destaque b { font-size: 18px; }
  .esc-abas button { font-size: 12.5px; white-space: nowrap; }
}