<style>
/* ===== CONTENEDOR GENERAL ===== */
.fms-container {
    max-width: 900px;
    margin-top: 20px;
}

/* ===== CARD BASE ===== */
.fms-card {
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 20px;
}

/* ===== CARD PRINCIPAL ===== */
.fms-card--header h2 {
    margin: 0 0 10px 0;
}

/* ===== BADGES ===== */
.fms-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 20px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.fms-badge--standby { background: #7f8c8d; }
.fms-badge--received { background: #f1c40f; }
.fms-badge--mastering { background: #3498db; }
.fms-badge--delivered { background: #2ecc71; }

/* ===== TEXTO ===== */
.fms-text {
    line-height: 1.7;
    color: #333;
}

/* ===== CARD INGENIERO ===== */
.fms-card--engineer {
    background: #f1f7ff;
    border-color: #d6e6ff;
}

.fms-card--engineer .fms-text {
    color: #1f3c88;
}

/* ===== TIMELINE ===== */
.fms-timeline {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.fms-timeline li {
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.fms-timeline small {
    color: #777;
}

/* ===== LINK VOLVER ===== */
.fms-back {
    display: inline-block;
    margin-bottom: 16px;
    text-decoration: none;
    font-weight: 600;
    color: #2271b1;
}

.fms-badge {
    display: inline-block;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
}

.fms-badge--standby {
    background: #95a5a6;
}

.fms-badge--received {
    background: #f1c40f;
}

.fms-badge--mixing {
    background: #0b5984; /* 🔵 En mezcla */
}

.fms-badge--mastering {
    background: #3498db;
}

.fms-badge--delivered {
    background: #2ecc71;
}
</style>
