/* Structural styles only. The theme supplies colors and type through PMPro's CSS variables. */
.anetjs-box { display: grid; gap: 14px; }
.anetjs-row { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 14px; }
.anetjs-number { position: relative; }
.anetjs-brand { position: absolute; right: 12px; bottom: 12px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; opacity: .75; pointer-events: none; }
.anetjs-error { padding: 12px 14px; border-radius: 8px; border: 1px solid var(--pmpro--color--error-border, #e37b6b); background: var(--pmpro--color--error-background, rgba(227,123,107,.12)); color: var(--pmpro--color--error-text, inherit); }
.anetjs-secure { display: flex; gap: 8px; align-items: center; margin: 0; font-size: 13px; opacity: .8; }
.anetjs-box.is-busy { opacity: .7; pointer-events: none; }
.anetjs input[aria-invalid="true"] { border-color: var(--pmpro--color--error-border, #e37b6b); }
@media (max-width: 600px) {
	.anetjs-row { grid-template-columns: 1fr 1fr; }
	.anetjs-row .anetjs-field:first-child { grid-column: 1 / -1; }
}