.cartaverde-cotacao {
  width: min(100% - 32px, 480px);
  max-height: calc(100vh - 32px);
  box-sizing: border-box;
  padding: 28px;
  border: 0;
  border-radius: 20px;
  background: #fff;
  color: #1f2937;
  box-shadow: 0 20px 60px rgba(12, 76, 154, .24);
  font: 400 16px/1.45 Inter, sans-serif;
}
.cartaverde-cotacao::backdrop { background: rgba(7, 29, 59, .65); }
.cartaverde-cotacao-cabecalho { display: flex; align-items: start; justify-content: space-between; gap: 16px; }
.cartaverde-cotacao h2 { margin: 0; color: #0c4c9a; font-size: 24px; line-height: 1.2; }
.cartaverde-cotacao-fechar { flex: none; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #e9e9e9; color: #1f2937; font: inherit; font-size: 24px; line-height: 1; cursor: pointer; }
.cartaverde-cotacao p { margin: 10px 0 22px; }
.cartaverde-cotacao form { display: grid; gap: 8px; }
.cartaverde-cotacao label { font-weight: 600; }
.cartaverde-cotacao input { box-sizing: border-box; width: 100%; height: 46px; margin-bottom: 10px; padding: 0 12px; border: 1px solid #9ca3af; border-radius: 8px; background: #fff; color: #1f2937; font: inherit; }
.cartaverde-cotacao input:focus, .cartaverde-cotacao button:focus-visible { outline: 3px solid #54c56e; outline-offset: 2px; }
.cartaverde-cotacao-enviar { min-height: 48px; padding: 10px 16px; border: 0; border-radius: 10px; background: #0c4c9a; color: #fff; font: 700 16px Inter, sans-serif; cursor: pointer; }
.cartaverde-cotacao-enviar:hover { background: #083e7f; }
.cartaverde-cotacao-enviar:disabled { opacity: .65; cursor: wait; }
.cartaverde-cotacao .cartaverde-cotacao-status { margin: 6px 0 0; color: #9b1c1c; font-size: 14px; }
@media (max-width: 480px) { .cartaverde-cotacao { padding: 22px 18px; } }