/* upload.css — Phase 16-02 traffic-light preflight indicator styles.
 *
 * Lives inline in the .file-card .info block alongside name + meta. Visual
 * language matches existing setStep() patterns in home.html — soft tints, not
 * loud banners. Non-blocking by design: amber/red is a heads-up, not a wall.
 */

.preflight-status {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.3;
    padding: 2px 6px;
    border-radius: 4px;
    display: inline-block;
    max-width: 100%;
}

.preflight-status.checking {
    color: #888;
    background: rgba(150, 150, 150, 0.08);
}

.preflight-status.works {
    color: #2a7a3a;
    background: rgba(42, 122, 58, 0.10);
}

.preflight-status.proxy {
    color: #8a5a00;
    background: rgba(200, 140, 0, 0.12);
}

.preflight-status.broken {
    color: #a02020;
    background: rgba(180, 30, 30, 0.10);
}

.preflight-status.unknown {
    color: #666;
    background: rgba(120, 120, 120, 0.10);
}