/* Approved compact badges: one size, with semantic color supported by text. */
.channel-meta{flex-wrap:wrap;gap:4px}
.channel-meta .rkn-status,.channel-meta .hot-offer-badge{
 display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:none;
 box-sizing:border-box;height:18px;padding:0 5px;border:1px solid;border-radius:5px;
 font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:9px;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap;
}
.channel-meta .rkn-status{color:#60748b;background:#f0f4f8;border-color:#d9e2ed}
.channel-meta .rkn-status[data-rkn-status=registered],
.channel-meta .rkn-status[data-rkn-status=not_required]{color:#3d7054;background:#e8f3ec;border-color:#c4ddcd}
.channel-meta .rkn-status[data-rkn-status=pending]{color:#526e91;background:#edf3fa;border-color:#d0deed}
.channel-meta .rkn-status[data-rkn-status=unregistered]{color:#9c5055;background:#fbecee;border-color:#ebcdd1}
.channel-meta .rkn-status svg{width:9px;height:9px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body[data-design] .channel-meta a.rkn-status:hover{color:#2d6044;background:#dceee3;border-color:#94bba4}
.channel-meta a.rkn-status:focus-visible{outline:2px solid #5b8fc9;outline-offset:2px}
.channel-meta .hot-offer-badge{color:#315b8d;background:#e4efff;border-color:#a6c4e9}
.channel-meta .hot-offer-badge:hover{color:#203049;background:#cbe1fc;border-color:#739ed4}
/* Additional promotion colors are scoped to the review pages until selected. */
[data-promo=coral] .channel-meta .hot-offer-badge{color:#944934;background:#fbe4db;border-color:#e8b5a4}
[data-promo=coral] .channel-meta .hot-offer-badge:hover{color:#7c3928;background:#f5d3c6;border-color:#d89b87}
[data-promo=apricot] .channel-meta .hot-offer-badge{color:#805b20;background:#fff0d6;border-color:#e6cd9b}
[data-promo=apricot] .channel-meta .hot-offer-badge:hover{color:#684816;background:#f7e2b9;border-color:#d5b576}
[data-promo=lilac] .channel-meta .hot-offer-badge{color:#6e508d;background:#f0e7fb;border-color:#d4bee9}
[data-promo=lilac] .channel-meta .hot-offer-badge:hover{color:#583b77;background:#e4d5f3;border-color:#bea1db}
/* A long status and promotion share the full cell width on narrow screens. */
@media(max-width:760px){
 .channel-cell:has(.rkn-status:is([data-rkn-status=not_required],[data-rkn-status=pending])~.hot-offer-badge){display:grid;grid-template-columns:26px minmax(0,1fr) 17px;gap:0 7px}
 .channel-cell:has(.rkn-status:is([data-rkn-status=not_required],[data-rkn-status=pending])~.hot-offer-badge)>.avatar-button{grid-column:1;grid-row:1;width:26px;height:26px}
 .channel-cell:has(.rkn-status:is([data-rkn-status=not_required],[data-rkn-status=pending])~.hot-offer-badge)>.channel-info{display:contents}
 .channel-cell:has(.rkn-status:is([data-rkn-status=not_required],[data-rkn-status=pending])~.hot-offer-badge) .channel-link{grid-column:2;grid-row:1}
 .channel-cell:has(.rkn-status:is([data-rkn-status=not_required],[data-rkn-status=pending])~.hot-offer-badge)>.details-button{grid-column:3;grid-row:1}
 .channel-cell:has(.rkn-status:is([data-rkn-status=not_required],[data-rkn-status=pending])~.hot-offer-badge) .channel-meta{grid-column:1/-1;grid-row:2;margin-top:4px}
}