/* =========================================================
   css/luca.css — botão e painel do Luca (js/luca.painel.js).
   Prefixo .luca-.
   ========================================================= */
.luca-abrir {
  display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px;
  border: 1px solid #2d6a3e; border-radius: 10px; background: #fff; color: #1f4d2c;
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
}
.luca-abrir-foto { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex: none; }
.luca-abrir:hover { background: #eef5ef; }
.luca-abrir:focus-visible { outline: 2px solid #2d6a3e; outline-offset: 2px; }

.luca-painel {
  position: fixed; right: 16px; bottom: 16px; z-index: 60;
  width: min(380px, calc(100vw - 32px)); height: min(720px, calc(100dvh - 32px));
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--card, #fff); border-radius: 16px;
  border: 1px solid rgba(15, 31, 20, .35);
  box-shadow: 0 28px 70px rgba(8, 18, 11, .45), 0 10px 24px rgba(8, 18, 11, .3);
}
.luca-painel[hidden] { display: none; }
@media (max-width: 640px) {
  .luca-painel { right: 0; bottom: 0; width: 100%; height: 100dvh; border-radius: 0; }
}

.luca-cab { flex: none; display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #1f4d2c; color: #fff; }
.luca-avatar { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #fff; border: 2px solid #fff; }
.luca-cab-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.25; }
.luca-cab-txt strong { font-size: 16px; }
.luca-cab-txt span { font-size: 12px; color: #d3e3d7; }
.luca-icone {
  width: 44px; height: 44px; display: grid; place-items: center; border-radius: 10px;
  background: transparent; color: #fff; border: 0; cursor: pointer;
}
.luca-icone:hover { background: rgba(255, 255, 255, .14); }
.luca-icone:focus-visible { outline: 2px solid #fff; outline-offset: -2px; }
.luca-icone svg { width: 20px; height: 20px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; }

.luca-ajuda { flex: none; max-height: 45%; overflow-y: auto; padding: 12px 14px; background: #fafbf9; border-bottom: 1px solid #eef0ec; font-size: 13px; line-height: 1.5; color: #3d4539; }
.luca-ajuda[hidden] { display: none; }
.luca-ajuda p { margin: 0 0 6px; }
.luca-ajuda-t { font-weight: 700; color: #1f4d2c; }
.luca-ajuda ul { margin: 0 0 8px; padding-left: 18px; }
.luca-ajuda li { margin: 3px 0; }
.luca-ajuda-manual {
  display: inline-flex; align-items: center; gap: 6px; min-height: 40px; padding: 0 12px;
  border: 1px solid #2d6a3e; border-radius: 10px; background: #fff; color: #1f4d2c;
  font: inherit; font-size: 13px; font-weight: 600; cursor: pointer;
}
.luca-ajuda-manual:hover { background: #eef5ef; }
.luca-ajuda-manual:focus-visible { outline: 2px solid #2d6a3e; outline-offset: 2px; }
.luca-ajuda-manual svg { width: 16px; height: 16px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; }

.luca-corpo { flex: 1; min-height: 0; display: flex; }
.luca-corpo .cv-wrap { --cv-altura: 100%; height: 100%; flex: 1; border: 0; border-radius: 0; box-shadow: none; }
.ctb-secao-acoes { display: inline-flex; gap: 8px; flex-wrap: wrap; align-items: center; }

/* Acesso ao Luca em destaque (15/10/2026): foto, nome e linha de status */
.luca-abrir{min-height:46px;padding:0 16px 0 8px;border-color:#cfe0d3;border-radius:999px;box-shadow:0 1px 2px rgba(15,31,20,.05);transition:border-color .15s,box-shadow .15s,transform .15s;}
.luca-abrir:hover{border-color:#9cc3a4;box-shadow:0 4px 14px -8px rgba(31,107,58,.45);transform:translateY(-1px);}
.luca-abrir-foto{width:34px;height:34px;object-position:50% 22%;}
.luca-abrir-txt{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;text-align:left;}
.luca-abrir-txt strong{font-size:14px;font-weight:700;color:#0f1f14;}
.luca-abrir-txt small{display:flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;color:#6b7368;}
.luca-abrir-txt small::before{content:'';width:7px;height:7px;border-radius:50%;background:#2f8a4a;}

/* Faixa Pergunte ao Luca: atalhos no espírito do Harvey */
.luca-atalhos{background:#fff;border:1px solid #e4e7e2;border-radius:16px;padding:16px 18px;margin-bottom:16px;box-shadow:0 1px 2px rgba(15,31,20,.04),0 10px 26px -20px rgba(15,31,20,.2);}
.luca-atalhos-cab{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.luca-atalhos-foto{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 22%;flex:none;}
.luca-atalhos-cab strong{display:block;font-size:15px;font-weight:700;color:#0f1f14;}
.luca-atalhos-cab span{font-size:12.5px;color:#6b7368;}
.luca-atalhos-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.luca-atalho{text-align:left;border:1px solid #e4e7e2;background:#fff;border-radius:12px;padding:12px 14px;cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s;}
.luca-atalho strong{display:block;font-size:14px;color:#0f1f14;margin-bottom:3px;}
.luca-atalho span{display:block;font-size:12.5px;line-height:1.45;color:#6b7368;}
.luca-atalho:hover{border-color:#9cc3a4;box-shadow:0 4px 14px -8px rgba(31,107,58,.45);transform:translateY(-1px);}
.luca-atalho:focus-visible{outline:2px solid #2d6a3e;outline-offset:2px;}
@media (max-width:767px){.luca-atalhos-grade{grid-template-columns:1fr;}}