/* index/discover/styles/main.css
 * Entry CSS for the discover / landing / registration page. Imports
 * topical files in cascade order (mobile overrides last).
 */
@import url('./structure.css?v=20260514g');
@import url('./cards.css?v=20260521z27');
@import url('./reg.css?v=20260514f');
@import url('./mobile.css?v=20260508v5');

/* 2026-05-09 fix: notification/message badge styles. Was missing on
   index.html (only inline in chat/notifications HTML before) → bg/border
   utilities never applied → badge "7" floated naked above Alerts button
   on the swipes screen. Same rule shape as the inline copies elsewhere. */
.msg-counter {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 9999px;
    /* 2026-05-09: tailwind.built.css has no preflight, so default
       border-style:none means border-{width} utilities (border-2 etc.)
       wouldn't render. Explicit solid here lets `border-2 border-crimson`
       paint a visible ring. */
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
}
.msg-counter.standard { background: var(--c-crimson); color: white; }
.msg-counter.inverted { background: white;            color: var(--c-crimson); }