/* Estilos para el dashboard del afiliado */
.mrm-dashboard-afiliado {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.mrm-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin-top: 20px;
}

.mrm-widget {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.mrm-widget h3 {
    margin-top: 0;
    border-bottom: 2px solid #007cba;
    padding-bottom: 10px;
}

.mrm-widget ul {
    list-style: none;
    padding: 0;
}

.mrm-widget ul li {
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
}

.mrm-nivel {
    padding: 8px 12px;
    margin: 5px 0;
    background: #f8f9fa;
    border-radius: 4px;
}

.mrm-arbol {
    margin-top: 10px;
}