/* Stack brand marks used on CAA redesign (simplified marks for localhost mockup fidelity) */
.caa-logo {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 13px;
  color: var(--caa-navy);
  white-space: nowrap;
}
.caa-logo-mark {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: -0.02em;
}
.caa-logo-sf .caa-logo-mark { background: #00a1e0; }
.caa-logo-sn .caa-logo-mark { background: #81b5a1; }
.caa-logo-db .caa-logo-mark { background: #ff3621; }
.caa-logo-snow .caa-logo-mark { background: #29b5e8; }
.caa-logo-sap .caa-logo-mark { background: #0faaff; }
.caa-logo-okta .caa-logo-mark { background: #007dc1; }
.caa-logo-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 18px;
  align-items: center;
}
.caa-logo-tile {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 120px;
}
.caa-logo-tile small {
  color: var(--caa-muted);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  max-width: 140px;
}