.sales-channels__title { margin: 0 0 var(--space-4); font-size: var(--text-sm); font-weight: var(--font-bold); letter-spacing: var(--tracking-label); text-transform: uppercase; }
.sales-channels__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); margin: 0; padding: 0; list-style: none; }
.sales-channel-item { min-width: 0; }
.sales-channel-item--featured { grid-column: 1 / -1; }
.sales-channel { display: grid; min-height: 84px; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: minmax(30px, auto) auto auto; align-items: center; gap: var(--space-2) var(--space-3); padding: var(--space-4); border: 1px solid var(--color-border-light); border-radius: var(--radius-lg); background-color: var(--color-bg); color: var(--color-text); text-decoration: none; transition: border-color var(--transition-fast), transform var(--transition-fast); }
.sales-channel--featured { border-color: rgba(230, 0, 0, 0.32); background: linear-gradient(135deg, rgba(230, 0, 0, 0.045), var(--color-bg) 72%); }
.sales-channel__logo { display: flex; min-width: 0; min-height: 30px; align-items: center; }
.sales-channel__logo img { width: auto; max-width: 118px; height: 28px; object-fit: contain; object-position: left center; }
.sales-channel--featured .sales-channel__logo img { max-width: 160px; height: 32px; }
.sales-channel__wordmark { overflow: hidden; font-size: var(--text-sm); font-weight: var(--font-bold); letter-spacing: -0.02em; line-height: var(--leading-none); text-overflow: ellipsis; white-space: nowrap; }
.sales-channel__name { overflow: hidden; color: var(--color-text-muted); font-size: var(--text-xs); font-weight: var(--font-medium); text-overflow: ellipsis; white-space: nowrap; }
.sales-channel--featured .sales-channel__name { color: var(--color-primary); font-weight: var(--font-bold); }
.sales-channel__note { max-width: 62ch; color: var(--color-text-muted); font-size: var(--text-xs); line-height: var(--leading-ui); }
.sales-channel .icon { grid-column: 2; grid-row: 1 / 4; width: 17px; height: 17px; color: var(--color-text-muted); }
@media (hover: hover) { .sales-channel:hover { border-color: var(--color-primary); transform: translateY(-2px); } .sales-channel:hover .icon { color: var(--color-primary); } }
@media (max-width: 420px) { .sales-channels__list { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .sales-channel { transition: border-color var(--transition-fast); } }