/* Shared transactional primitives. No selectors affect marketing page content. */
.coceu-ui,.coceu-portal,.coceu-co-shell,.coceu-premium-surface {
  --coceu-space-1:4px;--coceu-space-2:8px;--coceu-space-3:12px;--coceu-space-4:16px;--coceu-space-5:24px;--coceu-space-6:32px;
  --coceu-surface:var(--coce-card,#fff);--coceu-background:#f5f8fa;--coceu-line:var(--coce-border,#e2e8f0);
  --coceu-ink:var(--coce-navy,#0f172a);--coceu-muted:var(--coce-muted,#475569);--coceu-success:#166534;--coceu-warning:#854d0e;--coceu-error:#b91c1c;
  --coceu-radius:var(--coce-radius-card,14px);--coceu-shadow:0 3px 14px rgba(15,23,42,.04);
}
.coceu-ui :is(a,button,input,select,textarea,summary):focus-visible,.coceu-portal :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid var(--coce-teal,#28647c);outline-offset:3px}
.coceu-ui [hidden],.coceu-portal [hidden]{display:none!important}
.coceu-tx-card{border:1px solid var(--coceu-line,#e2e8f0);border-radius:var(--coceu-radius,14px);background:var(--coceu-surface,#fff);padding:var(--coceu-space-5,24px);box-shadow:var(--coceu-shadow)}
.coceu-tx-alert{padding:12px 16px;border-inline-start:3px solid var(--coce-teal,#28647c);background:#eef6ff;color:#0f172a;overflow-wrap:anywhere}
.coceu-tx-alert.is-error{border-color:#b91c1c;background:#fef2f2;color:#991b1b}
.coceu-tx-alert.is-success{border-color:#166534;background:#f0fdf4;color:#166534}
.coceu-tx-next-action{padding:16px;border:1px solid #dbe7f5;border-radius:10px;background:#eef6ff}
.coceu-tx-next-action p{margin:6px 0 12px}
.coceu-tx-microtrust{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0;font-size:12px;color:var(--coceu-muted,#475569)}
.coceu-tx-microtrust span{display:inline-flex;align-items:center;gap:6px}
.coceu-tx-microtrust span::before{content:'✓';color:var(--coceu-success,#166534)}
.coceu-tx-estimate{padding:12px 0;color:var(--coceu-ink,#0f172a);font-size:14px;line-height:1.5}
.coceu-tx-secondary{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;font-size:14px}
@media(max-width:600px){.coceu-tx-card{padding:16px}.coceu-ui :is(input,select,textarea){font-size:16px}}
@media(prefers-reduced-motion:reduce){.coceu-ui *, .coceu-portal *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}