.aq-scan-card {
    margin-top: 10px;
    padding: 11px 12px;
    border: 1px solid #303030;
    background: #151515;
    color: #fff;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.4;
}

.aq-scan-card.excellent { border-color: #2d7b49; background: #0c1d12; }
.aq-scan-card.good { border-color: #327595; background: #0d1820; }
.aq-scan-card.review { border-color: #8c681d; background: #211a0b; }
.aq-scan-card.needs { border-color: #923838; background: #210d0d; }

.aq-scan-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.aq-score { font-size: 16px; font-weight: 950; }

.aq-grade {
    display: inline-flex;
    align-items: center;
    margin-top: 5px;
    padding: 4px 8px;
    border: 1px solid #3a3a3a;
    border-radius: 999px;
    background: #1a1a1a;
    font-weight: 900;
}

.aq-scan-card.excellent .aq-grade { background: #123c22; border-color: #2d7b49; color: #baf7ca; }
.aq-scan-card.good .aq-grade { background: #123243; border-color: #327595; color: #c2ecff; }
.aq-scan-card.review .aq-grade { background: #45330d; border-color: #8c681d; color: #ffe19a; }
.aq-scan-card.needs .aq-grade { background: #4a1717; border-color: #923838; color: #ffc2c2; }

.aq-publish-note { color: #bbb; margin-top: 5px; }
.aq-scan-card ul { margin: 7px 0 0; padding-left: 18px; color: #d2d2d2; }
.aq-clean { color: #a9d8b6; margin-top: 6px; }
.aq-inline-status { margin-top: 7px; color: #aaa; font-size: 12px; }

.aq-quality-badge,
.aq-public-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border: 1px solid #343434;
    background: #161616;
    color: #ddd;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
    margin-left: 5px;
}

.aq-quality-badge.excellent,
.aq-public-badge.excellent { background: #123c22; border-color: #2d7b49; color: #baf7ca; }
.aq-quality-badge.good,
.aq-public-badge.good { background: #123243; border-color: #327595; color: #c2ecff; }
.aq-quality-badge.review,
.aq-public-badge.review { background: #45330d; border-color: #8c681d; color: #ffe19a; }
.aq-quality-badge.needs,
.aq-public-badge.needs { background: #4a1717; border-color: #923838; color: #ffc2c2; }

.aq-admin-score { font-size: 28px; font-weight: 950; }
.aq-component-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 7px; }
.aq-component { background: #181818; padding: 8px 9px; border-radius: 5px; display: flex; justify-content: space-between; }
.aq-progress { height: 8px; background: #242424; overflow: hidden; border-radius: 999px; }
.aq-progress > span { display: block; height: 100%; background: #ff8a00; width: 0; }
.aq-batch-status { white-space: pre-wrap; color: #bbb; font-size: 12px; margin-top: 8px; }

/* Public remix rows: compact audio-quality indicator.
   The title badge is intentionally removed; the slim stroke keeps rows clean. */
.er-unified-track-table tr.track-row td.col-num.aq-quality-stroke {
    position: relative;
    box-shadow: inset 3px 0 0 #3a3a3a;
    padding-left: 9px;
}
.er-unified-track-table tr.aq-row-quality-excellent td.col-num.aq-quality-stroke {
    box-shadow: inset 3px 0 0 #35c76f;
}
.er-unified-track-table tr.aq-row-quality-good td.col-num.aq-quality-stroke {
    box-shadow: inset 3px 0 0 #49a8d4;
}
.er-unified-track-table tr.aq-row-quality-review td.col-num.aq-quality-stroke {
    box-shadow: inset 3px 0 0 #d2a33a;
}
.er-unified-track-table tr.aq-row-quality-needs td.col-num.aq-quality-stroke {
    box-shadow: inset 3px 0 0 #d85a5a;
}
.er-unified-track-table tr.aq-row-quality-unchecked td.col-num.aq-quality-stroke {
    box-shadow: inset 3px 0 0 #3a3a3a;
}

.filter-form .filter-quality-field select {
    min-width: 168px;
}

@media (max-width: 760px) {
    .er-unified-track-table tr.track-row td.col-num.aq-quality-stroke {
        box-shadow: inset 2px 0 0 #3a3a3a;
        padding-left: 6px;
    }
    .er-unified-track-table tr.aq-row-quality-excellent td.col-num.aq-quality-stroke { box-shadow: inset 2px 0 0 #35c76f; }
    .er-unified-track-table tr.aq-row-quality-good td.col-num.aq-quality-stroke { box-shadow: inset 2px 0 0 #49a8d4; }
    .er-unified-track-table tr.aq-row-quality-review td.col-num.aq-quality-stroke { box-shadow: inset 2px 0 0 #d2a33a; }
    .er-unified-track-table tr.aq-row-quality-needs td.col-num.aq-quality-stroke { box-shadow: inset 2px 0 0 #d85a5a; }
}