/**
 * MWF server-backed search — result-list styling.
 * Shared by the global search bar and the pSEO archive search; the dropdown
 * container positioning lives in global-search.css / mwf-pseo.css, this file
 * styles only the result items patched in via Datastar SSE.
 */

.mwf-sr__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .55rem 1rem;
    text-decoration: none !important;
    color: #e6edf3;
    border-bottom: 1px solid #21262d;
    transition: background .1s;
}
.mwf-sr__item:last-child { border-bottom: none; }
.mwf-sr__item:hover,
.mwf-sr__item.is-active {
    background: rgba(16, 185, 129, .1);
    color: #e6edf3;
}

.mwf-sr__name {
    font-size: .9rem;
    font-weight: 500;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mwf-sr__meta {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-shrink: 0;
    font-size: .7rem;
    white-space: nowrap;
}

.mwf-sr__badge {
    padding: .1rem .45rem;
    border-radius: 4px;
    font-weight: 600;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .03em;
}
.mwf-sr__badge--p { background: rgba(16, 185, 129, .15); color: #10b981; }
.mwf-sr__badge--t { background: rgba(59, 130, 246, .15); color: #3b82f6; }
.mwf-sr__badge--e { background: rgba(249, 115, 22, .15); color: #f97316; }
.mwf-sr__badge--c { background: rgba(168, 85, 247, .15); color: #a855f7; }

.mwf-sr__grade { font-weight: 600; color: #8b949e; }
.mwf-sr__grade--a,
.mwf-sr__grade--b { color: #10b981; }
.mwf-sr__grade--c { color: #f59e0b; }
.mwf-sr__grade--d { color: #f97316; }
.mwf-sr__grade--f { color: #ef4444; }
.mwf-sr__grade--na { color: #8b949e; }

.mwf-sr__installs { color: #8b949e; }

.mwf-sr__empty {
    padding: 1.5rem 1rem;
    text-align: center;
    color: #8b949e;
    font-size: .9rem;
}