/* Botão flutuante do Claude. Discreto: fica fora do caminho e não compete com
   as ações da tela — quem precisa dele sabe onde está. */
#claude-fab{
  position:fixed; right:20px; bottom:20px; z-index:9000;
  width:52px; height:52px; border-radius:50%;
  border:none; cursor:pointer;
  background:#C15F3C;             /* laranja queimado da Anthropic */
  color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
#claude-fab:hover{ transform:translateY(-2px) scale(1.04); box-shadow:0 8px 22px rgba(0,0,0,.28); background:#A94E30; }
#claude-fab:active{ transform:translateY(0) scale(.97); }
#claude-fab:focus-visible{ outline:3px solid #C15F3C; outline-offset:3px; }

/* Dica do atalho, só no hover — não polui a tela parada. */
#claude-fab::after{
  content:"Claude · Alt+C"; position:absolute; right:62px; white-space:nowrap;
  background:#111; color:#fff; font-size:.72rem; padding:.3rem .55rem; border-radius:6px;
  opacity:0; pointer-events:none; transition:opacity .15s ease;
}
#claude-fab:hover::after{ opacity:.92; }

@media print{ #claude-fab{ display:none; } }
@media (max-width:640px){ #claude-fab{ right:14px; bottom:14px; width:46px; height:46px; } }

/* ── /claude no chat: caixa de pedido ───────────────────────────────────────── */
#claude-red-bg{ position:fixed; inset:0; z-index:9500; background:rgba(0,0,0,.42);
  display:flex; align-items:center; justify-content:center; padding:1rem; }
#claude-red{ background:#fff; border-radius:14px; padding:1.25rem 1.35rem; width:min(560px,100%);
  box-shadow:0 18px 50px rgba(0,0,0,.3); font-family:inherit; }
#claude-red h3{ margin:0 0 .2rem; font-size:1rem; color:#C15F3C; }
#claude-red .cr-sub{ margin:0 0 .8rem; font-size:.8rem; color:#6b7280; }
#claude-red .cr-linha{ display:flex; gap:.5rem; align-items:flex-start; }
#cr-pedido{ flex:1; padding:.6rem .7rem; border:1px solid #d1d5db; border-radius:8px;
  font-size:.9rem; font-family:inherit; resize:vertical; }
#cr-pedido:focus{ outline:2px solid #C15F3C; outline-offset:0; border-color:#C15F3C; }
#cr-voz{ width:42px; height:42px; flex:0 0 42px; border-radius:8px; cursor:pointer;
  border:1px solid #d1d5db; background:#fff; font-size:1.1rem; line-height:1; }
#cr-voz:hover{ background:#f9fafb; }
#cr-voz.ouvindo{ background:#fee2e2; border-color:#ef4444; animation:cr-pulsa 1.1s infinite; }
@keyframes cr-pulsa{ 0%,100%{ box-shadow:0 0 0 0 rgba(239,68,68,.5);} 50%{ box-shadow:0 0 0 7px rgba(239,68,68,0);} }
#claude-red .cr-acoes{ display:flex; gap:.5rem; align-items:center; justify-content:flex-end; margin-top:.9rem; }
#cr-status{ margin-right:auto; font-size:.8rem; color:#6b7280; }
#cr-cancelar{ background:#fff; border:1px solid #d1d5db; border-radius:8px; padding:.45rem .9rem; cursor:pointer; font-size:.85rem; }
#cr-ok{ background:#C15F3C; color:#fff; border:none; border-radius:8px; padding:.45rem 1.1rem; cursor:pointer; font-weight:600; font-size:.85rem; }
#cr-ok:disabled{ opacity:.6; cursor:default; }