/* ================================================================
   Bullseye Link Feed — Frontend Styles v1.5.0
   Dark theme default — matches the design preview
   ================================================================ */

.blf-feed {
    font-family: inherit;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 2em;
}

/* ── Feed title ─────────────────────────────────────────────── */
.blf-feed-title {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
    color: #c0392b !important;
    margin: 0 0 16px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(192,57,43,.3) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    line-height: 1 !important;
    background: none !important;
}

.blf-feed-title::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 14px;
    background: #c0392b;
    border-radius: 1px;
    flex-shrink: 0;
}

/* ── Two-column grid ────────────────────────────────────────── */
.blf-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
}

.blf-grid-1col {
    grid-template-columns: 1fr !important;
}

@media (max-width: 640px) {
    .blf-grid { grid-template-columns: 1fr !important; }
}

/* ── Month card ─────────────────────────────────────────────── */
.blf-month-card {
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    transition: border-color .2s !important;
    box-shadow: none !important;
}

.blf-month-card:hover {
    border-color: rgba(192,57,43,.3) !important;
}

/* ── Month header ───────────────────────────────────────────── */
.blf-month-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 6px 11px 5px !important;
    background: rgba(192,57,43,.08) !important;
    border-bottom: 1px solid rgba(192,57,43,.14) !important;
    margin: 0 !important;
}

.blf-month-name {
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .1em !important;
    color: #c0392b !important;
    line-height: 1 !important;
}

.blf-month-count {
    font-size: 9px !important;
    font-weight: 600 !important;
    color: rgba(192,57,43,.45) !important;
    line-height: 1 !important;
}

/* ── Items list ─────────────────────────────────────────────── */
.blf-items {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.blf-item {
    display: flex !important;
    align-items: baseline !important;
    gap: 6px !important;
    padding: 6px 11px !important;
    border-bottom: 1px solid rgba(255,255,255,.04) !important;
    transition: background .12s !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.blf-item:last-child {
    border-bottom: none !important;
}

.blf-item:hover {
    background: rgba(255,255,255,.03) !important;
}

/* ── Day number ─────────────────────────────────────────────── */
.blf-item-date {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,.2) !important;
    min-width: 14px !important;
    text-align: right !important;
    flex-shrink: 0 !important;
    font-variant-numeric: tabular-nums !important;
    line-height: 1.6 !important;
}

/* ── Type badge ─────────────────────────────────────────────── */
.blf-item-type {
    flex-shrink: 0 !important;
    font-size: 7.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
    padding: 2px 5px !important;
    border-radius: 2px !important;
    line-height: 1.6 !important;
    white-space: nowrap !important;
    background: rgba(255,255,255,.07) !important;
    color: rgba(255,255,255,.35) !important;
}

.blf-type-news         { background: rgba(192,57,43,.18)  !important; color: #e87c6e !important; }
.blf-type-report       { background: rgba(180,100,14,.2)  !important; color: #f0a040 !important; }
.blf-type-article      { background: rgba(30,120,80,.2)   !important; color: #5ed4a0 !important; }
.blf-type-update       { background: rgba(80,60,180,.2)   !important; color: #a89cf0 !important; }
.blf-type-filing       { background: rgba(120,40,40,.2)   !important; color: #e09090 !important; }
.blf-type-presentation { background: rgba(20,100,120,.2)  !important; color: #6cc8de !important; }
.blf-type-interview    { background: rgba(20,80,130,.2)   !important; color: #70b0e8 !important; }
.blf-type-video        { background: rgba(140,20,80,.2)   !important; color: #e080b0 !important; }
.blf-type-page         { background: rgba(60,70,80,.2)    !important; color: #90a0b0 !important; }
.blf-type-other        { background: rgba(80,80,80,.15)   !important; color: #909090 !important; }

/* ── Link ───────────────────────────────────────────────────── */
.blf-item-link {
    font-size: 11.5px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,.6) !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
    flex: 1 !important;
    min-width: 0 !important;
    word-break: break-word !important;
    transition: color .15s !important;
}

.blf-item:hover .blf-item-link {
    color: rgba(255,255,255,.95) !important;
    text-decoration: none !important;
}

/* ── Arrow ──────────────────────────────────────────────────── */
.blf-item-arrow {
    flex-shrink: 0 !important;
    font-size: 9px !important;
    color: transparent !important;
    transition: color .15s !important;
    line-height: 1.6 !important;
    margin-left: auto !important;
    padding-left: 3px !important;
}

.blf-item:hover .blf-item-arrow {
    color: rgba(192,57,43,.7) !important;
}

.blf-no-items {
    font-size: 13px;
    color: rgba(255,255,255,.3);
    font-style: italic;
}