/* Aviso "confirme seu e-mail" (js/email-aviso.js). Prefixo ev-. */
.ev-bar {
  display: flex; align-items: center; gap: 12px; margin: 12px 24px 0; padding: 12px 12px 12px 14px;
  background: linear-gradient(90deg, var(--primary-soft, rgba(229, 51, 42, .14)), transparent 70%), var(--surface, #151313);
  border: 1px solid var(--border-2, rgba(255, 236, 230, .13)); border-left: 3px solid var(--primary, #e5332a);
  border-radius: var(--radius-sm, 10px); animation: ev-in .3s ease both;
}
.ev-ic { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 9px; background: var(--primary-soft, rgba(229, 51, 42, .14)); color: var(--primary-2, #f0625a); }
.ev-ic .ic, .ev-ic svg { width: 17px; height: 17px; }
.ev-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; font-size: 14px; }
.ev-txt span { color: var(--text-2, #c7bfbc); font-size: 13px; overflow-wrap: anywhere; }
.ev-acts { display: flex; align-items: center; gap: 6px; flex: none; }
.ev-acts .btn[disabled] { opacity: .65; cursor: default; }
@keyframes ev-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@media (max-width: 640px) {
  .ev-bar { margin: 10px 16px 0; flex-wrap: wrap; }
  .ev-acts { width: 100%; justify-content: flex-end; }
}
@media (prefers-reduced-motion: reduce) { .ev-bar { animation: none; } }