.tn-cma-wrap{margin:14px 0 18px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.tn-cma-sub{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;background:#f6f7f9;margin-bottom:10px}
.tn-cma-dot{width:10px;height:10px;border-radius:999px;background:#9ca3af;flex:0 0 auto}
#tn-cma-root.is-busy .tn-cma-dot{background:#f59e0b}
#tn-cma-root.is-ok .tn-cma-dot{background:#22c55e}
#tn-cma-root.is-warn .tn-cma-dot{background:#ef4444}

.tn-cma-map{width:100%;height:300px;border-radius:12px;overflow:hidden}

.tn-cma-actions{margin-top:10px;text-align:center}
.tn-cma-btn{
  display:inline-block;
  background:#39ff14;
  color:#000;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  padding:10px 14px;
  font-weight:700;
  cursor:pointer;
  transition:filter .12s ease, transform .06s ease;
}
.tn-cma-btn:hover{filter:brightness(0.95)}
.tn-cma-btn:active,.tn-cma-btn.is-pressed{filter:brightness(0.82); transform:scale(0.99)}
.tn-cma-btn:disabled{opacity:.65; cursor:not-allowed; transform:none}

.tn-cma-row{margin-top:10px}
.tn-cma-row input{width:100%;padding:11px 12px;border-radius:10px;border:1px solid #d1d5db}
.tn-cma-help{margin-top:6px;font-size:12px;color:#6b7280}

.tn-cma-hide-native{display:none !important}

#tn-cma-root.is-warn .tn-cma-text{color:#ef4444;font-weight:700}
#tn-cma-root.is-warn #tn-cma-address{border-color:#ef4444}


/* Atención visual solo cuando hay error al enviar (no afecta el diseño normal) */
#tn-cma-root.tn-cma-attn{outline:2px solid #ef4444; outline-offset:6px; box-shadow:0 0 0 4px rgba(239,68,68,.12); animation:tnCmaShake .35s linear 0s 2}
@keyframes tnCmaShake{
  0%{transform:translateX(0)}
  20%{transform:translateX(-6px)}
  40%{transform:translateX(6px)}
  60%{transform:translateX(-4px)}
  80%{transform:translateX(4px)}
  100%{transform:translateX(0)}
}