/* ============================================================================
   AffCard.css
   ----------------------------------------------------------------------------
   The Atlas AffCard component (Components/Atlas/AffCard.razor) — single source
   of truth for the canonical content-card chassis. Spec matches the de-facto
   .account-details-container (AccountDetails.css): white / radius-16 /
   shadow-subtle / 16px padding + 16px child gap, flex column.

   Chassis-pure: no positioning (width / margin / text-align). Consumers wrap
   AffCard in a positioning <div> when they need inline layout.
   ============================================================================ */

.aff-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    padding: 16px;
    gap: 16px;
    border-radius: var(--radius-16, 16px);
    background: var(--color-white, #FFFFFF);
    box-shadow: var(--shadow-subtle, 0 1px 3px rgba(0, 0, 0, 0.08));
}